:root {
    --nav-bg-color: #fff;
    --nav-head-container-bg-color: #fafafa
}

.primary-bg {
    background-color: #fff;
    color: #494f50
}

.primary-bg h1,
.primary-bg h2,
.primary-bg h3,
.primary-bg h4 {
    color: #17252e
}

.primary-bg p,
.primary-bg label,
.primary-bg span {
    color: #494f50
}

.primary-bg a {
    color: #008533
}

.primary-bg a:hover {
    color: #008533
}

.secondary-bg {
    background-color: #fafafa;
    color: #494f50
}

.secondary-bg h1,
.secondary-bg h2,
.secondary-bg h3,
.secondary-bg h4 {
    color: #17252e
}

.secondary-bg p,
.secondary-bg label,
.secondary-bg span {
    color: #494f50
}

.secondary-bg a {
    color: #008533
}

.secondary-bg a:hover {
    color: #008533
}

.tertiary-bg {
    background-color: #f2f9f5;
    color: #494f50
}

.tertiary-bg h1,
.tertiary-bg h2,
.tertiary-bg h3,
.tertiary-bg h4,
.tertiary-bg h5,
.tertiary-bg h6,
.tertiary-bg h7 {
    color: #17252e
}

.tertiary-bg p,
.tertiary-bg label,
.tertiary-bg span {
    color: #494f50
}

.tertiary-bg a {
    color: #008533
}

.tertiary-bg a:hover {
    color: #008533
}

.themebg {
    background-color: #fff
}

.whitebg {
    background-color: #fff
}

.blackbg {
    background-color: #000
}

.blackbg p,
.blackbg h1,
.blackbg h2,
.blackbg h3,
.blackbg h4,
.blackbg span,
.blackbg div {
    color: #fff
}

.blackbg .nbd-search-results-warp .nbd-search-results a {
    color: #494f50
}

.blackbg .nbd-search-results-warp .nbd-search-results a span.cmp-search__item-title {
    color: #494f50
}

.lightgreybg {
    background-color: #fafafa
}

.darkgreybg {
    background-color: #262626
}

.darkgreybg p,
.darkgreybg h1,
.darkgreybg h2,
.darkgreybg h3,
.darkgreybg h4,
.darkgreybg span,
.darkgreybg div {
    color: #fff
}

.darkgreybg .nbd-search-results-warp .nbd-search-results a {
    color: #494f50
}

.darkgreybg .nbd-search-results-warp .nbd-search-results a span {
    color: #494f50
}

.lightgreenbg {
    background-color: #f2f9f5
}

.stonebg {
    background-color: #f7f1e9
}

.focusout {
    border-color: #78be20
}

.focus {
    border-color: #006341
}

html *:focus,
body *:focus {
    outline: 0
}

a {
    color: #008533
}

a:hover {
    color: #008533
}

.ng-container {
    margin: 0 106px;
    padding: 0
}

@media screen and (min-width:1441px) {}

@media screen and (min-width:1441px) {
    .ng-container {
        max-width: 1228px;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

@media only screen and (min-width:1025px) and (max-width:1440px) {
    .ng-container {
        max-width: 1260px;
        margin: 0 106px;
        padding: 0
    }
}

@media screen and (max-width:768px) {
    .ng-container {
        max-width: 748px;
        margin: 0 22px;
        padding: 0
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .ng-container {
        max-width: 1260px;
        margin: 0 22px;
        padding: 0
    }
}

@media screen and (max-width:320px) {
    .ng-container {
        max-width: 300px;
        margin: 0 18px;
        padding: 0
    }
}

.nb-row>div {
    margin-top: 20px;
    padding: 0 10px
}

a {
    text-decoration: none
}

.nb-nav-bg {
    background-color: var(--nav-bg-color)
}

.nb-head-container-bg {
    background-color: var(--nav-head-container-bg-color)
}

.card-body *:focus {
    outline: 0
}

.nbd-btn-primary {
    color: #fff;
    background-color: #008533;
    border: 2px solid #008533;
    height: 56px;
    flex-shrink: 0
}

.nbd-btn-primary:hover {
    color: #fff;
    background-color: #007237;
    border-color: #007237
}

.primary-bg .nbd-btn-primary {
    color: #fff;
    background-color: #008533;
    border: 2px solid #008533;
    height: 56px;
    flex-shrink: 0
}

.primary-bg .nbd-btn-primary:hover {
    color: #fff;
    background-color: #007237;
    border-color: #007237
}

.secondary-bg .nbd-btn-primary {
    color: #fff;
    background-color: #008533;
    border: 2px solid #008533;
    height: 56px;
    flex-shrink: 0
}

.secondary-bg .nbd-btn-primary:hover {
    color: #fff;
    background-color: #007237;
    border-color: #007237
}

.tertiary-bg .nbd-btn-primary {
    color: #fff;
    background-color: #008533;
    border: 2px solid #008533;
    height: 56px;
    flex-shrink: 0
}

.tertiary-bg .nbd-btn-primary:hover {
    color: #fff;
    background-color: #007237;
    border-color: #007237
}

.nbd-btn-secondary,
.primary-bg .nbd-btn-secondary,
.secondary-bg .nbd-btn-secondary,
.tertiary-bg .nbd-btn-secondary {
    color: #008533;
    background-color: #fff;
    border: 2px solid #008533
}

.nbd-btn-secondary:hover,
.primary-bg .nbd-btn-secondary:hover,
.secondary-bg .nbd-btn-secondary:hover,
.tertiary-bg .nbd-btn-secondary:hover {
    color: #007237;
    background-color: #fff;
    border-color: #007237
}

.nbd-btn-commitment,
.primary-bg .nbd-btn-commitment,
.secondary-bg .nbd-btn-commitment,
.tertiary-bg .nbd-btn-commitment {
    color: #fff;
    background-color: #17252e;
    border: 2px solid #17252e;
    height: 56px;
    flex-shrink: 0
}

.nbd-btn-commitment:hover,
.primary-bg .nbd-btn-commitment:hover,
.secondary-bg .nbd-btn-commitment:hover,
.tertiary-bg .nbd-btn-commitment:hover {
    color: #fff;
    background-color: #17252e;
    border-color: #17252e
}

.nbd-btn.nbd-btn-commitment {
    color: #fff;
    background-color: #09603A;
    border: 2px solid #09603A;
    height: 56px;
    flex-shrink: 0
}

.nbd-btn.nbd-btn-commitment:hover {
    color: #fff;
    background-color: #17252e;
    border-color: #17252e
}

.nbd-btn-tertiary {
    color: #008533
}

.nbd-btn-tertiary1 {
    color: #008533
}

.nbd-btn-border-white,
.nbd-btn-white-theme {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff
}

.nbd-btn-border-white:hover,
.nbd-btn-white-theme:hover {
    color: #fff;
    border-color: #fff
}

.nbd-btn-border-black,
.nbd-btn-black-theme {
    border: 2px solid #17252e;
    background-color: transparent;
    color: #000
}

.nbd-btn-border-black:hover,
.nbd-btn-black-theme:hover {
    color: #000;
    border-color: #000
}

.nbd-btn-border-green,
.nbd-btn-art-theme {
    border: 2px solid #008533;
    background-color: transparent;
    color: #008533
}

.nbd-btn-border-green:hover,
.nbd-btn-art-theme:hover {
    color: #007237;
    border-color: #007237
}

.nbd-btn-tertiary:hover {
    color: #007237
}

.nbd-btn-tertiary1:hover {
    color: #008533
}

.nbd-btn-tertiary:hover .up-right-arrow-btn,
.nbd-btn-tertiary:hover .up-right-arrow-btn1 {
    transform: translate(6px, -5px)
}

.nbd-btn-tertiary:hover .right-arrow-btn,
.nbd-btn-tertiary:hover .right-arrow-btn1 {
    transform: translateX(8px)
}

.nbd-btn-tertiary:hover .back-arrow-btn {
    transform: translateX(-8px)
}

.articlelink:hover .right-arrow-btn,
.nbd-article-post-card:hover .right-arrow-btn,
.nbd-article-post-card-body:hover .right-arrow-btn,
.nbd-article-card:hover .right-arrow-btn {
    transform: translateX(8px)
}

.nbd-btn-tertiary:hover .down-arrow-btn,
.nbd-btn-tertiary:hover .down-arrow-btn1 {
    transform: translateY(8px)
}

.tertiary-btn-icon {
    background-size: cover;
    display: inline-block;
    height: 18px;
    margin-left: 8px;
    transition: transform 900ms
}

.nbd-icon-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow.svg'); */
    background-repeat: no-repeat
}

.articlelink .right-arrow-btn {
    margin: 5px 0 0 10px;
    transition: transform 900ms
}

.up-right-arrow-btn {
    background-image: url('../../../assets/static/media/icons/diagonal-arrow-green.svg');
    background-repeat: no-repeat;
    width: 18px;
    height: 14px
}

.down-arrow-btn {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/down-arrow-green.svg'); */
    background-repeat: no-repeat;
    width: 14px
}

.right-arrow-btn {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/right-arrow-green.svg'); */
    background-repeat: no-repeat;
    width: 23px;
    height: 14px
}

.add-btn {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/add-btn.svg'); */
    background-repeat: no-repeat;
    background-size: auto;
    width: 14px;
    height: 14px
}

.download-btn {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/download-btn.svg'); */
    background-repeat: no-repeat;
    width: 24px;
    height: 24px
}

.back-arrow-btn {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/back-arrow-btn.svg'); */
    background-repeat: no-repeat;
    width: 23px;
    height: 14px
}

.article-bg-green .right-arrow-btn {
    background-image: url('../../../assets/static/media/icons/arrow-white.svg')
}

.transfer-arrow-btn {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/Transfer.svg'); */
    background-repeat: no-repeat;
    width: 18px;
    height: 20px;
    display: inline-flex
}

.back-arrow-btn {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/back-arrow-btn.svg'); */
    background-repeat: no-repeat;
    width: 23px;
    height: 14px
}

.nbd-icon-arrow1 {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow1.svg') */
}

.up-right-arrow-btn1 {
    /* background-image: url('../../../assets/static/media/icons/diagonal-arrow-green1.svg') */
}

.down-arrow-btn1 {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/down-arrow-green1.svg'); */
    width: 14px
}

.right-arrow-btn1 {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/right-arrow-green1.svg'); */
    width: 23px;
    height: 14px
}

.transfer-arrow-btn1 {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/Transfer1.svg'); */
    width: 18px;
    height: 20px;
    display: inline-flex
}

.back-arrow-btn1 {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/back-arrow-btn1.svg'); */
    width: 23px;
    height: 14px
}

.nbd-icon-arrow1 {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover1.svg') */
}

.nbd-btn:focus,
.nbd-reset:focus {
    outline: 0;
    box-shadow: none
}

.nbd-form-group label {
    color: #17252e;
    font-family: 'Libre Franklin', sans-serif;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-form-control {
    border: 2px solid #bbb;
    background-color: transparent;
    height: 56px
}

.nbd-form-control:disabled {
    border: 2px solid #bbb;
    background-color: transparent
}

.nbd-form-control:focus,
.form-control:focus {
    border: 2px solid #006341;
    box-shadow: none
}

.nbd-error,
.nbd-error:active,
.nbd-error:focus {
    border: 2px solid #d22630
}

.nbd-error-text {
    color: #d22630
}

.text-disabled {
    color: #94999c !important
}

.text-danger {
    color: #d22630 !important
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 2px solid #bbb;
    border-radius: 5px;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
    -o-transition: border .15s ease-in-out, color .15s ease-in-out;
    transition: border .15s ease-in-out, color .15s ease-in-out
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #494f50
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1
}

.checkbox input[type="checkbox"]:focus+label::before,
.checkbox input[type="radio"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.checkbox input[type="checkbox"]:disabled+label,
.checkbox input[type="radio"]:disabled+label {
    opacity: .65
}

.checkbox input[type="checkbox"]:disabled+label::before,
.checkbox input[type="radio"]:disabled+label::before {
    background-color: #eee;
    cursor: not-allowed
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%
}

.checkbox.checkbox-inline {
    margin-top: 0
}

.checkbox.checkbox-sm label::before {
    height: 24px;
    width: 24px;
    top: 0
}

.checkbox.checkbox-sm label::after {
    height: 24px;
    width: 24px;
    padding-left: 4px;
    font-size: 20px;
    left: 1px;
    top: -13px
}

.checkbox.checkbox-sm label {
    padding-left: 27px;
    top: 13px
}

.checkbox.checkbox-md label::before {
    width: 34px;
    height: 34px;
    top: -17px
}

.checkbox.checkbox-md label::after {
    width: 34px;
    height: 34px;
    padding-left: 4px;
    font-size: 24px;
    left: 1px;
    top: -18px
}

.checkbox.checkbox-md label {
    padding-left: 22px;
    top: 17px
}

.checkbox.checkbox-lg label::before {
    width: 46px;
    height: 46px;
    top: -28px
}

.checkbox.checkbox-lg label::after {
    width: 46px;
    height: 46px;
    padding-left: 4px;
    font-size: 36px;
    left: 1px;
    top: -31px
}

.checkbox.checkbox-lg label {
    padding-left: 34px;
    top: 32px
}

@media(min-width:1025px) {
    .mainclass .row div>div[class^="card"] {
        display: table;
        height: 100%;
        width: 100%
    }

    .nb-container {
        max-width: 1260px
    }

    .navbar-brand {
        margin: 3px 60px 3px 91px
    }
}

@media(min-width:576px) and (max-width:1024px) {
    .mainclass .row div>div[class^="card"] {
        display: table;
        height: 100%;
        width: 100%
    }

    .nb-container {
        max-width: 748px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
    .nb-row>div {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 10px
    }
}

:focus {
    outline: #e5edec auto 1px
}

.opensansemiboldclass {
    font-family: 'Open Sans Regular', sans-serif;
    font-weight: 700
}

.opensansregclass {
    font-family: 'Open Sans Regular', sans-serif;
    font-weight: 400
}

.opensansboldclass {
    font-family: 'Open Sans Regular', sans-serif;
    font-weight: 500
}

.librefranklinboldclass {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700
}

.librefranklinregularclass {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 400
}

.nbd-legal-page-header {
    width: 100%;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 32px;
    line-height: 40px;
    color: #17252e
}

@media only screen and (min-width:576px) {
    .nbd-legal-page-header {
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width:767px) {
    .nbd-legal-page-header {
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-legal-page-header {
        font-size: 48px;
        line-height: 56px
    }
}

.nbd-legal-pagetitle {
    color: #17252e;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 32px;
    line-height: 40px;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 60px
}

@media only screen and (min-width:576px) {
    .nbd-legal-pagetitle {
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width:767px) {
    .nbd-legal-pagetitle {
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-legal-pagetitle {
        font-size: 48px;
        line-height: 56px
    }
}

.nbd-legal-page-wapper {
    width: 100%;
    font-size: 20px;
    font-family: 'Open Sans Regular', sans-serif;
    margin-left: 16px;
    margin-right: 16px
}

.nbd-legal-text {
    font-family: 'Open Sans Regular', sans-serif;
    color: #494f50;
    font-size: 16px
}

.nbd-legal-title {
    font-family: 'Open Sans Regular', sans-serif;
    font-weight: 700;
    color: #17252e
}

.nbd-legal-page-wapper table {
    width: 95%
}

.nbd-legal-page-wapper p {
    margin-bottom: .3rem
}

.nbd-legal-page-wapper table {
    border: 0
}

.nbd-legal-page-wapper table td {
    border: 0;
    padding: 10px 0;
    opacity: .87;
    color: #000;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.nbd-legal-page-wapper table th {
    border: 0;
    padding: 10px 0;
    opacity: .57;
    color: #000;
    font-weight: 700;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    min-width: 85px
}

.nbd-legal-page-wapper table tr {
    border-bottom: .5px solid rgba(151, 151, 151, 0.57)
}

.nbd-legal-page-wapper .green-text,
.green-text {
    color: #008533
}

a.green-text,
a.green-text:hover,
.green-text a,
.green-text a:hover {
    color: #008533;
    text-decoration: underline !important;
    cursor: pointer
}

.cmp-text .greenlinkarrow {
    margin: 20px 0;
    display: block
}

.cmp-text .greenlinkarrow a {
    color: #008533;
    text-decoration: none !important;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .cmp-text .greenlinkarrow a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .cmp-text .greenlinkarrow a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .cmp-text .greenlinkarrow a {
        font-size: 18px;
        line-height: 26px
    }
}

.cmp-text .greenlinkarrow a:hover {
    text-decoration: none !important
}

.cmp-text .greenlinkarrow a:hover .nbd-icon-arrow {
    width: 34px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green-hover.svg'); */
    transform: translateX(10px)
}

.cmp-text .greenlinkarrow .nbd-icon-arrow {
    height: 13px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green.svg'); */
    transition: transform 900ms
}

.nbd-legal-page-wapper .download-request-for-copy,
.nbd-legal-page-wapper .download-request-for-copy a {
    color: #008533;
    font-weight: 500;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: right
}

@media only screen and (min-width:1025px) {

    .nbd-legal-page-wapper .download-request-for-copy,
    .nbd-legal-page-wapper .download-request-for-copy a {
        font-size: 18px;
        line-height: 26px
    }
}

.borrowheading {
    color: #17252e;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: inline-block
}

@media only screen and (min-width:576px) {
    .borrowheading {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .borrowheading {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .nbd-legal-page-wapper {
        font-size: 16px;
        font-family: 'Open Sans Regular', sans-serif;
        margin-left: 24px;
        margin-right: 24px;
        padding-right: 24px
    }

    .nbd-legal-title {
        font-size: 18px
    }

    .nbd-legal-pagetitle {
        font-size: 32px;
        line-height: 60px;
        letter-spacing: -0.32px;
        margin-left: 24px;
        margin-right: 24px;
        margin-top: 80px
    }

    .nbd-legal-page-wapper table {
        width: 90%
    }

    .nbd-legal-page-wapper table td,
    .nbd-legal-page-wapper table th {
        padding: 15px 0
    }

    .borrowheading {
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-legal-page-wapper {
        width: 810px;
        font-size: 16px;
        font-family: 'Open Sans Regular', sans-serif;
        margin-left: 315px;
        margin-right: 315px
    }

    .nbd-legal-title {
        font-size: 18px
    }

    .nbd-legal-pagetitle {
        width: 810px;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        letter-spacing: 0;
        font-size: 32px;
        line-height: 40px;
        margin-left: 315px;
        margin-top: 80px
    }

    .nbd-legal-page-wapper table th {
        min-width: 130px;
        padding: 15px 0
    }

    .nbd-legal-page-wapper table td {
        padding: 15px 0
    }

    .borrowheading {
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width:1025px) and only screen and (min-width:576px) {
    .nbd-legal-pagetitle {
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width:1025px) and only screen and (min-width:767px) {
    .nbd-legal-pagetitle {
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width:1025px) and only screen and (min-width:1025px) {
    .nbd-legal-pagetitle {
        font-size: 48px;
        line-height: 56px
    }
}

.nbd-disclaimer {
    width: 100%;
    color: #94999c;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    padding: 0 33px;
    display: block
}

.nbd-librefranklin-medium {
    color: #17252e;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 32px;
    line-height: 40px;
    text-align: center
}

@media only screen and (min-width:767px) {
    .nbd-librefranklin-medium {
        font-size: 48px;
        line-height: 56px
    }
}

.cmb-declaimer-title {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 24px;
    line-height: 32px
}

@media only screen and (min-width:576px) {
    .cmb-declaimer-title {
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-width:1025px) {
    .cmb-declaimer-title {
        font-size: 32px;
        line-height: 40px
    }
}

.cmb-declaimer-text {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 24px;
    line-height: 32px
}

@media only screen and (min-width:576px) {
    .cmb-declaimer-text {
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-width:1025px) {
    .cmb-declaimer-text {
        font-size: 32px;
        line-height: 40px
    }
}

.nbd-rte-enc a,
.cmp-text a {
    text-decoration: underline !important;
    color: #008533 !important;
    word-break: break-word;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:576px) {

    .nbd-rte-enc a,
    .cmp-text a {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {

    .nbd-rte-enc a,
    .cmp-text a {
        font-size: 16px;
        line-height: 24px
    }
}

.nbd-rte-enc a:hover,
.cmp-text a:hover {
    text-decoration: underline !important;
    color: #008533 !important
}

.nbd-rte-enc p,
.nbd-rte-enc span {
    font-family: 'Open Sans Regular', sans-serif
}

.nbd-rte-enc blockquote {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 500;
    margin-left: 15px
}

.nbd-rte-enc b {
    font-family: 'Open Sans Regular', sans-serif;
    font-weight: 700
}

.nbd-rte-enc .nbd-quote {
    font-family: 'Libre Franklin', sans-serif;
    font-size: 100px
}

.nbd-rte-enc .nbd-paragraph,
.cmp-text.customtext .nbd-paragraph,
.contentsection .nbd-paragraph {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-rte-enc .nbd-p1,
.cmp-text.customtext .nbd-p1,
.contentsection .nbd-p1 {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {

    .nbd-rte-enc .nbd-p1,
    .cmp-text.customtext .nbd-p1,
    .contentsection .nbd-p1 {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {

    .nbd-rte-enc .nbd-p1,
    .cmp-text.customtext .nbd-p1,
    .contentsection .nbd-p1 {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-rte-enc .nbd-p2,
.cmp-text.customtext .nbd-p2,
.contentsection .nbd-p2 {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1025px) {

    .nbd-rte-enc .nbd-p2,
    .cmp-text.customtext .nbd-p2,
    .contentsection .nbd-p2 {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-rte-enc .nbd-p3,
.cmp-text.customtext .nbd-p3,
.contentsection .nbd-p3 {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-rte-enc .nbd-p4,
.cmp-text.customtext .nbd-p4,
.contentsection .nbd-p4 {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-rte-enc .nbd-p5,
.cmp-text.customtext .nbd-p5,
.contentsection .nbd-p5 {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

@media only screen and (min-width:768px) {
    .nbd-rte-enc .nbd-quote {
        font-size: 150px
    }
}

.nbd-hide-for-Delay {
    visibility: hidden
}

.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    float: left
}

.flex-start {
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.flex-end {
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.center {
    -webkit-align-items: center;
    align-items: center
}

.baseline {
    -webkit-align-items: baseline;
    align-items: baseline
}

.stretch {
    -webkit-align-items: stretch;
    align-items: stretch
}

.clearfix {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 0;
    clear: both;
    float: none
}

.clearfix::after {
    clear: both;
    content: ''
}

.clearfix::before {
    clear: both;
    content: ''
}

.nbd-gradient-orange {
    background-image: -webkit-linear-gradient(-180deg, #f2db96, #e2b45c 100%);
    background-image: -moz-linear-gradient(-180deg, #f2db96, #e2b45c 100%);
    background-image: -ms-linear-gradient(-180deg, #f2db96, #e2b45c 100%);
    background-image: -linear-gradient(-180deg, #f2db96, #e2b45c 100%);
    background-image: -o-linear-gradient(-180deg, #f2db96, #e2b45c 100%);
    background-image: linear-gradient(270deg, #f2db96, #e2b45c 100%)
}

.nbd-gradient-dark-gray {
    background-image: -webkit-linear-gradient(-180deg, #605f5e, #1a1a1b 100%);
    background-image: -moz-linear-gradient(-180deg, #605f5e, #1a1a1b 100%);
    background-image: -ms-linear-gradient(-180deg, #605f5e, #1a1a1b 100%);
    background-image: -linear-gradient(-180deg, #605f5e, #1a1a1b 100%);
    background-image: -o-linear-gradient(-180deg, #605f5e, #1a1a1b 100%);
    background-image: linear-gradient(270deg, #605f5e, #1a1a1b 100%)
}

.nbd-gradient-light-gray {
    background-image: -webkit-linear-gradient(-180deg, #c8c7c6, #7d7c7f 100%);
    background-image: -moz-linear-gradient(-180deg, #c8c7c6, #7d7c7f 100%);
    background-image: -ms-linear-gradient(-180deg, #c8c7c6, #7d7c7f 100%);
    background-image: -linear-gradient(-180deg, #c8c7c6, #7d7c7f 100%);
    background-image: -o-linear-gradient(-180deg, #c8c7c6, #7d7c7f 100%);
    background-image: linear-gradient(270deg, #c8c7c6, #7d7c7f 100%)
}

.nbd-gradient-black {
    background-image: -webkit-linear-gradient(-180deg, #3a3b3b, #1b263f 100%);
    background-image: -moz-linear-gradient(-180deg, #3a3b3b, #1b263f 100%);
    background-image: -ms-linear-gradient(-180deg, #3a3b3b, #1b263f 100%);
    background-image: -linear-gradient(-180deg, #3a3b3b, #1b263f 100%);
    background-image: -o-linear-gradient(-180deg, #3a3b3b, #1b263f 100%);
    background-image: linear-gradient(270deg, #3a3b3b, #1b263f 100%)
}

.nbd-gradient-green {
    background-image: -webkit-linear-gradient(-180deg, #009927, #00653e 100%);
    background-image: -moz-linear-gradient(-180deg, #009927, #00653e 100%);
    background-image: -ms-linear-gradient(-180deg, #009927, #00653e 100%);
    background-image: -linear-gradient(-180deg, #009927, #00653e 100%);
    background-image: -o-linear-gradient(-180deg, #009927, #00653e 100%);
    background-image: linear-gradient(270deg, #009927, #00653e 100%)
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .slider {
        background-color: #c5c5c5
    }

    .slider::-webkit-slider-runnable-track {
        -webkit-appearance: none;
        color: #0C8450;
        margin-top: -1px
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        background: #fff
    }
}

.slider::-moz-range-progress {
    background-color: #0C8450
}

.slider::-moz-range-track {
    background-color: #c5c5c5
}

.slider::-ms-fill-lower {
    background-color: #0C8450
}

.slider::-ms-fill-upper {
    background-color: #c5c5c5
}

.slider::-ms-tooltip {
    display: none
}

.slidecontainer {
    width: 100%
}

.slider {
    -webkit-appearance: none;
    -moz-apperance: none;
    width: 100%;
    height: 5px;
    margin: 12px 0 5px 0;
    border-radius: 5px;
    outline: 0;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    opacity: 1
}

@supports(-ms-ime-align:auto) {
    .slider {
        height: 30px;
        background-image: none !important;
        background-color: #fff !important
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .slider {
        padding-bottom: 0;
        height: 55px
    }
}

.slider:hover {
    opacity: 1
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #0C8450;
    cursor: pointer;
    outline: 3px solid #fff
}

.slider::-ms-track {
    width: 100%;
    height: 5px;
    background: #d3d3d3;
    border-color: #d3d3d3;
    border-width: 1px 0;
    border-radius: 3px;
    color: #d3d3d3
}

.slider:-ms-fill-lower {
    background: #0C8450;
    border-radius: 5px
}

.slider::-ms-fill-upper {
    background: #d3d3d3;
    border-radius: 5px
}

.slider::-ms-thumb {
    width: 24px;
    height: 24px;
    background: #fff;
    border: 3px solid #0C8450;
    border-radius: 15px;
    cursor: pointer;
    margin-top: 0;
    outline: 3px solid #fff
}

.slider:focus::-ms-fill-lower {
    background: #0C8450
}

.slider:focus::-ms-fill-upper {
    background: #d3d3d3
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #0C8450;
    cursor: pointer
}

.slider::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    top: -1px;
    left: 50%
}

.iframe-container {
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

.iframe-container h4 {
    margin-bottom: 24px
}

.iframe-container iframe {
    width: 100%
}

main.container {
    padding: .5em 1em
}

footer.experiencefragment {
    padding: .5em 1em;
    border-top: 1px solid #202020
}

@media(prefers-color-scheme:dark) {
    footer.experiencefragment {
        border-color: #dfdfdf
    }
}

footer.experiencefragment .cmp-separator__horizontal-rule {
    margin: 0;
    border: 0
}

header.experiencefragment {
    padding: .5em 1em;
    border-bottom: 1px solid #202020
}

@media(prefers-color-scheme:dark) {
    header.experiencefragment {
        border-bottom-color: #dfdfdf
    }
}

header.experiencefragment a {
    color: #202020;
    text-decoration: none
}

@media(prefers-color-scheme:dark) {
    header.experiencefragment a {
        color: #dfdfdf
    }
}

header.experiencefragment a:focus,
header.experiencefragment a:hover {
    color: #2020e0;
    text-decoration: underline
}

@media(prefers-color-scheme:dark) {

    header.experiencefragment a:focus,
    header.experiencefragment a:hover {
        color: #dfdf1f
    }
}

header.experiencefragment .cmp-container {
    display: grid;
    grid-template-columns: 4fr 1fr 1fr
}

header.experiencefragment .cmp-navigation__group {
    margin: 0;
    padding: 0;
    list-style: none
}

header.experiencefragment .cmp-navigation__item--level-0 {
    display: grid;
    grid-template-columns: 1fr 3fr
}

header.experiencefragment .cmp-navigation__item--level-0>.cmp-navigation__group {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

header.experiencefragment .cmp-navigation__item-link {
    display: block
}

header.experiencefragment .cmp-navigation__item--active>.cmp-navigation__item-link {
    font-weight: 700
}

header.experiencefragment .cmp-languagenavigation {
    position: relative
}

header.experiencefragment .cmp-languagenavigation:before {
    content: " ";
    display: block;
    height: 1.5em;
    /*     background-image: url('data:image/svg+xml;utf8,<svgxmlns="http://www.w3.org/2000/svg"viewBox="002424"><pathfill="rgb(32,32,32)"d="M12.1,0.2h-0.1c-3.1,0-6.1,1.3-8.3,3.5C1.4,6,0.2,8.9,0.2,12.1c0,3.1,1.3,6.1,3.5,8.3c2.2,2.2,5.1,3.4,8.3,3.4c0,0,0,0,0.1,0c6.5,0,11.7-5.3,11.7-11.8C23.7,5.5,18.5,0.3,12.1,0.2zM18.3,11.5c-0.1-1.4-0.3-2.8-0.7-4.1C18.5,7,19.4,6.5,20.3,6c1.1,1.6,1.9,3.5,2,5.5H18.3zM22.2,12.5c-0.1,2.1-0.8,4-2,5.5c-0.8-0.6-1.7-1-2.6-1.4c0.3-1.1,0.6-2.2,0.7-3.3c0-0.3,0-0.5,0-0.8H22.2zM19.6,5.2c-0.8,0.5-1.6,0.9-2.4,1.3c-0.6-1.4-1.4-2.7-2.3-3.8c-0.2-0.2-0.4-0.4-0.6-0.6C16.4,2.5,18.3,3.7,19.6,5.2zM12.8,22.2c-0.1,0-0.2,0-0.3,0v-5.7c1.3,0,2.6,0.3,3.8,0.7C15.6,19.1,14.3,20.8,12.8,22.2zM9.9,20.8c-0.9-1.1-1.7-2.3-2.2-3.6c1.2-0.4,2.5-0.6,3.8-0.7v5.7c-0.1,0-0.2,0-0.3,0C10.7,21.8,10.3,21.3,9.9,20.8zM11.4,1.8c0,0,0.1,0,0.1,0v5.7c-1.3,0-2.6-0.3-3.8-0.7C8.5,4.9,9.7,3.2,11.4,1.8zM14.1,3.3c0.9,1.1,1.6,2.3,2.2,3.5c-1.2,0.4-2.5,0.6-3.8,0.7V1.8c0.1,0,0.1,0,0.2,0C13.2,2.2,13.7,2.7,14.1,3.3zM16.7,7.7c0.4,1.2,0.6,2.5,0.7,3.8h-4.8V8.4C13.9,8.4,15.3,8.2,16.7,7.7zM11.5,8.4v3.1H6.7C6.7,10.2,7,9,7.4,7.7C8.7,8.2,10.1,8.4,11.5,8.4zM11.5,12.5v3.1c-1.4,0-2.8,0.3-4.2,0.7c-0.4-1.2-0.6-2.5-0.7-3.8H11.5zM12.5,15.6v-3.1h4.8c0,0.2,0,0.5,0,0.7c-0.1,1.1-0.3,2.1-0.6,3.1C15.3,15.8,13.9,15.6,12.5,15.6zM9.6,2C8.4,3.3,7.4,4.8,6.8,6.5C5.9,6.1,5.1,5.7,4.4,5.2c0.1-0.1,0.2-0.3,0.4-0.4C6.1,3.4,7.8,2.5,9.6,2zM5.7,11.5H1.8c0.1-2,0.8-3.9,1.9-5.5C4.6,6.5,5.5,7,6.4,7.4C6,8.7,5.7,10.1,5.7,11.5zM6.4,16.6C5.5,17,4.6,17.5,3.7,18c-1.2-1.6-1.9-3.5-1.9-5.5h3.9C5.7,13.9,5.9,15.3,6.4,16.6zM4.4,18.8c0.8-0.5,1.5-0.9,2.4-1.3c0.6,1.4,1.4,2.7,2.4,3.9c0.1,0.2,0.3,0.3,0.4,0.5c-1.8-0.4-3.4-1.3-4.7-2.7C4.6,19.1,4.5,19,4.4,18.8zM14.5,21.9c1.2-1.3,2.1-2.8,2.8-4.4c0.8,0.3,1.6,0.8,2.4,1.2C18.3,20.3,16.5,21.4,14.5,21.9z"/></svg>'); */
    background-repeat: no-repeat
}

@media(prefers-color-scheme:dark) {
    header.experiencefragment .cmp-languagenavigation:before {
        /*         background-image: url('data:image/svg+xml;utf8,<svgxmlns="http://www.w3.org/2000/svg"viewBox="002424"><pathfill="rgb(223,223,223)"d="M12.1,0.2h-0.1c-3.1,0-6.1,1.3-8.3,3.5C1.4,6,0.2,8.9,0.2,12.1c0,3.1,1.3,6.1,3.5,8.3c2.2,2.2,5.1,3.4,8.3,3.4c0,0,0,0,0.1,0c6.5,0,11.7-5.3,11.7-11.8C23.7,5.5,18.5,0.3,12.1,0.2zM18.3,11.5c-0.1-1.4-0.3-2.8-0.7-4.1C18.5,7,19.4,6.5,20.3,6c1.1,1.6,1.9,3.5,2,5.5H18.3zM22.2,12.5c-0.1,2.1-0.8,4-2,5.5c-0.8-0.6-1.7-1-2.6-1.4c0.3-1.1,0.6-2.2,0.7-3.3c0-0.3,0-0.5,0-0.8H22.2zM19.6,5.2c-0.8,0.5-1.6,0.9-2.4,1.3c-0.6-1.4-1.4-2.7-2.3-3.8c-0.2-0.2-0.4-0.4-0.6-0.6C16.4,2.5,18.3,3.7,19.6,5.2zM12.8,22.2c-0.1,0-0.2,0-0.3,0v-5.7c1.3,0,2.6,0.3,3.8,0.7C15.6,19.1,14.3,20.8,12.8,22.2zM9.9,20.8c-0.9-1.1-1.7-2.3-2.2-3.6c1.2-0.4,2.5-0.6,3.8-0.7v5.7c-0.1,0-0.2,0-0.3,0C10.7,21.8,10.3,21.3,9.9,20.8zM11.4,1.8c0,0,0.1,0,0.1,0v5.7c-1.3,0-2.6-0.3-3.8-0.7C8.5,4.9,9.7,3.2,11.4,1.8zM14.1,3.3c0.9,1.1,1.6,2.3,2.2,3.5c-1.2,0.4-2.5,0.6-3.8,0.7V1.8c0.1,0,0.1,0,0.2,0C13.2,2.2,13.7,2.7,14.1,3.3zM16.7,7.7c0.4,1.2,0.6,2.5,0.7,3.8h-4.8V8.4C13.9,8.4,15.3,8.2,16.7,7.7zM11.5,8.4v3.1H6.7C6.7,10.2,7,9,7.4,7.7C8.7,8.2,10.1,8.4,11.5,8.4zM11.5,12.5v3.1c-1.4,0-2.8,0.3-4.2,0.7c-0.4-1.2-0.6-2.5-0.7-3.8H11.5zM12.5,15.6v-3.1h4.8c0,0.2,0,0.5,0,0.7c-0.1,1.1-0.3,2.1-0.6,3.1C15.3,15.8,13.9,15.6,12.5,15.6zM9.6,2C8.4,3.3,7.4,4.8,6.8,6.5C5.9,6.1,5.1,5.7,4.4,5.2c0.1-0.1,0.2-0.3,0.4-0.4C6.1,3.4,7.8,2.5,9.6,2zM5.7,11.5H1.8c0.1-2,0.8-3.9,1.9-5.5C4.6,6.5,5.5,7,6.4,7.4C6,8.7,5.7,10.1,5.7,11.5zM6.4,16.6C5.5,17,4.6,17.5,3.7,18c-1.2-1.6-1.9-3.5-1.9-5.5h3.9C5.7,13.9,5.9,15.3,6.4,16.6zM4.4,18.8c0.8-0.5,1.5-0.9,2.4-1.3c0.6,1.4,1.4,2.7,2.4,3.9c0.1,0.2,0.3,0.3,0.4,0.5c-1.8-0.4-3.4-1.3-4.7-2.7C4.6,19.1,4.5,19,4.4,18.8zM14.5,21.9c1.2-1.3,2.1-2.8,2.8-4.4c0.8,0.3,1.6,0.8,2.4,1.2C18.3,20.3,16.5,21.4,14.5,21.9z"/></svg>') */
    }
}

header.experiencefragment .cmp-languagenavigation>.cmp-languagenavigation__group {
    visibility: hidden;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    position: absolute;
    top: 34px;
    width: 20em;
    padding: 0 8px;
    border: 1px solid #202020;
    border-top: 0;
    background: #ececec
}

@media(prefers-color-scheme:dark) {
    header.experiencefragment .cmp-languagenavigation>.cmp-languagenavigation__group {
        border-color: #dfdfdf;
        background: #131313
    }
}

header.experiencefragment .cmp-languagenavigation:hover>.cmp-languagenavigation__group {
    visibility: visible;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

header.experiencefragment .cmp-languagenavigation__group {
    margin: 0;
    padding: 0;
    list-style: none
}

header.experiencefragment .cmp-languagenavigation__item-title {
    font-size: x-small;
    text-transform: uppercase
}

header.experiencefragment .cmp-languagenavigation__item--level-0 {
    margin-bottom: .5em
}

header.experiencefragment .cmp-languagenavigation__item--level-1 {
    display: inline
}

header.experiencefragment .cmp-languagenavigation__item--level-1:not(:first-child):before {
    content: " | "
}

header.experiencefragment .cmp-languagenavigation__item--active>.cmp-languagenavigation__item-link {
    font-weight: 700
}

header.experiencefragment .cmp-search__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -3px 0
}

header.experiencefragment .cmp-search__input {
    height: 26px
}

.transbg {
    background-color: transparent
}

.whitebg {
    background-color: #fff
}

.nbd-btn {
    padding: 15px 0;
    max-width: 390px;
    width: 100%;
    border-radius: 6px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    text-decoration: none
}

@media only screen and (min-width:1025px) {
    .nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

a.nbd-btn-primary,
button.nbd-btn-primary,
.tertiary-bg a.nbd-btn-primary,
.primary-bg a.nbd-btn-primary,
.secondary-bg a.nbd-btn-primary {
    color: #fff;
    background-color: #008533;
    border: 2px solid #008533;
    height: 56px;
    flex-shrink: 0
}

a.nbd-btn-primary:hover,
button.nbd-btn-primary:hover,
.tertiary-bg a.nbd-btn-primary:hover,
.primary-bg a.nbd-btn-primary:hover,
.secondary-bg a.nbd-btn-primary:hover {
    color: #fff;
    background-color: #007237;
    border-color: #007237
}

h1.display-2,
h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0
}

h1.display-2 {
    font-size: 64px
}

h1.display-3 {
    font-size: 48px
}

h1 {
    font-size: 48px
}

h2 {
    font-size: 40px
}

h3 {
    font-size: 32px
}

a {
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px
}

a.small {
    font-size: 14px;
    line-height: 22px
}

a:hover {
    text-decoration: none
}

a.large {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    a.large {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    a.large {
        font-size: 20px;
        line-height: 28px
    }
}

h1 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 32px;
    line-height: 40px
}

@media only screen and (min-width:767px) {
    h1 {
        font-size: 48px;
        line-height: 56px
    }
}

h1 span {
    font-weight: 400
}

h2 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 24px;
    line-height: 32px
}

@media only screen and (min-width:767px) {
    h2 {
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width:1025px) {
    h2 {
        font-size: 40px;
        line-height: 48px
    }
}

h2 span {
    font-weight: 400
}

h1.display-2 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 32px;
    line-height: 40px
}

@media only screen and (min-width:767px) {
    h1.display-2 {
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width:1025px) {
    h1.display-2 {
        font-size: 64px;
        line-height: 72px
    }
}

h1.display-2 span {
    font-weight: 400
}

h1.display-3 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 32px;
    line-height: 40px
}

@media only screen and (min-width:576px) {
    h1.display-3 {
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width:767px) {
    h1.display-3 {
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width:1025px) {
    h1.display-3 {
        font-size: 48px;
        line-height: 56px
    }
}

h1.display-3 span {
    font-weight: 400
}

h3 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 24px;
    line-height: 32px
}

@media only screen and (min-width:576px) {
    h3 {
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-width:1025px) {
    h3 {
        font-size: 32px;
        line-height: 40px
    }
}

h3 span {
    font-weight: 400
}

h4 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 28px
}

@media only screen and (min-width:1025px) {
    h4 {
        font-size: 24px;
        line-height: 32px
    }
}

h5 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 26px
}

@media only screen and (min-width:767px) {
    h5 {
        font-size: 20px;
        line-height: 28px
    }
}

h6 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:767px) {
    h6 {
        font-size: 18px;
        line-height: 26px
    }
}

h7 {
    display: block;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px
}

p,
label,
li,
td {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.plarge {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .plarge {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .plarge {
        font-size: 20px;
        line-height: 28px
    }
}

.pxsmall {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.btncolor1 {
    color: #fff
}

.pbasecolor {
    color: #17252e
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container {
    margin-left: -15px;
    margin-right: -15px
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div {
    max-width: 100%;
    display: flex;
    flex-direction: column
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div.offset picture {
    position: absolute;
    top: -16px;
    left: -22px;
    display: flex;
    width: 100%
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div.offset picture img {
    width: 100%;
    height: 250px;
    object-fit: cover
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div>section {
    padding: 0
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div section:first-child {
    text-align: left
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div section.contentsection {
    padding: 32px 20px 40px 20px;
    margin-top: 232px;
    z-index: 10
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div section.contentsection h3 {
    margin-bottom: 16px;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 28px
}

@media only screen and (min-width:1025px) {
    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div section.contentsection h3 {
        font-size: 24px;
        line-height: 32px
    }
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div section.contentsection p:nth-last-child(2),
.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div section.contentsection p:nth-last-child(3) {
    margin-bottom: 0
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div.reverselayout.offset picture {
    top: -16px;
    right: -22px;
    left: inherit
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div .button-group a:first-child {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}

@media only screen and (min-width:576px) {
    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div .button-group a:first-child {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (min-width:1025px) {
    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div .button-group a:first-child {
        font-size: 14px;
        line-height: 22px
    }
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div .button-group a:first-child .tertiary-btn-icon.right-arrow-btn {
    width: 20px;
    height: 12px;
    background-size: contain
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container.videocontentblock>div section.contentsection {
    margin-top: 0
}

@media only screen and (min-width:768px) {
    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div {
        min-height: 336px;
        flex-direction: row
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div.offset picture img {
        width: 100%;
        height: 315px;
        max-height: 315px
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div section.contentsection {
        margin-top: 0;
        padding: 28px 28px 28px 0;
        justify-content: flex-start
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div section.contentsection p:last-child:not(:empty) {
        margin-bottom: 0
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div.reverselayout {
        flex-direction: row-reverse
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div.reverselayout.offset picture {
        top: -16px;
        right: -22px;
        left: inherit
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div.reverselayout section.contentsection {
        padding: 28px 0 28px 28px
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container.videocontentblock>div section.contentsection {
        padding: 0 24px;
        justify-content: center
    }
}

@media only screen and (min-width:992px) {
    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container {
        margin-left: 74px
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container.pagenavreverse {
        margin-left: 0
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div {
        min-height: 336px
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div.offset picture {
        left: -74px
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div.offset picture img {
        width: 100%;
        max-height: 315px
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div.reverselayout.offset picture {
        right: -74px;
        left: inherit
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div.reverselayout section.contentsection {
        padding: 28px 0 28px 28px
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container>div section.contentsection {
        padding: 28px 28px 28px 0;
        justify-content: flex-start
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container.videocontentblock>div {
        height: auto
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container.videocontentblock>div.inline {
        min-height: 384px;
        padding: 64px 25px;
        margin: 0
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container.videocontentblock>div.inline .contentsection {
        margin: 32px 0;
        margin-top: 0;
        padding: 0 24px;
        justify-content: center;
        display: flex;
        flex-direction: column
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail .contentblock-container.videocontentblock>div .nbd-videoframe {
        margin: 0;
        width: 100%;
        height: 250px;
        min-height: 185px;
        position: relative;
        border: 0
    }
}

.primary-btn {
    color: #fff;
    background-color: #008533;
    border: 2px solid #008533;
    height: 56px;
    flex-shrink: 0
}

.primary-btn:hover {
    color: #fff;
    background-color: #007237;
    border-color: #007237
}

.secondary-btn {
    color: #008533;
    background-color: #fff;
    border: 2px solid #008533
}

.secondary-btn:hover {
    color: #007237;
    background-color: #fff;
    border-color: #007237
}

.commitment-btn {
    color: #fff;
    background-color: #17252e;
    border: 2px solid #17252e;
    height: 56px;
    flex-shrink: 0
}

.commitment-btn:hover {
    color: #fff;
    background-color: #17252e;
    border-color: #17252e
}

.titles {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0
}

.paragraphs {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400
}

.title-display-2 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 32px;
    line-height: 40px
}

@media only screen and (min-width:767px) {
    .title-display-2 {
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width:1025px) {
    .title-display-2 {
        font-size: 64px;
        line-height: 72px
    }
}

.title-display-3 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 32px;
    line-height: 40px
}

@media only screen and (min-width:576px) {
    .title-display-3 {
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width:767px) {
    .title-display-3 {
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width:1025px) {
    .title-display-3 {
        font-size: 48px;
        line-height: 56px
    }
}

.title-h1 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 32px;
    line-height: 40px
}

@media only screen and (min-width:767px) {
    .title-h1 {
        font-size: 48px;
        line-height: 56px
    }
}

.title-h2 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 24px;
    line-height: 32px
}

@media only screen and (min-width:767px) {
    .title-h2 {
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width:1025px) {
    .title-h2 {
        font-size: 40px;
        line-height: 48px
    }
}

.title-h3 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 24px;
    line-height: 32px
}

@media only screen and (min-width:576px) {
    .title-h3 {
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-width:1025px) {
    .title-h3 {
        font-size: 32px;
        line-height: 40px
    }
}

.title-h4 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 28px
}

@media only screen and (min-width:1025px) {
    .title-h4 {
        font-size: 24px;
        line-height: 32px
    }
}

.title-h5 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 26px
}

@media only screen and (min-width:767px) {
    .title-h5 {
        font-size: 20px;
        line-height: 28px
    }
}

.title-h6 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:767px) {
    .title-h6 {
        font-size: 18px;
        line-height: 26px
    }
}

.title-h7 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px
}

.input-defaults {
    background-color: #fff;
    color: #17252e;
    border-color: #e5edec;
    border-width: 1.5;
    border-style: solid
}

.input-large {
    background-color: #fff;
    color: #17252e;
    border-color: #e5edec;
    border-width: 1.5;
    border-style: solid;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .input-large {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .input-large {
        font-size: 20px;
        line-height: 28px
    }
}

.input-base {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.input-h3 {
    background-color: #fff;
    color: #17252e;
    border-color: #e5edec;
    border-width: 1.5;
    border-style: solid;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 24px;
    line-height: 32px
}

@media only screen and (min-width:576px) {
    .input-h3 {
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-width:1025px) {
    .input-h3 {
        font-size: 32px;
        line-height: 40px
    }
}

.input-h4 {
    background-color: #fff;
    color: #17252e;
    border-color: #e5edec;
    border-width: 1.5;
    border-style: solid;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 28px
}

@media only screen and (min-width:1025px) {
    .input-h4 {
        font-size: 24px;
        line-height: 32px
    }
}

.primary-bg {
    background-color: #fff;
    color: #494f50
}

.primary-bg h1,
.primary-bg h2,
.primary-bg h3,
.primary-bg h4 {
    color: #17252e
}

.primary-bg p,
.primary-bg label,
.primary-bg span {
    color: #494f50
}

.primary-bg a {
    color: #008533
}

.primary-bg a:hover {
    color: #008533
}

.secondary-bg {
    background-color: #fafafa;
    color: #494f50
}

.secondary-bg h1,
.secondary-bg h2,
.secondary-bg h3,
.secondary-bg h4 {
    color: #17252e
}

.secondary-bg p,
.secondary-bg label,
.secondary-bg span {
    color: #494f50
}

.secondary-bg a {
    color: #008533
}

.secondary-bg a:hover {
    color: #008533
}

.tertiary-bg {
    background-color: #f2f9f5;
    color: #494f50
}

.tertiary-bg h1,
.tertiary-bg h2,
.tertiary-bg h3,
.tertiary-bg h4,
.tertiary-bg h5,
.tertiary-bg h6,
.tertiary-bg h7 {
    color: #17252e
}

.tertiary-bg p,
.tertiary-bg label,
.tertiary-bg span {
    color: #494f50
}

.tertiary-bg a {
    color: #008533
}

.tertiary-bg a:hover {
    color: #008533
}

#lottie {
    margin: 40px;
    text-align: center;
    height: 500px
}

#lottie h3 {
    margin: 20px 0
}

#lottie .lottie-player {
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    height: 100%
}

#lottie .lottie-player.desktop {
    display: none
}

#lottie .lottie-player.mobile {
    display: block
}

@media(min-width:768px) {
    #lottie .lottie-player.desktop {
        display: block
    }

    #lottie .lottie-player.mobile {
        display: none
    }
}

#lottieanimation {
    margin: 0 auto;
    width: 100%
}

.nbd-vbanner-container .banner-container {
    position: relative;
    background: #fff
}

.nbd-vbanner-container .nbd-btn {
    max-width: 245px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.nbd-vbanner-container .nbd-btn.nbd-btn-tertiary {
    justify-content: start
}

.nbd-vbanner-container .nbd-vbanner-modeldialog {
    margin-top: 160px
}

.nbd-vbanner-container .nbd-vbanner-modeldialog .nbd-vbanner-modelcontent {
    width: 100%;
    background-color: transparent;
    border: 0
}

.nbd-vbanner-container .nbd-vbanner-modeldialog .nbd-vbanner-modelcontent .nbd-vbanner-modelbtn {
    position: absolute;
    color: #fff;
    right: 34px;
    top: 30px
}

.nbd-vbanner-container picture {
    width: 100%
}

.nbd-vbanner-container picture img {
    object-fit: cover;
    object-position: center;
    position: relative;
    height: 180px;
    width: 100vw;
    margin: 0
}

.nbd-vbanner-container #lottie {
    margin: 0;
    width: 100vw;
    height: 180px
}

.nbd-vbanner-container {
    overflow: hidden
}

.nbd-vbanner-container .custom-position {
    padding: 24px 36px 40px 36px
}

.nbd-vbanner-container .custom-position .nbd-vbanner-overlay h1 {
    color: #17252e;
    text-align: left
}

.nbd-vbanner-container .custom-position .nbd-vbanner-overlay p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #494f50;
    margin: 24px 0 40px 0
}

@media only screen and (min-width:576px) {
    .nbd-vbanner-container .custom-position .nbd-vbanner-overlay p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-vbanner-container .custom-position .nbd-vbanner-overlay p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-vbanner-container .custom-position .nbd-vbanner-overlay a.play-button {
    border: 0;
    padding: 0;
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 4% 0 2% 0;
    display: block
}

.nbd-vbanner-container .custom-position .nbd-vbanner-overlay a.play-button img {
    margin: 0 0 0 6px;
    width: 30px;
    height: 30px;
    min-height: 30px
}

.nbd-vbanner-container .custom-position .nbd-vbanner-overlay a.play-button:focus {
    outline: 0
}

.nbd-vbanner-container .custom-position .nbd-vbanner-overlay .nbd-banner-buttons.banner-buttons-toppos {
    margin-top: 40px
}

.nbd-vbanner-container .custom-position .nbd-vbanner-overlay .nbd-banner-buttons a.nbd-btn:nth-child(2) {
    margin-left: 0
}

.nbd-vbanner-container .custom-position .nbd-vbanner-overlay .nbd-banner-buttons .nbd-banner-btn {
    margin: 5px 0
}

.nbd-vbanner-container .nbd-vbanner-textblock {
    margin: 0 calc((100% - 100vw) / 2);
    padding: 24px 0 52px
}

.nbd-vbanner-container .nbd-vbanner-textblock .nbd-vbanner-overlay2 {
    background-color: #fafafa;
    padding: 24px;
    letter-spacing: 0;
    width: 95%;
    margin: 0 auto;
    box-shadow: 0 60px 60px -60px rgba(23, 37, 46, 0.2);
    -webkit-box-shadow: 0 60px 60px -60px rgba(23, 37, 46, 0.2);
    -moz-box-shadow: 0 60px 60px -60px rgba(23, 37, 46, 0.2)
}

.nbd-vbanner-container .nbd-vbanner-textblock .nbd-vbanner-overlay2 p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #494f50
}

@media only screen and (min-width:576px) {
    .nbd-vbanner-container .nbd-vbanner-textblock .nbd-vbanner-overlay2 p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-vbanner-container .nbd-vbanner-textblock .nbd-vbanner-overlay2 p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-vbanner-container .nbd-vbanner-textblock .nbd-vbanner-overlay2 h3 {
    margin: 0 0 16px 0;
    color: #17252e
}

.nbd-vbanner-container #nbd-vbanner-video {
    height: 300px
}

@media only screen and (min-width:768px) {
    .nbd-vbanner-container picture img {
        width: 100%;
        height: 346px
    }

    .nbd-vbanner-container #lottie {
        height: 346px
    }

    .nbd-vbanner-container .custom-position {
        position: absolute;
        top: 40%;
        right: inherit;
        bottom: inherit;
        left: 6%;
        -webkit-transform: translate(-6%, -40%);
        -moz-transform: translate(-6%, -40%);
        -ms-transform: translate(-6%, -40%);
        -o-transform: translate(-6%, -40%);
        z-index: 5;
        padding: 0
    }

    .nbd-vbanner-container .custom-position .nbd-vbanner-overlay {
        margin: 0
    }

    .nbd-vbanner-container .custom-position .nbd-vbanner-overlay h1 {
        color: #fff;
        margin: 0
    }

    .nbd-vbanner-container .custom-position .nbd-vbanner-overlay p {
        color: #fff
    }

    .nbd-vbanner-container .custom-position .nbd-vbanner-overlay a.play-button {
        color: #fff;
        font-size: 18px
    }

    .nbd-vbanner-container .custom-position .nbd-vbanner-overlay a.play-button img {
        margin: 0 0 0 16px;
        width: 45px;
        height: 45px;
        min-height: 45px
    }

    .nbd-vbanner-container .custom-position .nbd-vbanner-overlay .nbd-banner-buttons a.nbd-btn:nth-child(2) {
        margin-left: 10px
    }

    .nbd-vbanner-container .custom-position .nbd-vbanner-overlay .nbd-banner-buttons .nbd-banner-btn {
        margin: unset
    }

    .nbd-vbanner-container .nbd-vbanner-textblock {
        padding: 0;
        display: block
    }

    .nbd-vbanner-container .nbd-vbanner-textblock .nbd-vbanner-overlay2 {
        margin: 0 auto;
        width: 95%;
        top: -48px;
        position: relative;
        padding: 64px 22px
    }

    .nbd-vbanner-container .nbd-vbanner-textblock .nbd-vbanner-overlay2 h1 {
        margin: 0 0 24px 0;
        text-align: left
    }

    .nbd-vbanner-container #nbd-vbanner-video {
        height: 687px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-vbanner-container #lottie {
        height: 500px;
        width: auto;
        margin-left: auto
    }

    .nbd-vbanner-container .nbd-vbanner-bg-img img {
        min-height: 500px
    }

    .nbd-vbanner-container .custom-position {
        position: absolute;
        top: 40%;
        right: inherit;
        bottom: inherit;
        left: 15%;
        -webkit-transform: translate(-15%, -40%);
        -moz-transform: translate(-15%, -40%);
        -ms-transform: translate(-15%, -40%);
        -o-transform: translate(-15%, -40%)
    }

    .nbd-vbanner-container .custom-position .nbd-vbanner-button img {
        width: fit-content;
        height: fit-content
    }

    .nbd-vbanner-container .nbd-vbanner-textblock .nbd-vbanner-overlay2 {
        width: 90%;
        padding: 64px 105px
    }

    .nbd-vbanner-container .nbd-btn {
        max-width: 270px
    }
}

.charcoal-down-arrow-btn {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/down-arrow-charcoal.svg'); */
    width: 14px;
    position: relative;
    top: 2px
}

.nbd-banner-buttons a {
    padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.nbd-banner-buttons a.nbd-btn-tertiary {
    color: #008533
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-banner .nbd-btn {
        height: 56px;
        width: 283px;
        margin-right: 26px
    }

    .nbd-banner-buttons a {
        padding: 14px 0
    }
}

@media only screen and (min-width:1025px) {
    .nbd-banner-buttons {
        display: flex
    }

    .nbd-banner .nbd-btn {
        height: 56px;
        width: 283px;
        margin-right: 32px
    }

    .nbd-banner-buttons a {
        padding: 14px 0
    }
}

@media only screen and (min-width:1025px) {
    .nbd-banner-buttons .nbd-btn-tertiary {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }
}

.banner figure.banner-bgimage.illustrationimg {
    background-size: contain
}

.nbd-banner-bg-img-art-theme {
    background-repeat: no-repeat;
    background-position: 70px -60px;
    background-size: 120%;
    position: relative
}

.nbd-banner-bg-img-art-theme.banner-bgimage {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.nbd-banner-bg-img-art-theme .overlay {
    width: 100%;
    height: 100%;
    display: flex
}

.nbd-banner-bg-img-art-theme .overlay>div {
    display: flex;
    align-self: center
}

.nbd-banner-bg-img-art-theme .nbd-banner-details {
    padding: 40px 0
}

.nbd-banner-bg-img-art-theme .nbd-banner-details h1 {
    color: #17252e;
    margin: 0 0 32px 0
}

.nbd-banner-bg-img-art-theme .nbd-banner-details p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #494f50;
    margin: 0 0 16px 0
}

@media only screen and (min-width:576px) {
    .nbd-banner-bg-img-art-theme .nbd-banner-details p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-banner-bg-img-art-theme .nbd-banner-details p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-banner-bg-img-art-theme .nbd-banner-details a {
    font-weight: 700;
    cursor: pointer
}

@media only screen and (min-width:576px) {
    .nbd-banner-bg-img-art-theme .nbd-banner-buttons .nbd-btn {
        width: 250px;
        margin-right: 32px
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-banner-bg-img-art-theme {
        background-position: 330px -130px;
        background-size: 75%
    }

    .nbd-banner-bg-img-art-theme #lottie+.overlay {
        position: absolute;
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .nbd-banner-bg-img-art-theme {
        height: 500px
    }

    .nbd-banner-bg-img-art-theme .overlay {
        width: 100%
    }

    .nbd-banner-bg-img-art-theme #lottie+.overlay {
        position: absolute;
        width: 100%
    }

    .nbd-banner-bg-img-art-theme .nbd-banner-details p {
        margin: 0 0 38px 0
    }
}

.blacktheme-banner-container.nbd-banner-bg-img-black-theme {
    position: relative;
    background-color: #f2f9f5
}

.blacktheme-banner-container.nbd-banner-bg-img-black-theme .banner-bgimage {
    height: 180px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative
}

.blacktheme-banner-container.nbd-banner-bg-img-black-theme .overlay {
    width: 100%
}

.blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content {
    display: flex;
    margin-top: 0
}

.blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content .nbd-banner-details {
    color: #fff;
    display: flex;
    flex-direction: column;
    margin: 40px 0
}

.blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content .nbd-banner-details h1 {
    margin: 0 0 16px 0;
    text-align: left
}

.blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content .nbd-banner-details p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 16px 0
}

@media only screen and (min-width:576px) {
    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content .nbd-banner-details p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content .nbd-banner-details p {
        font-size: 20px;
        line-height: 28px
    }
}

.blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content .nbd-banner-details a {
    font-weight: 700;
    cursor: pointer
}

.blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-btn-tertiary {
    color: #fff
}

.blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-btn-tertiary .up-right-arrow-btn {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/diagonal-arrow-white.svg') */
}

.blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-btn-tertiary .down-arrow-btn {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/down-arrow-white.svg') */
}

.blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-btn-tertiary .right-arrow-btn {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/right-arrow-white.svg') */
}

@media only screen and (max-width:576px) {
    .blacktheme-banner-container.nbd-banner-bg-img-black-theme {
        background-color: #fff
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .banner-bgimage {
        height: 180px
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-btn-tertiary {
        color: #008533
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-btn-tertiary .up-right-arrow-btn {
        background-image: url('../../../assets/static/media/icons/diagonal-arrow-green.svg')
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-btn-tertiary .down-arrow-btn {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/button/down-arrow-green.svg') */
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-btn-tertiary .right-arrow-btn {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/button/right-arrow-green.svg') */
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content .nbd-banner-details {
        color: #17252e
    }
}

@media only screen and (min-width:576px) {
    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content {
        align-items: center;
        z-index: 3;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content .nbd-banner-details {
        margin: 16px 0
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content .nbd-banner-details h1 {
        color: #fff
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content .nbd-banner-details .nbd-banner-buttons .nbd-btn {
        width: 250px;
        margin-right: 32px
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .banner-bgimage {
        height: 360px
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .overlay {
        height: 100%;
        top: 0;
        left: 0;
        width: 100%;
        position: relative;
        z-index: 1;
        display: block
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-details {
        color: #fff
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-details h1 {
        text-align: left
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .shadow-box {
        -webkit-box-shadow: 0 2px 40px -6px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 2px 40px -6px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 40px -6px rgba(0, 0, 0, 0.2)
    }

    .blacktheme-banner-container #lottie+.overlay {
        position: absolute
    }
}

@media only screen and (min-width:1025px) {
    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .banner-bgimage {
        height: 500px
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .banner-bgimage .overlay {
        height: 100%;
        display: block
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content .nbd-banner-details {
        color: #fff;
        padding-right: 32px
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content .nbd-banner-details h1 {
        margin: 0 0 32px 0
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content .nbd-banner-details p {
        margin: 0 0 40px 0
    }

    .blacktheme-banner-container.nbd-banner-bg-img-black-theme #lottie+.overlay {
        position: absolute;
        width: 100%
    }
}

.whitetheme-banner-container.nbd-banner-bg-img-white-theme {
    position: relative;
    background-color: #f2f9f5
}

.whitetheme-banner-container.nbd-banner-bg-img-white-theme .banner-bgimage {
    height: 180px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative
}

.whitetheme-banner-container.nbd-banner-bg-img-white-theme .overlay {
    width: 100%
}

.whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-banner-content {
    margin-top: 0;
    display: flex
}

.whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-banner-content .nbd-banner-details {
    color: #17252e;
    display: flex;
    flex-direction: column;
    margin: 40px 0
}

.whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-banner-content .nbd-banner-details h1 {
    margin: 0 0 16px 0;
    text-align: left
}

.whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-banner-content .nbd-banner-details p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 16px 0
}

@media only screen and (min-width:576px) {
    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-banner-content .nbd-banner-details p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-banner-content .nbd-banner-details p {
        font-size: 20px;
        line-height: 28px
    }
}

.whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-banner-content .nbd-banner-details a {
    font-weight: 700;
    cursor: pointer
}

.whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-btn-tertiary {
    color: #17252e
}

.whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-btn-tertiary .up-right-arrow-btn {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/diagonal-arrow-charcoal.svg') */
}

.whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-btn-tertiary .down-arrow-btn {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/down-arrow-charcoal.svg') */
}

.whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-btn-tertiary .right-arrow-btn {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/right-arrow-charcoal.svg') */
}

@media only screen and (max-width:576px) {
    .whitetheme-banner-container.nbd-banner-bg-img-white-theme {
        background-color: #fff
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .banner-bgimage {
        height: 180px
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-btn-tertiary {
        color: #008533
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-btn-tertiary .up-right-arrow-btn {
        background-image: url('../../../assets/static/media/icons/diagonal-arrow-green.svg')
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-btn-tertiary .down-arrow-btn {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/button/down-arrow-green.svg') */
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-btn-tertiary .right-arrow-btn {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/button/right-arrow-green.svg') */
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-btn-tertiary .up-right-arrow-btn1 {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/button/diagonal-arrow-green1.svg') */
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-btn-tertiary .down-arrow-btn1 {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/button/down-arrow-green1.svg') */
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-btn-tertiary .right-arrow-btn1 {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/button/right-arrow-green1.svg') */
    }
}

@media only screen and (min-width:576px) {
    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-banner-content {
        align-items: center;
        z-index: 3;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin-top: 0
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-banner-content .nbd-banner-details {
        margin: auto 0
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-banner-content .nbd-banner-details .nbd-banner-buttons .nbd-btn {
        width: 250px;
        margin-right: 32px
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .banner-bgimage {
        height: 360px
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-banner-details h1 {
        text-align: left
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .overlay {
        height: 100%;
        top: 0;
        left: 0;
        width: 100%;
        position: relative;
        z-index: 1;
        display: block
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .shadow-box {
        -webkit-box-shadow: 0 2px 40px -6px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 2px 40px -6px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 40px -6px rgba(0, 0, 0, 0.2)
    }

    .whitetheme-banner-container #lottie+.overlay {
        position: absolute
    }
}

@media only screen and (min-width:1025px) {
    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .banner-bgimage {
        height: 500px
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .banner-bgimage .overlay {
        height: 100%;
        display: block
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-banner-content .nbd-banner-details {
        padding-right: 32px
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-banner-content .nbd-banner-details h1 {
        margin: 0 0 32px 0
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-banner-content .nbd-banner-details p {
        margin: 0 0 40px 0
    }

    .whitetheme-banner-container.nbd-banner-bg-img-white-theme #lottie+.overlay {
        position: absolute;
        width: 100%
    }
}

.landing-banner-container {
    display: flex;
    flex-direction: row-reverse;
    height: auto
}

.landing-banner-container .nbd-banner-bg-color {
    background-color: #f2f9f5
}

.landing-banner-container #lottie {
    margin: 0;
    height: 100%
}

.landing-banner-container .nbd-img-banner {
    height: 210px
}

.landing-banner-container .nbd-img-banner figure {
    height: 100%;
    width: 100vw;
    max-width: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

.landing-banner-container .nbd-banner-content {
    margin: 0
}

.landing-banner-container .nbd-banner-content .nbd-banner-details {
    padding: 40px 0
}

.landing-banner-container .nbd-banner-content h1 {
    color: #17252e;
    margin: 0 0 16px 0
}

.landing-banner-container .nbd-banner-content p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #494f50;
    margin: 0 0 16px 0
}

@media only screen and (min-width:576px) {
    .landing-banner-container .nbd-banner-content p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .landing-banner-container .nbd-banner-content p {
        font-size: 20px;
        line-height: 28px
    }
}

.landing-banner-container .nbd-banner-content a {
    font-weight: 700;
    cursor: pointer
}

.landing-banner-container .nbd-banner-content a:hover .charcoal-down-arrow-btn {
    transform: translateY(8px)
}

.landing-banner-container .nbd-banner-content a .charcoal-down-arrow-btn {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/down-arrow-charcoal.svg'); */
    width: 14px;
    position: relative;
    top: 2px
}

.landing-banner-container .nbd-banner-buttons {
    margin: 25px 0
}

@media only screen and (min-width:576px) {
    .landing-banner-container {
        height: 360px
    }

    .landing-banner-container .nbd-img-banner {
        height: 100%
    }

    .landing-banner-container .nbd-banner-buttons {
        margin: 0
    }

    .landing-banner-container .nbd-banner-content {
        margin: 0
    }

    .landing-banner-container .nbd-banner-content .nbd-banner-details {
        padding: 32px 0
    }

    .landing-banner-container .nbd-banner-content .nbd-banner-details h1 {
        margin: 0 0 16px 0
    }

    .landing-banner-container .nbd-banner-content .nbd-banner-details p {
        margin: 0 0 16px 0
    }
}

@media only screen and (min-width:1025px) {
    .landing-banner-container {
        height: 500px
    }

    .landing-banner-container .nbd-img-banner {
        height: 100%
    }

    .landing-banner-container .nbd-banner-content {
        margin-top: 5.59%
    }

    .landing-banner-container .nbd-banner-content>div {
        width: 95%
    }

    .landing-banner-container .nbd-banner-content .nbd-banner-details {
        padding-right: 32px
    }

    .landing-banner-container .nbd-banner-content .nbd-banner-details h1 {
        margin: 0 0 32px 0;
        text-align: left
    }

    .landing-banner-container .nbd-banner-content .nbd-banner-details p {
        margin: 0 0 40px 0
    }
}

.image-banner-container {
    display: flex;
    flex-direction: row-reverse;
    height: auto
}

.image-banner-container #lottie {
    margin: 0;
    height: 100%
}

.image-banner-container .nbd-img-banner {
    height: 210px
}

.image-banner-container .nbd-img-banner figure {
    height: 100%;
    background-color: #fff;
    width: 100vw;
    max-width: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

.image-banner-container .nbd-banner-content {
    margin: 40px 0
}

.image-banner-container .nbd-banner-content h1 {
    color: #17252e;
    margin: 0 0 32px 0
}

.image-banner-container .nbd-banner-content p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #494f50;
    margin: 0
}

@media only screen and (min-width:576px) {
    .image-banner-container .nbd-banner-content p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .image-banner-container .nbd-banner-content p {
        font-size: 20px;
        line-height: 28px
    }
}

.image-banner-container .nbd-banner-buttons {
    margin: 20px 0 0 0
}

@media only screen and (min-width:576px) {
    .image-banner-container {
        height: 320px
    }

    .image-banner-container .nbd-img-banner {
        height: 100%
    }

    .image-banner-container .nbd-banner-buttons {
        margin: 20px 0 0 0;
        padding: 0
    }

    .image-banner-container .nbd-banner-buttons .nbd-btn {
        width: 250px;
        margin-right: 32px
    }
}

@media only screen and (min-width:1025px) {
    .image-banner-container {
        height: 500px
    }

    .image-banner-container .nbd-img-banner figure {
        height: 100%;
        width: 100%;
        max-width: 100%
    }

    .image-banner-container .nbd-banner-content {
        margin-top: 5.59%
    }

    .image-banner-container .nbd-banner-content .nbd-banner-details {
        padding-right: 32px
    }

    .image-banner-container .nbd-banner-content .nbd-banner-details h1 {
        text-align: left
    }

    .image-banner-container .nbd-banner-content h1 {
        text-align: left
    }

    .image-banner-container .nbd-banner-buttons {
        margin: 40px 0 0 0;
        display: inline-block
    }

    .image-banner-container .nbd-banner-buttons a {
        float: left
    }
}

.banner #lottie {
    margin: 0;
    width: 100%;
    height: auto
}

.banner #lottie .lottie-player {
    height: 210px
}

.banner .nbd-banner-bg-img-black-theme .animbg,
.banner .nbd-banner-bg-img-white-theme .animbg {
    width: 100%
}

.nbd-img-shadow {
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

.nbd-banner-left-align {
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-align: left;
    justify-content: left !important
}

@media only screen and (min-width:1025px) {
    .nbd-banner-left-align {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-banner-left-align {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-banner-left-align {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-banner-left-align:hover {
    color: #008533;
    cursor: pointer
}

.nbd-banner-left-align:hover .down-arrow-btn {
    transform: translateY(8px)
}

.nbd-img-banner .banner-for-mobile {
    height: 212px
}

.nbd-img-banner .nbd-banner-details {
    margin: 32px 0 0 3px
}

.nbd-img-banner .nbd-banner-bg-img {
    /*     background-image: none */
}

.nbd-img-banner .nbd-banner-img {
    background-color: #fff;
    height: 240px;
    width: auto;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.nbd-img-banner .img-align {
    display: none
}

.nbd-img-banner .nbd-banner-info {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 16px;
    letter-spacing: -0.17px;
    line-height: 24px;
    margin: 0 0 16px 0
}

.nbd-img-banner .nbd-btn {
    font-weight: normal
}

.nbd-img-banner .nbd-banner-img {
    height: 100%;
    background-color: #fff;
    width: 100vw;
    margin: 0
}

.nbd-img-banner .nbd-btn {
    height: 56px
}

.nbd-img-banner .nbd-banner-buttons a {
    padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.nbd-img-banner .banner-for-mobile {
    display: block;
    padding: 0
}

.nbd-img-banner .nbd-btn-row-in-banner {
    display: block
}

.nbd-img-banner .nbd-btn-row-out-banner {
    display: none
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-img-banner .nbd-btn-row-in-banner {
        display: none
    }

    .nbd-img-banner .nbd-btn-row-out-banner {
        display: block;
        margin-left: 0;
        margin-right: 0;
        padding-left: 9px
    }

    .nbd-img-banner .banner-for-mobile {
        display: none
    }

    .nbd-img-banner .nbd-banner-buttons {
        display: inline
    }

    .nbd-img-banner .nbd-banner-details {
        margin: 24px 0 24px 9px
    }

    .nbd-img-banner .nbd-banner-info {
        font-size: 16px;
        line-height: 24px
    }

    .nbd-banner.nbd-img-banner {
        width: auto
    }

    .banner #lottie .lottie-player {
        height: 300px
    }

    .nbd-banner.nbd-img-banner .nbd-banner-img {
        height: 100%;
        width: auto;
        max-width: 100%;
        margin-right: calc((100% - 100vw) / 30);
        background-position: 50% 50%
    }

    .nbd-shadow-hr {
        margin: 0;
        content: "";
        width: 296px;
        bottom: 1px;
        z-index: -1;
        transform: scale(0.8);
        box-shadow: 0 0 40px 15px rgba(0, 0, 0, 0.1);
        position: absolute;
        right: 0;
        bottom: 55px
    }

    .nbd-img-banner .nbd-banner-buttons a {
        width: 283px
    }

    .nbd-img-banner .img-align {
        text-align: right;
        display: block
    }

    .nbd-img-banner .tab-margin-left {
        margin-left: 15px
    }

    .nbd-img-banner .no-padding-right {
        padding-right: 0
    }

    .nbd-banner-left-align {
        justify-content: left !important;
        margin-left: 15px;
        text-align: left
    }
}

@media only screen and (min-width:1025px) {

    .banner .nbd-banner-bg-img-black-theme .animbg,
    .banner .nbd-banner-bg-img-white-theme .animbg {
        margin-left: auto;
        width: initial
    }

    .nbd-banner.nbd-img-banner {
        height: 510px
    }

    .banner #lottie .lottie-player {
        height: 465px
    }

    .nbd-img-banner .nbd-btn-row-in-banner {
        display: block
    }

    .nbd-img-banner .nbd-btn-row-out-banner {
        display: none
    }

    .nbd-img-banner .banner-for-mobile {
        display: none
    }

    .nbd-img-banner .nbd-banner-buttons {
        display: flex
    }

    .nbd-img-banner .nbd-banner-details {
        margin: 80px 0 0 92px;
        padding-right: 32px
    }

    .nbd-img-banner .nbd-btn {
        height: 56px;
        width: 283px;
        margin-right: 32px
    }

    .nbd-img-banner .nbd-banner-info {
        font-size: 20px;
        line-height: 32px;
        margin: 0 0 32px 0
    }

    .nbd-img-banner .nbd-banner-img {
        height: 100%;
        width: auto;
        max-width: 100%;
        background-color: #fff;
        margin-left: 0;
        background-position: center top
    }

    .nbd-img-banner .img-align {
        display: block
    }

    .no-padding-right {
        padding-right: 0
    }
}

@media(min-width:769px) and (max-width:1024px) {
    .banner #lottie .lottie-player {
        height: 320px
    }

    .nbd-img-banner .nbd-banner-img {
        height: 320px;
        width: 360px;
        margin-right: calc((100% - 100vw) / 30);
        background-position: center top
    }
}

@media(min-device-width:769px) and (max-device-width:1024px) {
    .nbd-img-banner .nbd-banner-img {
        height: 320px;
        width: 360px;
        margin-right: calc((100% - 100vw) / 30)
    }

    .banner #lottie .lottie-player {
        height: 320px
    }
}

figure,
img {
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor
}

.viewallcardbanner>.row {
    height: 100%;
    display: flex;
    flex-direction: column-reverse
}

.viewallcardbanner #lottie {
    margin: 0;
    width: auto;
    max-height: 100%;
    height: 100%;
    display: inline-block
}

.viewallcardbanner .bannerimgcontainer {
    padding: 0
}

.viewallcardbanner .nbd-all-card-banner-img {
    height: 250px;
    text-align: center
}

.viewallcardbanner .nbd-all-card-banner-img figure.viewallbanner-bgimage {
    width: auto;
    height: 100%;
    max-width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    justify-content: center
}

.viewallcardbanner .nbd-all-card-banner-img figure.viewallbanner-bgimage.illustrationimg {
    background-size: contain
}

.sticky-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 930
}

.nbd-banner-content {
    margin-top: 50px
}

.nbd-banner-content .nbd-all-card-banner-content {
    height: 100%
}

.nbd-banner-content .nbd-all-card-banner-content .nbd-banner-details {
    display: flex;
    flex-direction: column;
    height: 100%
}

.nbd-banner-content .nbd-all-card-banner-content .nbd-banner-details h1 {
    margin: 0 0 16px 0;
    text-align: left
}

.nbd-banner-content .nbd-all-card-banner-content .nbd-banner-details p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 16px 0
}

@media only screen and (min-width:576px) {
    .nbd-banner-content .nbd-all-card-banner-content .nbd-banner-details p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-banner-content .nbd-all-card-banner-content .nbd-banner-details p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-banner-content .nbd-all-card-banner-content .nbd-banner-details a {
    text-align: left;
    padding: 0
}

.nbd-banner-content .nbd-all-card-banner-content .nbd-banner-details a.nbd-btn {
    height: auto
}

.nbd-all-card-banner-mb-view {
    display: block;
    position: relative;
    width: 100%;
    height: 210px
}

.nbd-all-card-banner-mb-view #lottie {
    margin: 0;
    width: 100%;
    height: 210px
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .viewallcardbanner {
        height: 360px
    }

    .viewallcardbanner>.row {
        height: 100%;
        display: flex;
        flex-direction: row
    }

    .viewallcardbanner .nbd-banner-content {
        margin-top: 20px
    }

    .viewallcardbanner .nbd-all-card-banner-img {
        height: 100%
    }
}

@media only screen and (min-width:1024px) {
    .nbd-banner-content {
        display: flex;
        margin-top: 5.59%
    }

    .nbd-banner-content .nbd-all-card-banner-content {
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .nbd-banner-content .nbd-all-card-banner-content .nbd-banner-details h1 {
        margin: 0 0 32px 0
    }

    .nbd-banner-content .nbd-all-card-banner-content .nbd-banner-details p {
        margin: 0 0 40px 0
    }
}

@media only screen and (min-width:1024px) {
    .viewallcardbanner {
        height: 500px
    }

    .viewallcardbanner>.row {
        height: 100%;
        display: flex;
        flex-direction: row
    }

    .viewallcardbanner .nbd-all-card-banner-img {
        height: 100%
    }
}

.nbd-link-bar {
    background-color: #fff;
    box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.08)
}

.nbd-link-bar span,
.nbd-link-bar a {
    display: block
}

.nbd-link-bar .jump-to-text {
    color: #949c9e;
    margin: 5px 0 2px 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.nbd-link-bar .jump-to-links {
    color: #494f50;
    margin: 16px 0;
    cursor: pointer;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-link-bar .line-break {
    height: 1px;
    box-sizing: border-box;
    border: .5px solid #eee
}

.viewallbanner .nbd-link-bar .container-fluid {
    padding: 0 15px;
    margin: 0
}

@media only screen and (min-width:768px) {
    .viewallbanner .nbd-link-bar .container-fluid {
        padding: 15px 15px 0 15px;
        margin: 0
    }

    .nbd-link-bar .link-to-anchor {
        display: inline-block
    }

    .nbd-link-bar span,
    .nbd-link-bar a {
        display: inline-flex
    }

    .nbd-link-bar .jump-to-text {
        margin: 0 12px 2px 0;
        padding-bottom: 14px
    }

    .nbd-link-bar .jump-to-links {
        color: #494f50;
        margin: 0 0 2px 14px;
        padding-bottom: 14px
    }

    .nbd-link-bar .line-break {
        display: none
    }

    .link-to-anchor .scrolling-action.active {
        border-bottom: 2px solid #008533
    }
}

@media only screen and (min-width:1024px) {
    .viewallbanner .nbd-link-bar .container-fluid {
        padding: 15px 105px 0;
        margin: 0
    }

    .nbd-link-bar .container-fluid {
        padding: 0 105px
    }

    .link-to-anchor {
        display: inline-flex
    }

    .link-to-anchor span,
    .link-to-anchor a {
        display: inline-flex
    }

    .link-to-anchor .jump-to-links {
        color: #494f50;
        margin: 0 0 2px 14px;
        cursor: pointer
    }

    .link-to-anchor .line-break {
        display: none
    }
}

.illustrationcardwrapper {
    overflow: hidden;
    padding: 0 0 80px 0
}

.illustrationcardwrapper #lottie {
    margin: 0;
    width: 100%;
    height: 200px
}

.illustrationcardwrapper #lottie .lottie-player {
    height: 100%
}

.illustrationcardwrapper.bg-grassgreen {
    background-color: #f2f9f5;
    padding: 80px 0
}

.illustrationcardwrapper.bg-grassgreen .ng-container h3 {
    color: #17252e
}

.illustrationcardwrapper .ng-container h3 {
    margin-bottom: 40px;
    color: #17252e
}

.illustrationcardwrapper .ng-container .nb-row {
    padding-left: 15px;
    padding-right: 15px;
    display: grid;
    grid-gap: 24px;
    grid-auto-columns: 100%;
    grid-template-columns: repeat(1, 1fr)
}

.illustrationcardwrapper .ng-container .nb-row>div {
    width: 100%;
    max-width: 500px;
    padding: 0;
    margin-top: 0
}

.illustrationcardwrapper .ng-container .card {
    display: flex !important;
    height: 100%;
    transition: .3s;
    box-sizing: border-box;
    border: 0;
    border-radius: 12px;
    background-color: #fff;
    overflow: hidden
}

.illustrationcardwrapper .ng-container .card.nb-card .card-header {
    padding: 0;
    border: 0;
    height: auto;
    background-color: transparent;
}

.illustrationcardwrapper .ng-container .card.nb-card .card-header .image-wrapper .card-image {
    width: 100%;
    height: 200px;
    object-fit: cover
}

.illustrationcardwrapper .ng-container .card.nb-card .card-header .icon-wrapper {
    display: flex;
    padding: 32px 0 18px
}

.illustrationcardwrapper .ng-container .card.nb-card .card-header .icon-wrapper .card-icon {
    width: 48px;
    height: 48px
}

.illustrationcardwrapper .ng-container .card.nb-card .card-header .image-wrapper.lottie-wrapper,
.illustrationcardwrapper .ng-container .card.nb-card .card-header .icon-wrapper.lottie-wrapper {
    padding: 0
}

.illustrationcardwrapper .ng-container .card.nb-card .card-header.leftalignedillustration .icon-wrapper {
    padding: 32px 24px 18px
}

.illustrationcardwrapper .ng-container .card.nb-card .card-header.centrealignedillustration .icon-wrapper {
    justify-content: space-around
}

.illustrationcardwrapper .ng-container .card.nb-card .card-header.noimageicon .image-wrapper {
    display: none
}

.illustrationcardwrapper .ng-container .card.nb-card .card-header.noimageicon .icon-wrapper {
    display: none
}

.illustrationcardwrapper .ng-container .card.nb-card .card-header p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 4px 16px;
    border-radius: 100px;
    border: 1.5px solid #17252e;
    background-color: #fff;
    color: #17252e
}

.illustrationcardwrapper .ng-container .card.nb-card .card-header.bordered-header {
    border: 1.5px solid #e5edec;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.illustrationcardwrapper .ng-container .card.nb-card .card-body {
    padding: 24px 24px 24px;
    text-align: left;
    display: flex;
    flex-direction: column;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border: 1.5px solid #e5edec
}

.illustrationcardwrapper .ng-container .card.nb-card .card-body h4 {
    margin: 0;
    color: #17252e
}

.illustrationcardwrapper .ng-container .card.nb-card .card-body p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 24px;
    color: #494f50
}

.illustrationcardwrapper .ng-container .card.nb-card .card-body a.nbd-btn {
    display: flex;
    text-align: left;
    padding: .375rem 0;
    height: auto;
    flex-direction: row;
    align-items: flex-end;
    flex: 1
}

.illustrationcardwrapper .ng-container .card.nb-card .card-body a.nbd-btn em {
    margin-bottom: 5px
}

.illustrationcardwrapper .ng-container .card.nb-card .card-body .icon-wrapper {
    display: flex;
    background-image: url('../../../assets/static/media/icons/backgroundshape.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px 80px;
    height: 80px;
    width: 80px;
    align-items: center;
    justify-content: center;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin: 0 auto 24px
}

.illustrationcardwrapper .ng-container .card.nb-card .card-body .icon-wrapper img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.illustrationcardwrapper .ng-container .card.nb-card .card-body .description {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.illustrationcardwrapper .ng-container .card.nb-card .card-body .description p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.illustrationcardwrapper .ng-container .card.nb-card .card-body .description ul {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 10px 0 20px 0
}

.illustrationcardwrapper .ng-container .card.nb-card .card-body .description ul li {
    /* background: url('../../../content/dam/nedbank/icons/resources/right-tick.svg') no-repeat 0 5px; */
    list-style: none;
    vertical-align: middle;
    padding: 0 0 10px 35px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.illustrationcardwrapper .ng-container .card.nb-card .card-body .description ul li:last-child {
    padding: 0 0 0 35px
}

.illustrationcardwrapper .ng-container .card.nb-card .card-body .description ul li p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: inline
}

.illustrationcardwrapper .ng-container .card.nb-card .card-body.border-body-top {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.illustrationcardwrapper .swiper-container {
    overflow: visible
}

.illustrationcardwrapper .swiper-container .swiper-wrapper .swiper-slide {
    height: auto
}

.illustrationcardwrapper .swiper-container .swiper-pagination-container {
    display: flex;
    margin: 64px 0 0
}

.illustrationcardwrapper .swiper-container .swiper-pagination-container .swiper-pagination {
    padding: 12px 0 0;
    flex-grow: 1;
    position: relative
}

.illustrationcardwrapper .swiper-container .swiper-pagination-container .swiper-pagination .swiper-pagination-bullet {
    margin-right: 5px
}

.illustrationcardwrapper .swiper-container .swiper-pagination-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 32px;
    border-radius: 35px;
    background-color: #008533
}

.illustrationcardwrapper .swiper-container .swiper-pagination-container .nbd-button-prev,
.illustrationcardwrapper .swiper-container .swiper-pagination-container .nbd-button-next {
    display: none;
    height: 48px;
    width: 48px
}

.illustrationcardwrapper .swiper-container .swiper-pagination-container .swiper-button-disabled {
    cursor: auto
}

.illustrationcardwrapper .swiper-container .swiper-pagination-container .nbd-button-prev {
    /* background-image: url('../../../content/dam/nedbank/icons/resources/arrow_back_left_active.svg') */
}

.illustrationcardwrapper .swiper-container .swiper-pagination-container .nbd-button-prev.swiper-button-disabled {
    /* background-image: url('../../../content/dam/nedbank/icons/resources/arrow_back_left_deactive.svg') */
}

.illustrationcardwrapper .swiper-container .swiper-pagination-container .nbd-button-next {
    /* background-image: url('../../../content/dam/nedbank/icons/resources/arrow_next_right_active.svg') */
}

.illustrationcardwrapper .swiper-container .swiper-pagination-container .nbd-button-next.swiper-button-disabled {
    /* background-image: url('../../../content/dam/nedbank/icons/resources/arrow_next_right_deactive.svg') */
}

@media only screen and (min-width: 768px) {
    .illustrationcardwrapper .ng-container h3 {
        margin-bottom: 64px
    }

    .illustrationcardwrapper .ng-container .nb-row {
        grid-gap: 24px;
        grid-auto-columns: 50%;
        grid-template-columns: repeat(2, 1fr)
    }

    .illustrationcardwrapper .ng-container .nb-row>div {
        max-width: 800px
    }

    .illustrationcardwrapper .ng-container .nb-row>div:first-child {
        padding: 0
    }

    .illustrationcardwrapper .ng-container .nb-row>div:last-child {
        padding: 0
    }

    .illustrationcardwrapper .ng-container .card.nb-card .card-body {
        padding: 24px 24px 32px
    }

    .illustrationcardwrapper .swiper-container .swiper-pagination-container {
        padding-left: 10%
    }

    .illustrationcardwrapper .swiper-container .swiper-pagination-container .nbd-button-prev,
    .illustrationcardwrapper .swiper-container .swiper-pagination-container .nbd-button-next {
        display: block
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .illustrationcardwrapper .swiper-container {
        padding: 0 48px
    }

    .illustrationcardwrapper .swiper-container .swiper-wrapper .swiper-slide:first-child.swiper-slide-active {
        margin-left: -48px
    }
}

@media only screen and (min-width: 992px) {
    .illustrationcardwrapper .ng-container h3 {
        margin-bottom: 80px
    }

    .illustrationcardwrapper .ng-container .nb-row {
        grid-auto-columns: 33.3%;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 31px
    }

    .illustrationcardwrapper .ng-container .nb-row>div {
        padding: 0;
        margin-right: 0
    }

    .illustrationcardwrapper .ng-container .nb-row>div:first-child {
        margin-right: 0;
        padding: 0
    }

    .illustrationcardwrapper .ng-container .nb-row>div:nth-child(3n) {
        margin-left: 0;
        padding: 0
    }

    .illustrationcardwrapper .ng-container .nb-row>div:nth-child(3n - 2) {
        margin-right: 0;
        padding: 0
    }

    .illustrationcardwrapper .ng-container .nb-row>div:last-child {
        margin-left: 0;
        padding: 0
    }

    .illustrationcardwrapper .ng-container .card {
        border-radius: 6px
    }

    .illustrationcardwrapper .ng-container .card.nb-card .card-header .icon-wrapper {
        padding: 32px 0 14px
    }

    .illustrationcardwrapper .ng-container .card.nb-card .card-header.leftalignedillustration .icon-wrapper {
        padding: 32px 32px 14px
    }

    .illustrationcardwrapper .ng-container .card.nb-card .card-header.bordered-header {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }

    .illustrationcardwrapper .ng-container .card.nb-card .card-body {
        padding: 24px 32px 32px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .illustrationcardwrapper .ng-container .card.nb-card .card-body.border-body-top {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }
}

.splitwrapper {
    padding: 80px 0
}

.splitwrapper.bg-grassgreen {
    background-color: #f2f9f5
}

.splitwrapper .ng-container {
    text-align: center
}

.splitwrapper .ng-container h2 {
    color: #17252e;
    margin: 0 0 60px 0
}

.splitwrapper .ng-container .row {
    margin: 0
}

.splitwrapper .ng-container .nb-row {
    justify-content: center
}

.splitwrapper .ng-container .nb-row>div {
    padding: 0 15px;
    margin-top: 0;
    margin-bottom: 32px
}

.splitwrapper .ng-container .card {
    position: relative;
    transition: .3s;
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    background-color: transparent
}

.splitwrapper .ng-container .card.nb-card {
    display: flex
}

.splitwrapper .ng-container .card.nb-card .card-header {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 0;
    background: transparent;
    border: 0
}

.splitwrapper .ng-container .card.nb-card .card-header h4 {
    color: #17252e
}

.splitwrapper .ng-container .card.nb-card .card-header p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #17252e
}

@media only screen and (min-width:1025px) {
    .splitwrapper .ng-container .card.nb-card .card-header p {
        font-size: 18px;
        line-height: 26px
    }
}

.splitwrapper .ng-container .card.nb-card .card-body {
    padding: 0;
    text-align: center;
    display: flex;
    flex-direction: column
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard .largepara {
    color: #17252e;
    margin: 0 0 10px 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    margin: 0 0 8px 0
}

@media only screen and (min-width:576px) {
    .splitwrapper .ng-container .card.nb-card .card-body .subcard .largepara {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .splitwrapper .ng-container .card.nb-card .card-body .subcard .largepara {
        font-size: 20px;
        line-height: 28px
    }
}

.splitwrapper .ng-container .card.nb-card .card-body .image-wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    height: 120px
}

.splitwrapper .ng-container .card.nb-card .card-body .image-wrapper figure {
    cursor: default;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard {
    width: 100%;
    top: 0;
    margin: 0 auto;
    position: relative;
    transition: .3s;
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    background-color: #fff;
    text-align: left;
    padding: 16px 16px 40px 16px;
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: stretch;
    flex-direction: column;
    height: 100%
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard hr {
    box-sizing: border-box;
    height: 1px;
    border-top: 1px solid #eee;
    width: 100%;
    margin: 16px auto
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard .description {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard .description p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0 15px
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard .description ul {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 10px 0 20px 0
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard .description ul li {
    /* background: url('../../../content/dam/nedbank/icons/resources/right-tick.svg') no-repeat 0 5px; */
    list-style: none;
    vertical-align: middle;
    padding: 0 0 10px 35px
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard .description ul li:last-child {
    padding: 0 0 0 35px
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard .description ul li p {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: inline
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard a.nbd-btn {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    display: flex;
    padding: .375rem 0;
    height: auto;
    margin: 0 0 0 8px;
    flex-direction: row;
    align-items: flex-end;
    flex: 1
}

@media only screen and (min-width:1025px) {
    .splitwrapper .ng-container .card.nb-card .card-body .subcard a.nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .splitwrapper .ng-container .card.nb-card .card-body .subcard a.nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .splitwrapper .ng-container .card.nb-card .card-body .subcard a.nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard a.nbd-btn .right-arrow-btn {
    margin-bottom: 5px
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard a.stretched-link:after {
    position: relative
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard .accord-header>a[aria-expanded="false"] .nbd-arrow {
    height: 24px;
    width: 24px;
    display: block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/down_arrow_f.svg'); */
    position: absolute;
    top: inherit;
    right: 20px;
    bottom: inherit;
    left: inherit
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard .accord-header .nbd-arrow {
    height: 24px;
    width: 24px;
    display: block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/down_arrow_f.svg'); */
    position: absolute;
    top: inherit;
    right: 20px;
    bottom: inherit;
    left: inherit
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard .accord-header>a[aria-expanded="true"] .nbd-arrow {
    height: 24px;
    width: 24px;
    display: block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/up_arrow_f.svg'); */
    position: absolute;
    top: inherit;
    right: 20px;
    bottom: inherit;
    left: inherit
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard .accord-header .largepara {
    display: flex;
    width: 80%
}

.splitwrapper .ng-container .card.nb-card .card-body .subcard .accord-header .nbd-collapse p {
    margin: 10px 0 15px
}

.splitwrapper .ng-container .card.nb-card .card-body .accordion {
    width: 100%
}

@media only screen and (min-width:405px) and (max-width:576px) {
    .splitwrapper .ng-container .card.nb-card .card-body .image-wrapper {
        height: 200px
    }
}

@media only screen and (min-width:768px) {
    .splitwrapper .ng-container .row {
        margin: 0
    }

    .splitwrapper .ng-container .nb-row>div:first-child {
        padding: 0 15px 0 0
    }

    .splitwrapper .ng-container .nb-row>div:last-child {
        padding: 0 0 0 15px
    }

    .splitwrapper .ng-container .card.nb-card .card-header {
        padding: 0
    }

    .splitwrapper .ng-container .card.nb-card .card-header .mediumpara {
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin: 8px 0 16px 0
    }

    .splitwrapper .ng-container .card.nb-card .card-body {
        padding: 0
    }

    .splitwrapper .ng-container .card.nb-card .card-body .subcard {
        padding: 24px 16px 40px
    }

    .splitwrapper .ng-container .card.nb-card .card-body .subcard a.nbd-btn {
        margin: 0
    }

    .splitwrapper .ng-container .card.nb-card .card-body .subcard a.stretched-link:after {
        position: absolute
    }

    .splitwrapper .ng-container .card.nb-card .card-body .subcard hr {
        display: none
    }

    .splitwrapper .ng-container .card.nb-card .card-body .image-wrapper {
        margin: 0 auto;
        height: 224px
    }
}

@media only screen and (min-width:992px) {
    .splitwrapper .ng-container .nb-row>div:first-child {
        padding: 0 15px 0 0
    }

    .splitwrapper .ng-container .nb-row>div:last-child {
        padding: 0 0 0 15px
    }

    .splitwrapper .ng-container .card.nb-card .card-header {
        padding: 0 16px
    }

    .splitwrapper .ng-container .card.nb-card .card-header .mediumpara {
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .splitwrapper .ng-container .card.nb-card .card-body {
        padding: 0
    }

    .splitwrapper .ng-container .card.nb-card .card-body .subcard {
        width: 70%;
        top: -40px;
        padding: 24px 16px 40px
    }

    .splitwrapper .ng-container .card.nb-card .card-body .subcard.noimagesubcard {
        top: 0;
        margin-top: 14px
    }

    .splitwrapper .ng-container .card.nb-card .card-body .subcard a.nbd-btn {
        margin: 0
    }

    .splitwrapper .ng-container .card.nb-card .card-body .subcard a.stretched-link:after {
        position: absolute
    }

    .splitwrapper .ng-container .card.nb-card .card-body .subcard hr {
        display: none
    }

    .splitwrapper .ng-container .card.nb-card .card-body .subcard p {
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        font-size: 20px;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        margin: 0 0 8px 0
    }

    .splitwrapper .ng-container .card.nb-card .card-body .image-wrapper {
        margin: 0 auto 15px;
        height: 250px
    }
}

@media only screen and (min-width:992px) and only screen and (min-width:1025px) {
    .splitwrapper .ng-container .card.nb-card .card-header .mediumpara {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:992px) and only screen and (min-width:576px) {
    .splitwrapper .ng-container .card.nb-card .card-body .subcard p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:992px) and only screen and (min-width:1025px) {
    .splitwrapper .ng-container .card.nb-card .card-body .subcard p {
        font-size: 20px;
        line-height: 28px
    }
}

.back-to-top {
    float: right;
    bottom: 127px;
    right: 20px;
    display: block
}

.back-to-top img {
    height: 42px;
    width: 42px
}

.back-to-top-container {
    justify-content: right;
    display: grid;
    padding: 40px 20px 40px 0
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    card-body .back-to-top-container {
        padding: 40px 20px 40px 0
    }
}

@media only screen and (min-width:1025px) {
    .back-to-top {
        bottom: 212px;
        right: 227px;
        left: 1171px
    }

    .back-to-top-container {
        padding: 40px 106px 40px 0
    }
}

.nbd-social-icons {
    margin: 40px 0 0 0
}

.nbd-footer-nav {
    background-color: #fafafa;
    padding: 0 105px 0 105px
}

.nbd-footer-nav h6,
.nbd-accordion .card-header h6 {
    color: #17252e
}

.nbd-accordion .card-header h6 {
    display: flex
}

.nbd-footer-menu-warper {
    padding: 40px 105px 60px 105px;
    background-color: #fafafa
}

.nbd-footer-menu-warper p,
.nbd-collapse p {
    margin: 0;
    width: 283px
}

.nbd-footer-menu-warper a,
.nbd-collapse a {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.nbd-footer-menu-warper a {
    font-weight: unset
}

.nbd-footer-menu-warper a:hover {
    text-decoration: underline !important
}

.nbd-footer-bottom {
    padding: 40px 16px 60px 16px
}

.nbd-footer-bottom p {
    margin: 0;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.nbd-footer-logo {
    margin-top: 16px
}

.nbd-footer-logo .list-inline-item {
    margin-right: 24px
}

.nbd-social-icon {
    height: 22px;
    width: 22px;
    display: block;
    opacity: .5
}

.nbd-social-icon:hover {
    opacity: 1
}

.nbd-accordion .accordion {
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2)
}

.nbd-accordion .card {
    border: 0;
    border-radius: none;
    width: 100%
}

.nbd-accordion .card-header {
    height: 64px;
    margin-bottom: 0;
    background-color: #fff;
    padding: 20px 0 20px 20px;
    border: 1px solid #e5edec
}

.nbd-accordion .card-body {
    background-color: #fafafa;
    padding: 40px 0 40px 0
}

.card-header>a[aria-expanded="false"] .nbd-arrow,
.card-header .nbd-arrow {
    height: 24px;
    width: 24px;
    display: block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/down_arrow_f.svg'); */
    position: absolute;
    top: inherit;
    right: 20px;
    bottom: inherit;
    left: inherit
}

.card-header>a[aria-expanded="true"] .nbd-arrow {
    height: 24px;
    width: 24px;
    display: block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/up_arrow_f.svg'); */
    position: absolute;
    top: inherit;
    right: 20px;
    bottom: inherit;
    left: inherit
}

@media only screen and (min-width:576px) and (max-width:991px) {
    .nbd-footer-bottom {
        padding: 48px 22px 48px 22px
    }

    .nbd-social-icons {
        margin: 40px 0 0 0
    }

    .page-footer .row div>div[class^="card"] {
        height: auto
    }
}

@media only screen and (min-width:992px) {
    .nbd-footer-bottom {
        padding: 48px 105px
    }

    .nbd-social-icons {
        margin: 0
    }

    .nbd-footer-nav h6 {
        margin: 60px 0 0 0
    }

    .nbd-footer-logo .list-inline-item {
        margin-right: 10px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .page-footer .d-lg-block {
        display: none !important
    }

    .page-footer .d-lg-none {
        display: block !important
    }

    .page-footer .nbd-footer-bottom {
        padding: 40px 16px 60px 16px
    }

    .nbd-footer-logo .col-lg-8 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .nbd-footer-logo .col-lg-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 40px
    }

    .nbd-footer-logo .text-lg-right {
        text-align: left !important
    }
}

.nbd-top-footer-links {
    border-top: 1px solid #e5edec;
    margin: 0 -15px 40px -15px;
    padding: 25px 20px 0 20px
}

.nbd-top-footer-links ul {
    list-style: none;
    padding: 0;
    margin: 6px 0;
    text-align: start
}

.nbd-top-footer-links ul li:first-child {
    margin-bottom: 16px
}

.nbd-top-footer-links .nbd-topfooterlink-heading {
    color: #17252e;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:767px) {
    .nbd-top-footer-links .nbd-topfooterlink-heading {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-top-footer-links .nbd-topfooterlinks a {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-weight: unset
}

@media only screen and (min-width:576px) {
    .nbd-top-footer-links .nbd-topfooterlinks a {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-top-footer-links .nbd-topfooterlinks a {
        font-size: 16px;
        line-height: 24px
    }
}

.nbd-top-footer-links .nbd-topfooterlinks a:hover {
    text-decoration: underline
}

@media only screen and (min-width:992px) {
    .nbd-top-footer-links ul li {
        display: inline
    }

    .nbd-top-footer-links {
        margin: 0 -15px;
        padding: 24px 105px
    }

    .nbd-top-footer-links .nbd-topfooterlink-heading {
        margin-right: 16px
    }

    .nbd-top-footer-links .nbd-topfooterlinks a {
        margin-left: 16px;
        margin-right: 16px
    }
}

.nbd-vac-wrapper {
    padding: 48px 0 80px 0
}

.nbd-hide-rate {
    display: none
}

.nbd-vac-background-color {
    background-color: #fafafa
}

.show-true {
    display: none
}

.show-sm {
    display: block
}

.nbd-vac-container .nbd-tooltip,
.nbd-vac-container .nbd-tooltip-pvtcard {
    margin: 0 0 0 10px
}

.nbd-vac-container .nbd-text-center {
    max-width: 808px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.nbd-vac-container .nbd-btn-primary {
    display: flex;
    justify-content: center;
    align-items: center
}

.nbd-vac-container .title {
    color: #17252e;
    padding-bottom: 0;
    margin-bottom: 0
}

.nbd-vac-container .nbd-btn-commitment {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}

@media only screen and (min-width:576px) {
    .nbd-vac-container .nbd-btn-commitment {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-vac-container .nbd-btn-commitment {
        font-size: 14px;
        line-height: 22px
    }
}

.nbd-vac-container .subtitle {
    font-weight: 500
}

.nbd-vac-container .card {
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
    border: 0;
    border-radius: 7px;
    background-color: #fff;
    margin-top: 48px
}

.nbd-vac-container .card-body {
    padding: 16px 16px 0 16px
}

.nbd-vac-container .nbd-wcd-header {
    height: 7px;
    width: 100%;
    border-radius: 7px 7px 0 0;
    position: relative
}

.nbd-vac-container .nbd-wcd-header img {
    height: 44px;
    width: 69px;
    position: absolute;
    right: 24px;
    margin-top: -25px
}

.nbd-vac-container .deatil-tooltip-img {
    height: 12px;
    width: 12px
}

.nbd-vac-container .card-title {
    color: #17252e
}

.nbd-vac-container .card-title h4 {
    max-width: 240px;
    margin: 0
}

.nbd-vac-container .card-subtitle {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #17252e;
    padding-top: 0;
    margin-top: 0
}

@media only screen and (min-width:576px) {
    .nbd-vac-container .card-subtitle {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-vac-container .card-subtitle {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-vac-container .card-details {
    margin: 16px 0
}

.nbd-vac-container .card-details-head {
    color: #17252e;
    margin-bottom: 14px
}

.nbd-vac-container .overview-label {
    margin-bottom: 4px;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-vac-container .overview-value {
    color: #17252e;
    margin-bottom: 16px
}

.overview-value span {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-vac-container .nbd-card-benefits {
    display: flex
}

.nbd-vac-container .card-detail-description {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 16px 0
}

.nbd-vac-container .card-detail-infomsg {
    display: inline-flex;
    box-sizing: border-box;
    min-height: 49px;
    width: 100%;
    border: 1.5px solid #bbb;
    border-radius: 6px;
    padding: 8px
}

.nbd-vac-container .card-detail-infomsg span {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #494f50
}

.nbd-vac-container .card-detail-infomsg img {
    height: 12px;
    width: 12px;
    margin: 5px 5px 0 0
}

.nbd-vac-container .nbd-key-benefits h6 {
    color: #17252e;
    padding-bottom: 32px;
    margin-bottom: 0
}

.nbd-vac-container .nbd-key-benefits .nbd-right-tick-green {
    height: 17px;
    width: 25px;
    margin: 0 23px 0 0;
    display: inline-block;
    background-repeat: no-repeat;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/right-tick.svg') */
}

.nbd-vac-container .nbd-card-benefit-info p {
    margin-bottom: 16px;
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-vac-container .nbd-btn {
    margin: 0
}

.nbd-vac-container .nbd-btn-tertiary {
    padding: 0
}

.nbd-vac-container .right-arrow-btn {
    width: 25px
}

.nbd-vac-container .card-footer {
    background-color: transparent;
    border-top: 0;
    padding: 16px 16px 24px 16px
}

.nbd-vac-container .card-footer a {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-vac-container .card-footer a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-vac-container .card-footer a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-vac-container .card-footer a {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-vac-container .card-footer a.nbd-btn-tertiary {
    margin-bottom: 15px
}

.nbd-vac-container .nbd-btn-commitment {
    padding: 14px 0
}

.nbd-vac-container .see-range {
    margin: 25px auto -36px auto;
    max-width: 100%;
    font-weight: 700
}

.nbd-vac-container .show-sm .nbd-pagination-number {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 40px
}

.nbd-vac-container .show-sm .card {
    min-width: 277px
}

.nbd-vac-container .nbd-vac-fees {
    margin: 0
}

.nbd-vac-container .swiper-wrapper {
    flex-flow: row
}

.nbd-vac-container .swiper-slide {
    flex: 1 0 0;
    display: flex;
    height: auto
}

.nbd-vac-container .swiper-pagination-bullet-active {
    background: #17252e !important;
    width: 26px !important;
    border-radius: 35px !important
}

.nbd-vac-container .swiper-pagination-clickable .swiper-pagination-bullet {
    margin: 5px
}

.nbd-vac-container .swiper-pagination-row {
    margin: 10px auto 20px auto
}

.nbd-vac-container .swiper-pagination {
    text-align: center;
    position: relative !important;
    top: 14px;
    margin: 0 auto 0 auto
}

.nbd-vac-container .nbd-swiper-button {
    display: flex;
    padding: 0 !important
}

.nbd-vac-container .swiper-slide {
    width: 100%
}

.nbd-vac-container .swiper-container-horizontal>.swiper-pagination-bullets {
    position: relative !important
}

.nbd-vac-container .swiper-pagination-custom {
    position: relative !important
}

.nbd-vac-container .swiper-pagination-fraction {
    position: relative !important
}

.tooltip {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

.tooltip .tooltip-inner {
    background-color: #17252e;
    border-radius: 5px;
    min-width: 150px;
    max-width: 250px;
    padding: 15px 10px;
    text-align: unset;
    margin-left: 20px
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    border-bottom-color: #17252e !important
}

.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #17252e !important
}

.bs-tooltip-auto[x-placement^=top] .arrow::before {
    border-top-color: #17252e !important
}

.bs-tooltip-top .arrow::before {
    border-top-color: #17252e !important
}

.bs-tooltip-auto[x-placement^=left] .arrow::before {
    border-left-color: #17252e !important
}

.bs-tooltip-left .arrow::before {
    border-left-color: #17252e !important
}

.bs-tooltip-auto[x-placement^=right] .arrow::before {
    border-right-color: #17252e !important
}

.bs-tooltip-right .arrow::before {
    border-right-color: #17252e !important
}

.nbd-vac-container .nbd-vac-description {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
    margin-bottom: 24px
}

@media only screen and (min-width:1025px) {
    .nbd-vac-container .nbd-vac-description {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-vac-container .nbd-vac-account-description {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

@media only screen and (min-width:576px) {
    .nbd-vac-container .nbd-vac-account-description {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-vac-container .nbd-vac-account-description {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-vac-container .nbd-border-bottom {
    width: 100%;
    height: 1px;
    border-bottom: .5px solid #bbb;
    margin-bottom: 23.5px
}

@media only screen and (min-width:768px) {
    .nbd-vac-wrapper {
        padding: 64px 0 80px 0
    }

    .show-true {
        display: flex
    }

    .show-sm {
        display: none
    }

    .nbd-vac-centred {
        display: flex;
        justify-content: center
    }

    .nbd-vac-container .title {
        padding-bottom: 0
    }

    .nbd-vac-container .card {
        min-width: 347px;
        max-width: 350px
    }

    .nbd-vac-container .card-body {
        padding: 24px 24px 0 24px
    }

    .nbd-vac-container .nbd-wcd-header img {
        width: 100px;
        height: 63px
    }

    .nbd-vac-container .nbd-ccd-heading {
        font-size: 20px;
        line-height: 15px
    }

    .nbd-vac-container .card-details {
        margin: 16px 0 24px 0
    }

    .nbd-vac-container .card-details-head {
        margin-bottom: 16px
    }

    .nbd-vac-container .overview-label {
        margin-bottom: 3px
    }

    .nbd-vac-container .nbd-card-benefit-info p {
        margin-bottom: 24px
    }

    .nbd-vac-container .card-footer {
        background-color: transparent;
        border-top: 0;
        padding: 8px 40px 40px 40px
    }

    .nbd-vac-container .row div>div[class^="card"] {
        height: auto
    }

    .nbd-vac-container .nbd-vac-description {
        margin-top: 24px;
        margin-bottom: 32px
    }

    .nbd-vac-container .see-range {
        margin: 56px auto -36px auto
    }
}

@media only screen and (min-width:992px) {
    .nbd-vac-wrapper {
        padding: 80px 0 96px 0
    }

    .nbd-vac-container .title {
        padding-bottom: 0
    }

    .nbd-vac-container .card {
        max-width: 389px;
        min-width: 329px
    }

    .nbd-vac-container .card-details {
        margin: 16px 0 24px 0
    }

    .nbd-vac-container .card-details-head {
        margin-bottom: 21px
    }

    .nbd-vac-container .overview-label {
        margin-bottom: 7px
    }

    .nbd-vac-container .nbd-key-benefits h6 {
        padding-bottom: 40px
    }

    .nbd-vac-container .see-range {
        margin: 64px auto -36px auto
    }

    .nbd-vac-container .nbd-vac-description {
        margin-top: 32px;
        margin-bottom: 56px
    }
}

@media only screen and (min-width:1441px) {
    .nbd-left-align-margin {
        margin-left: 106px !important
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .nbd-vac-container .card {
        max-width: 389px;
        min-width: 388px
    }
}

#stickyheader {
    width: 100%;
    z-index: 1049;
    background-color: #fff
}

#stickyalias,
#stickyaliasMob {
    display: none;
    height: 56px
}

.nbd-navbar-desktop-wrapper .primarynav {
    z-index: 1052
}

.nbd-navbar-desktop-wrapper .primarynav .navwrapper .navbar-nav li a {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 500;
    margin-left: 0;
    padding: 6px 11px
}

@media only screen and (min-width:576px) {
    .nbd-navbar-desktop-wrapper .primarynav .navwrapper .navbar-nav li a {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-navbar-desktop-wrapper .primarynav .navwrapper .navbar-nav li a {
        font-size: 14px;
        line-height: 22px
    }
}

.nbd-navbar-desktop-wrapper .primarynav .navwrapper .navbar-nav li a:hover {
    color: #008533
}

.nbd-navbar-desktop-wrapper .primarynav .navwrapper .navbar-nav li a.active {
    color: #008533
}

.nbd-navbar-desktop-wrapper .primarynav .navwrapper .navbar-nav.primarynavitem li a {
    font-weight: 700;
    color: #17252e
}

.nbd-navbar-desktop-wrapper .primarynav .navwrapper .navbar-nav.primarynavitem li a:hover {
    color: #008533
}

.nbd-navbar-desktop-wrapper .primarynav .navwrapper .navbar-nav.primarynavitem li a.active {
    color: #008533;
    text-decoration: none;
    background-color: transparent
}

.nbd-navbar-desktop-wrapper .secondarynav {
    z-index: 1045
}

.nbd-navbar-desktop-wrapper .dropdown-item {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 500;
    color: #494f50;
    padding: 6px 11px 6px 11px
}

@media only screen and (min-width:576px) {
    .nbd-navbar-desktop-wrapper .dropdown-item {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-navbar-desktop-wrapper .dropdown-item {
        font-size: 16px;
        line-height: 24px
    }
}

.nbd-navbar-desktop-wrapper .dropdown-item:focus,
.nbd-navbar-desktop-wrapper .dropdown-item:hover {
    background-color: transparent;
    color: #17252e
}

.nbd-navbar-desktop-wrapper .dropdown-item.dropdown-item-heading {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #17252e;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    cursor: default;
    background-color: #fff
}

.nbd-navbar-desktop-wrapper .dropdown-item.dropdown-item-heading:hover {
    color: #17252e;
    background-color: #fff
}

@media only screen and (min-width:1024px) {
    .nbd-navbar-desktop-wrapper {
        -webkit-transition: all .5s ease;
        -moz-transition: position 5s;
        -ms-transition: position 5s;
        -o-transition: position 5s;
        transition: all .5s ease;
        scroll-behavior: smooth
    }

    .nbd-navbar-desktop-wrapper .navbar {
        flex-flow: wrap;
        padding: 0
    }

    .nbd-navbar-desktop-wrapper .navbar .primarynav {
        width: 100%;
        display: flex;
        background-color: #f2f9f5
    }

    .nbd-navbar-desktop-wrapper .navbar .primarynav .navwrapper {
        width: 100%;
        display: flex;
        background: #f2f9f5;
        justify-items: center;
        align-items: center;
        padding: 15px 64px 15px 0
    }

    .nbd-navbar-desktop-wrapper .navbar .primarynav .navwrapper .navbar-brand.stickymenuitem {
        top: 10px;
        position: fixed;
        transition: top .5s ease 0
    }

    .nbd-navbar-desktop-wrapper .navbar .primarynav .navwrapper .navbar-brand.stickymenuitem.sticky {
        position: fixed;
        z-index: 110;
        left: 0;
        top: 10px
    }

    .nbd-navbar-desktop-wrapper .navbar .primarynav .navwrapper .primarynavitem {
        padding: 0 0 0 160px
    }

    .nbd-navbar-desktop-wrapper .navbar .primarynav .navwrapper .primarynavitem li:first-child a.dropdown-item {
        padding: 6px 11px 6px 0
    }

    .nbd-navbar-desktop-wrapper .navbar .secondarynav {
        padding: 0 0 0 160px;
        background: #fff;
        width: 100%;
        -webkit-transition: all .5s ease;
        -moz-transition: position 5s;
        -ms-transition: position 5s;
        -o-transition: position 5s;
        transition: all .5s ease
    }

    .nbd-navbar-desktop-wrapper .navbar .secondarynav.sticky {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 100;
        border-top: 0
    }

    .nbd-navbar-desktop-wrapper .navbar .secondarynav .navbar-nav .nav-item .dropdown-menu.show .dropdown-item {
        padding: 16px 32px;
        border-radius: 0 0 6px 6px
    }

    .nbd-navbar-desktop-wrapper .navbar .secondarynav .navbar-nav .nav-item .dropdown-menu.show .dropdown-item:hover {
        background-color: #fafafa
    }

    .nbd-navbar-desktop-wrapper .navbar .secondarynav .navbar-nav .nav-item .dropdown-menu.show .dropdown-item:first-child:hover {
        background-color: transparent
    }

    .nbd-navbar-desktop-wrapper .navbar-nav.primarysubitem {
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

    .nbd-navbar-desktop-wrapper .navbar-nav.primarysubitem .nav-item {
        top: 0;
        transition: top 1s ease 0
    }

    .nbd-navbar-desktop-wrapper .navbar-nav.primarysubitem .nav-item .nav-link {
        padding: inherit;
        display: flex
    }

    .nbd-navbar-desktop-wrapper .navbar-nav.primarysubitem .nav-item .nav-link:hover {
        padding: inherit
    }

    .nbd-navbar-desktop-wrapper .navbar-nav.primarysubitem .nav-item .nav-link span {
        padding-right: 10px
    }

    .nbd-navbar-desktop-wrapper .navbar-nav.primarysubitem .nav-item .nav-link:hover {
        padding: 0
    }

    .nbd-navbar-desktop-wrapper .navbar-nav.primarysubitem .nav-item .nav-link img {
        height: 24px;
        width: auto
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item .nav-link.highlight .nbd-nav-highlight {
        height: 4px;
        width: calc(100% - 24px);
        fill: #008533;
        background: #008533;
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item.show .nav-link .nbd-nav-highlight {
        height: 4px;
        width: calc(100% - 24px);
        fill: #008533;
        background: #008533;
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item .nav-link {
        color: #17252e;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item .nav-link:first-child {
        margin-left: 0
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item .nav-link .nbd-nav-highlight {
        display: none
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item .nav-link:hover .nbd-nav-highlight {
        height: 4px;
        width: calc(100% - 24px);
        fill: #008533;
        background: #008533;
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item .nav-link.nosubmenus:hover .nbd-nav-highlight {
        width: calc(100% - 24px)
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item .nav-link.stickymenuitem img {
        top: 0;
        position: relative;
        transition: top .5s ease 0
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item .nav-link.stickymenuitem.sticky {
        position: fixed;
        z-index: 110;
        padding: 6px 11px
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item .nav-link.stickymenuitem.sticky span {
        display: none
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item:nth-last-child(1) .stickymenuitem.sticky {
        right: 65px;
        top: 0
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item:nth-last-child(1) .stickymenuitem.sticky img {
        top: 16px
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item:nth-last-child(2) .stickymenuitem.sticky {
        right: 120px;
        top: 0
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item:nth-last-child(2) .stickymenuitem.sticky img {
        top: 16px
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item:nth-last-child(3) .stickymenuitem.sticky {
        right: 180px;
        top: 0
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item:nth-last-child(3) .stickymenuitem.sticky img {
        top: 16px
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item:nth-last-child(4) .stickymenuitem.sticky {
        right: 240px;
        top: 0
    }

    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item:nth-last-child(4) .stickymenuitem.sticky img {
        top: 16px
    }

    .nbd-navbar-desktop-wrapper .dropdown .dropdown-toggle:after {
        opacity: 40%;
        margin-left: .5em
    }

    .nbd-navbar-desktop-wrapper .dropdown:hover .dropdown-toggle:after {
        border-bottom: .3em solid;
        border-top: 0
    }

    .nbd-navbar-desktop-wrapper .dropdown-menu {
        border-radius: 6px;
        background-color: #fff;
        box-shadow: 3px 3px 16px 0 rgba(0, 0, 0, 0.12);
        border: 0;
        padding: 8px 0 0 0;
        top: 62px
    }

    .nbd-navbar-desktop-wrapper .dropdown-menu.show {
        z-index: 3000
    }

    .nbd-navbar-desktop-wrapper .nbd-hamburger-menu-btn {
        right: 0;
        top: 0;
        position: fixed;
        cursor: pointer
    }

    .nbd-navbar-desktop-wrapper .nbd-hamburger-menu-btn img {
        height: 64px;
        width: 64px;
        background: #006341;
        padding: 20px
    }

    .nbd-navbar-desktop-wrapper .nbd-hamburger-menu-btn.sticky {
        position: fixed;
        width: 100%;
        right: 0;
        top: 0;
        z-index: 110;
        border-top: 0
    }

    .nbd-navbar-desktop-wrapper .menublock {
        position: absolute;
        top: 0;
        right: 0;
        bottom: inherit;
        left: inherit;
        z-index: 100;
        width: 64px;
        height: 64px;
        background: #006341;
        box-shadow: 0 0 0 0 #FFF, 0 0 0 0 #FFF;
        cursor: pointer
    }

    .nbd-navbar-desktop-wrapper .menublock::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0
    }

    .nbd-navbar-desktop-wrapper .menublock .hamburger {
        position: relative;
        top: 28px;
        right: inherit;
        bottom: inherit;
        left: 24px;
        width: 30px;
        height: 2px;
        background: #fff;
        display: block;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transition: all .5s ease;
        -moz-transition: position 5s;
        -ms-transition: position 5s;
        -o-transition: position 5s;
        transition: all .5s ease
    }

    .nbd-navbar-desktop-wrapper .menublock .hamburger::after,
    .nbd-navbar-desktop-wrapper .menublock .hamburger::before {
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        content: "";
        position: absolute;
        top: initial;
        right: 0;
        bottom: initial;
        left: initial;
        display: block;
        width: 130%;
        height: 100%;
        background: #fff
    }

    .nbd-navbar-desktop-wrapper .menublock .hamburger:before {
        top: -10px
    }

    .nbd-navbar-desktop-wrapper .menublock .hamburger:after {
        bottom: -10px;
        width: 70%
    }

    .nbd-navbar-desktop-wrapper .nbd-hamburger-close-icon.menublock {
        border-radius: 0
    }

    .nbd-navbar-desktop-wrapper .nbd-hamburger-close-icon.menublock .hamburger {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 32px;
        height: 1.5px;
        position: relative;
        top: 28px;
        right: inherit;
        bottom: inherit;
        left: 12px
    }

    .nbd-navbar-desktop-wrapper .nbd-hamburger-close-icon.menublock .hamburger:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        top: initial;
        right: initial;
        bottom: 0;
        left: initial;
        width: auto
    }

    .nbd-navbar-desktop-wrapper .nbd-hamburger-close-icon.menublock .hamburger:before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        top: 0;
        right: initial;
        bottom: initial;
        left: initial;
        width: 100%
    }

    .nbd-hamburger-menu-wrapper .nbd-hamburger-close-icon.menublock {
        border-radius: 0
    }

    .nbd-hamburger-menu-wrapper .nbd-hamburger-close-icon.menublock::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0
    }

    .nbd-hamburger-menu-wrapper .nbd-hamburger-close-icon.menublock .hamburger {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 32px;
        height: 1.5px;
        background: #fff;
        display: block;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        position: relative;
        top: 28px;
        right: inherit;
        bottom: inherit;
        left: 12px
    }

    .nbd-hamburger-menu-wrapper .nbd-hamburger-close-icon.menublock .hamburger::after {
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        content: "";
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        top: initial;
        right: initial;
        bottom: 0;
        left: initial;
        width: auto;
        height: 100%;
        background: #fff;
        display: block
    }

    .nbd-hamburger-menu-wrapper .nbd-hamburger-close-icon.menublock .hamburger::before {
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        content: "";
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        top: 0;
        right: initial;
        bottom: initial;
        left: initial;
        width: 100%;
        height: 100%;
        background: #fff;
        display: block
    }
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px)
    }

    100% {
        transform: translateY(0)
    }
}

.nbd-fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.nbd-fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.nbd-fadeInDown-two {
    -webkit-animation-name: fadeInDown-two;
    animation-name: fadeInDown-two;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInDown-two {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown-two {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.nbd-fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.nbd-fadeInDown:hover {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.nbd-fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.nbd-fadeInTransition {
    -webkit-transition: all .5s cubic-bezier(0.02, 0.8, 0.64, 1);
    -moz-transition: all .5s cubic-bezier(0.02, 0.8, 0.64, 1);
    -o-transition: all .5s cubic-bezier(0.02, 0.8, 0.64, 1);
    -ms-transition: all .5s cubic-bezier(0.02, 0.8, 0.64, 1);
    transition: all .5s cubic-bezier(0.02, 0.8, 0.64, 1)
}

.nbd-fadeInTransition:hover {
    -webkit-transition: all .5s cubic-bezier(0.02, 0.8, 0.64, 1);
    -moz-transition: all .5s cubic-bezier(0.02, 0.8, 0.64, 1);
    -o-transition: all .5s cubic-bezier(0.02, 0.8, 0.64, 1);
    -ms-transition: all .5s cubic-bezier(0.02, 0.8, 0.64, 1);
    transition: all .5s cubic-bezier(0.02, 0.8, 0.64, 1)
}

.nbd-fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.nbd-fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.nbd-fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width:1025px) {

    .nbd-hamburger-menu-levelTwo .col-3,
    .nbd-hamburger-menu-levelTwo .row,
    .nbd-hamburger-menu-levelTwo .col-9 {
        margin: 0;
        padding: 0
    }

    .nbd-hamburger-menu-back {
        padding: 40px 0 50px 0
    }

    .nbd-hamburger-menu-back a {
        color: #fff
    }

    .nbd-hamburger-menu-back .nbd-left-arrow {
        display: inline-block;
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/back_white_Arrow.svg'); */
        height: 13px;
        width: 22px;
        margin: 5px 8px 0 18px;
        transition: transform 900ms
    }

    .nbd-hamburger-menu-back:hover .nbd-left-arrow {
        transform: translateX(-8px)
    }

    .nbd-hm-level-one-selected .right-half-arrow {
        float: right;
        margin: 5px 0 0 16px
    }

    .nbd-hm-level-one-selected {
        color: #f2f9f5;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        font-size: 28px;
        letter-spacing: 0;
        line-height: 36px;
        text-align: right;
        padding-right: 20px;
        opacity: .8
    }

    .nbd-hm-level-two-sections {
        float: left
    }

    .nbd-hm-level-two-sections {
        margin: 0 24px 0 0
    }

    .nbd-hm-level-two-sections+.nbd-hm-level-two-sections {
        margin: 0 0 0 24px
    }

    .nbd-hm-level-two-title {
        color: #fff;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        font-size: 28px;
        letter-spacing: 0;
        line-height: 36px;
        margin: 0 0 42px 0
    }

    .nbd-hm-level-two-desc {
        min-height: 103px;
        max-width: 292px;
        color: #f2f9f5;
        opacity: .8;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 14px 0
    }

    .nbd-hm-level-two-extra-links .nbd-hm-l2-wrapper,
    .nbd-hm-level-two-extra-links .nbd-hm-l2-link {
        list-style: none;
        padding: 0;
        margin: 0 0 14px 0
    }

    .nbd-hm-level-two-extra-links a {
        color: #f2f9f5;
        opacity: .8;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        outline: 0;
        display: flex;
        align-items: center
    }

    .nbd-hm-level-two-extra-links a:hover {
        color: #fff
    }

    .nbd-icon-white-arrow {
        display: block;
        background-image: url('../../../assets/static/media/icons/arrow-white.svg');
        height: 13px;
        width: 24px;
        margin: 5px 0 0 14px;
        transition: transform 900ms
    }

    .nbd-hm-l2-link a:hover .nbd-icon-white-arrow,
    .nbd-hm-l2-link:hover .nbd-icon-white-arrow {
        transform: translateX(8px)
    }

    .nbd-hm-level-three-links .nbd-hm-l3-wrapper,
    .nbd-hm-level-three-links .nbd-hm-l3-multi-link {
        list-style: none;
        padding: 0
    }

    .nbd-hm-level-three-links .nbd-hm-l3-multi-link:hover .nbd-hm-l3-link-title,
    .nbd-hm-level-three-links .nbd-hm-l3-multi-link:hover .nbd-hm-l3-link-des,
    .nbd-hm-level-three-links .nbd-hm-l3-single-link:hover a {
        color: #fff
    }

    .nbd-hm-level-three-links .nbd-hm-l3-multi-link:hover .right-half-small-arrow {
        transform: translateX(5px)
    }

    .nbd-hm-level-three-links .nbd-hm-l3-multi-link:hover {
        border-radius: 6px;
        background-color: #006341;
        transform: scale(1.05)
    }

    .nbd-hm-level-three-links .nbd-hm-l3-wrapper {
        color: #f2f9f5;
        opacity: .8;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }

    .nbd-hm-level-three-links .nbd-hm-l3-multi-link {
        min-width: 285px;
        padding: 0 0 0 18px;
        margin: 0 0 18px 0;
        position: relative;
        cursor: pointer
    }

    .nbd-hm-level-three-links .nbd-hm-l3-multi-link a {
        outline: 0
    }

    .nbd-hm-l3-link-title {
        color: #f2f9f5;
        opacity: .8;
        padding: 8px 0 2px 0;
        margin: 0
    }

    .nbd-hm-l3-link-desc {
        color: #f2f9f5;
        opacity: .8;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 18px 0
    }

    .right-half-arrow {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/right_half_arrow.svg'); */
        width: 24px;
        height: 24px;
        display: block
    }

    .right-half-small-arrow {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/right_half_small_arrow.svg'); */
        width: 24px;
        height: 24px;
        display: block;
        transition: transform 900ms
    }

    .nbd-hm-l3-multi-link .right-half-small-arrow {
        float: right;
        position: relative;
        top: -18px;
        right: inherit;
        bottom: inherit;
        left: -14px
    }

    .nbd-hm-l3-single-link {
        list-style: none;
        margin: 0 0 11px 0;
        padding: 0 0 0 15px
    }

    .nbd-hm-l3-single-link a {
        color: #f2f9f5;
        opacity: .8;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .nbd-hm-level-four-links {
        position: absolute;
        top: 5px;
        right: inherit;
        bottom: inherit;
        left: 250px;
        float: right;
        width: 100%;
        display: none
    }

    .nbd-hm-level-three-links .nbd-hm-l4-link:hover a {
        color: #fff
    }

    .nbd-hm-l3-multi-link:hover .nbd-hm-level-four-links {
        display: block
    }

    .nbd-hm-l4-link {
        list-style: none;
        margin: 0 0 11px 0;
        padding: 0 0 0 15px
    }

    .nbd-hm-l4-link a {
        color: #f2f9f5;
        opacity: .8;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) and only screen and (min-width:1025px) {
    .nbd-hm-level-two-extra-links a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) and only screen and (min-width:1025px) {
    .nbd-hm-l3-single-link a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) and only screen and (min-width:1025px) {
    .nbd-hm-l4-link a {
        font-size: 18px;
        line-height: 26px
    }
}

.displayHide {
    display: none
}

.nbd-hamburger-menu-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1061;
    background-color: #006341;
    min-height: 100vh
}

.nbd-hamburger-menu-wrapper::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
    background-color: #006341;
    filter: brightness(0.8)
}

.nbd-navbar-desktop-wrapper .navbar-nav .nav-item.dropdown .nav-link {
    margin-right: 16px;
    color: #17252e;
    display: flex;
    align-items: center;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 500
}

@media only screen and (min-width:576px) {
    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item.dropdown .nav-link {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item.dropdown .nav-link {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (min-width:500px) {
    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item.dropdown .nav-link {
        margin-right: 24px;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 500
    }
}

@media only screen and (min-width:500px) and only screen and (min-width:576px) {
    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item.dropdown .nav-link {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:500px) and only screen and (min-width:1025px) {
    .nbd-navbar-desktop-wrapper .navbar-nav .nav-item.dropdown .nav-link {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1024px) and (max-width:1200px) {
    .m-r-92 {
        margin-right: 16px
    }

    .m-r-92 .nav-link {
        margin-left: 8px !important
    }

    .search-icon-div {
        margin-right: 20px
    }

    .nbd-navbar-desktop-wrapper .nav-link {
        margin-left: 15px !important;
        margin-right: 15px !important
    }

    .navbar-expand-lg .m-r-92 .dropdown-menu {
        position: absolute;
        left: -120px
    }
}

@media only screen and (min-width:1200px) {
    .search-icon-div {
        margin-right: 20px
    }

    .search-icon-div button span {
        padding-right: 10px
    }

    .nbd-navbar-desktop-wrapper .nav-link {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media only screen and (min-width:1024px) {
    .nbd-navbar-desktop-wrapper .navbar-brand {
        margin-right: 20px;
        height: 38px;
        padding: 0
    }

    .nbd-navbar-desktop-wrapper .navbar-brand img {
        width: 100%;
        height: 100%
    }

    .lock-icon {
        height: 24px;
        width: 24px;
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/Signin.svg'); */
        border: 0;
        outline: 0;
        display: block
    }

    .m-r-92 .dropdown:hover .lock-icon {
        outline: 0;
        border: 0;
        display: inline-block;
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/lock-icon-green.svg') */
    }

    .nbd-navbar-desktop-wrapper .navbar-nav.m-r-92 .nav-item.dropdown:hover .nav-link {
        color: #008533
    }

    .m-r-92 .dropdown-item:hover .diagonal-arrow-black {
        visibility: visible
    }

    .m-r-92 .diagonal-arrow-black {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/diagonal-arrow-black.svg'); */
        width: 24px;
        height: 24px;
        visibility: hidden;
        transition: transform 900ms;
        display: inline-block !important;
        margin-left: 8px
    }

    .m-r-92 .dropdown-menu a {
        display: flex;
        justify-content: space-between
    }

    .search-icon-div button {
        background-color: transparent;
        border: 0;
        padding: 0;
        margin: 0
    }

    .search-icon-div button:focus,
    .search-icon-div button:hover,
    .search-icon-div button:visited {
        outline: 0
    }

    .nbd-hamburger-menu-wrapper .nbd-hamburger-menu-desk .row .card-deck .card,
    .nbd-hamburger-menu-wrapper .nbd-hamburger-menu-desk .row .card-deck {
        display: flex
    }

    .nbd-hamburger-menu-wrapper .card-deck .card .card-body {
        display: block;
        z-index: 1
    }

    .nbd-hamburger-menu-wrapper {
        padding: 0;
        margin-top: 0
    }

    .nbd-hamburger-menu-mob {
        display: none
    }

    .nbd-hamburger-menu-wrapper .nbd-hamburger-menu-desk {
        padding-top: 42px
    }

    .nbd-hamburger-menu-desk .nbd-hamburger-top-bar {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #006341;
        filter: brightness(0.8);
        width: 100%
    }

    .nbd-hamburger-menu-desk .nbd-hamburger-top-bar::before {
        content: "";
        width: 100%;
        height: 100%;
        left: 0
    }

    .nbd-hamburger-menu-desk .nbd-logo {
        height: 32px;
        width: 32px;
        margin: 13px 8px 13px 105px
    }

    .nbd-hamburger-menu-desk .nbd-hamburger-icon {
        background: #006341;
        padding: 15px;
        height: 56px;
        width: 56px;
        float: right;
        cursor: pointer
    }

    .nbd-hamburger-menu-desk .nbd-hamburger-close-icon {
        height: 56px;
        width: 56px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer
    }

    .nbd-hamburger-menu-levelOne .row,
    .nbd-hamburger-menu-levelOne .col-9,
    .nbd-hamburger-menu-levelOne .col-3 {
        margin: 0;
        padding: 0
    }

    .nbd-hamburger-menu-levelOne .nbd-first_level_menu {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding-right: 72px
    }

    .nbd-hamburger-menu-levelOne .card-deck .card {
        cursor: pointer
    }

    .nbd-hamburger-menu-levelOne .card-deck .nbd-menu-green-card {
        border: 0;
        min-width: 250px;
        max-width: 250px;
        min-height: 176px;
        background-color: #006341;
        color: #fff;
        border-radius: 12px
    }

    .nbd-hamburger-menu-levelOne .card-deck .nbd-menu-green-card::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        background-color: #006341;
        filter: brightness(0.8)
    }

    .nbd-hamburger-menu-levelOne .nbd-first_level_menu .menu-item {
        color: #f2f9f5;
        opacity: .7;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        font-size: 28px;
        letter-spacing: 0;
        line-height: 64px;
        text-align: right;
        cursor: pointer
    }

    .nbd-hamburger-menu-levelOne .nbd-first_level_menu .menu-item.selectedMenu,
    .nbd-hamburger-menu-levelOne .nbd-first_level_menu .menu-item:hover {
        color: #fff;
        opacity: 1
    }

    .nbd-hamburger-menu-levelOne .selected-menu-desc {
        color: #fff;
        font-family: 'Libre Franklin', sans-serif;
        font-size: 28px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 36px;
        margin-bottom: 33px;
        margin-top: 16px
    }

    .nbd-hamburger-menu-levelOne .nbd-menu-green-card .card-title {
        color: #fff;
        justify-content: space-between;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }

    .nbd-hamburger-menu-levelOne .nbd-menu-green-card .card-text {
        color: #f2f9f5;
        opacity: .8;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        margin-top: 31px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }

    .nbd-hamburger-menu-levelOne .nbd-menu-green-card .card-body {
        padding: 30px 24px 29px 24px
    }

    .nbd-hamburger-menu-levelOne .menu-divider {
        height: 1px;
        width: 227px;
        opacity: .4;
        background-color: #fff;
        margin-top: 20px
    }

    .nbd-hamburger-menu-levelOne .card.nbd-menu-white-card {
        min-width: 250px;
        max-width: 250px;
        border-radius: 12px;
        background-color: #fff;
        margin: 20px;
        min-height: 156px
    }

    .nbd-hamburger-menu-levelOne .nbd-menu-white-card .card-body {
        padding: 30px 24px 29px 24px
    }

    .nbd-hamburger-menu-levelOne .card.nbd-menu-white-card .card-title {
        color: #000;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        padding: 0 0 29px 0;
        margin: 0
    }

    .nbd-hamburger-menu-levelOne .nbd-menu-item-arrow {
        float: right;
        display: none;
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/Hover_right_arrow_02.svg'); */
        width: 33px;
        height: 15px
    }

    .nbd-hamburger-menu-levelOne .nbd-menu-item-arrow-green {
        margin: auto;
        display: block;
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/Hover_right_arrow_01.svg'); */
        width: 24px;
        height: 15px
    }

    .nbd-hamburger-menu-levelOne .nbd-menu-green-card:hover {
        border-radius: 12px;
        background-color: #006341;
        transform: scale(1.03);
        z-index: 1000
    }

    .nbd-hamburger-menu-levelOne .nbd-menu-green-card:hover::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        border-radius: 12px;
        transform: scale(1.03);
        left: 0;
        background-color: #006341;
        filter: brightness(1)
    }

    .nbd-hamburger-menu-levelOne .nbd-menu-white-card:hover .nbd-menu-item-arrow-green {
        transition: transform 900ms;
        transform: translateX(8px)
    }

    .nbd-hamburger-menu-levelOne .nbd-menu-green-card:hover .nbd-menu-item-arrow {
        display: block;
        transition: transform 900ms;
        transform: translateX(8px)
    }

    .nbd-hamburger-menu-levelOne .nbd-menu-green-card:hover .card-text {
        color: #fff
    }

    .nbd-hamburger-menu-levelOne .menu-item-secondary,
    .nbd-hamburger-menu-levelOne .menu-item-secondary a {
        color: #fff;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: right;
        margin-top: 20px;
        cursor: pointer
    }

    .nbd-hamburger-menu-levelOne .menu-item-secondary img {
        height: 18px;
        width: 18px;
        margin-right: 8px
    }
}

@media only screen and (min-width:1024px) and only screen and (min-width:1025px) {
    .nbd-hamburger-menu-levelOne .card.nbd-menu-white-card .card-title {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1440px) {
    .nbd-hamburger-menu-levelOne .card-deck .nbd-menu-green-card {
        min-width: 275px;
        max-width: 275px
    }
}

@media only screen and (max-width:1023px) {
    .nbd-hamburger-menu-wrapper {
        padding: 0;
        top: 48px;
        height: -webkit-fill-available;
        min-height: -webkit-fill-available
    }

    .nbd-hamburger-menu-wrapper .nbd-hamburger-menu-mob {
        overflow-y: scroll;
        height: 100%
    }

    .nbd-hamburger-menu-desk {
        display: none
    }

    .nbd-hamburger-menu-mob {
        display: block
    }

    .bottom-border {
        height: 1px;
        width: 100%;
        margin-left: 15px;
        margin-right: 15px;
        opacity: .3;
        background-color: #fff
    }

    .white-lock-icon {
        height: 24px;
        width: 24px;
        margin-right: 4px;
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/white-lock.svg'); */
        border: 0;
        outline: 0;
        display: block;
        position: relative;
        top: 0;
        right: initial;
        bottom: initial;
        left: initial;
        float: left
    }

    .nbd-navbar-desktop-wrapper .navbar {
        display: none
    }

    .nbd-hamburger-menu-mob .nbd-hamburger-top-bar {
        background-color: #fff;
        z-index: 1030;
        width: 100%
    }

    .nbd-hamburger-menu-mob .nbd-hamburger-top-bar .navbar-nav .nav-item.dropdown .nav-link {
        font-weight: 700
    }

    .nbd-hamburger-menu-mob .nbd-hamburger-inner-top-bar {
        z-index: 1061;
        width: 100%;
        background-color: #006341;
        position: fixed;
        top: 0;
        filter: brightness(0.8)
    }

    .nbd-hamburger-menu-mob .nbd-logo {
        height: 32px;
        width: 32px;
        margin: 12px 18px 12px 18px
    }

    .nbd-hamburger-menu-mob .nbd-hamburger-icon {
        background: #006341;
        padding: 0;
        cursor: pointer
    }

    .nbd-hamburger-menu-mob .nbd-hamburger-close-icon {
        height: 56px;
        width: 56px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: inherit;
        left: inherit;
        cursor: pointer
    }

    .nbd-hamburger-menu-mob .nbd-hm-l1-wrapper {
        margin: 25px 18px;
        padding: 8px 0 0 0
    }

    .nbd-hamburger-menu-mob .nbd-hm-l1-wrapper li.nav-item {
        list-style: none;
        cursor: pointer;
        border: 0;
        padding: 12px 18px 12px 0
    }

    .nbd-hamburger-menu-mob .nbd-hm-l1-wrapper li.nav-item .nav-link {
        color: #fff;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        font-weight: 700;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 500;
        text-decoration: none;
        outline: 0
    }

    .nbd-hamburger-menu-mob .nbd-hm-l1-wrapper li.nav-item .nav-link img {
        width: 24px;
        height: 24px;
        margin-right: 10px
    }

    .nbd-hamburger-menu-mob .nbd-hm-l1-link {
        padding: 16px 0 16px 0;
        list-style: none;
        cursor: pointer;
        border-top: 1px solid #779087
    }

    .nbd-hamburger-menu-mob .nbd-hm-l1-link:last-child {
        border-bottom: 1px solid #779087
    }

    .nbd-hamburger-menu-mob .nbd-hm-l1-link.nav-item:first-child {
        margin-top: 28px
    }

    .nbd-hamburger-menu-mob .nbd-hm-l1-link a {
        color: #fff;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 500;
        text-decoration: none;
        outline: 0
    }

    .nbd-hamburger-menu-mob ul.mobprimarysubitem {
        margin: 25px 18px;
        padding: 8px 0 0 0
    }

    .nbd-hamburger-menu-mob ul.mobprimarysubitem li.nav-item {
        list-style: none;
        cursor: pointer;
        border: 0;
        padding: 12px 18px 12px 0
    }

    .nbd-hamburger-menu-mob ul.mobprimarysubitem li.nav-item .nav-link {
        color: #fff;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        font-weight: 700;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 500;
        text-decoration: none;
        outline: 0
    }

    .nbd-hamburger-menu-mob ul.mobprimarysubitem li.nav-item .nav-link img {
        width: 24px;
        height: 24px;
        margin-right: 10px
    }

    .nbd-hamburger-menu-mob .right-half-small-arrow {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/right_half_arrow_mb.svg'); */
        width: 24px;
        height: 24px;
        display: block;
        transition: transform 900ms;
        float: right
    }

    .nbd-hamburger-menu-mob .diagonal-arrow {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/diagonal-arrow-white.svg'); */
        width: 24px;
        height: 24px;
        display: block;
        transition: transform 900ms;
        float: right
    }

    .nbd-hamburger-menu-mob .menublock {
        position: absolute;
        top: 0;
        right: 0;
        bottom: inherit;
        left: inherit;
        z-index: 100;
        width: 56px;
        height: 56px;
        background: #006341;
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        box-shadow: 0 0 0 0 #FFF, 0 0 0 0 #FFF;
        cursor: pointer
    }

    .nbd-hamburger-menu-mob .menublock .hamburger {
        position: relative;
        top: 25px;
        right: inherit;
        bottom: inherit;
        left: 18px;
        width: 25px;
        height: 2px;
        background: #fff;
        display: block;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out
    }

    .nbd-hamburger-menu-mob .menublock .hamburger:after,
    .nbd-hamburger-menu-mob .menublock .hamburger:before {
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        content: "";
        position: absolute;
        top: initial;
        right: 0;
        bottom: initial;
        left: initial;
        display: block;
        width: 120%;
        height: 100%;
        background: #fff
    }

    .nbd-hamburger-menu-mob .menublock .hamburger:before {
        top: -8px
    }

    .nbd-hamburger-menu-mob .menublock .hamburger:after {
        bottom: -8px;
        width: 80%
    }

    .nbd-hamburger-menu-mob .menublock.nbd-hamburger-close-icon {
        border-radius: 0
    }

    .nbd-hamburger-menu-mob .menublock.nbd-hamburger-close-icon::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0
    }

    .nbd-hamburger-menu-mob .menublock.nbd-hamburger-close-icon .hamburger {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 32px;
        height: 1.5px;
        background: #fff;
        display: block;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        position: relative;
        top: 28px;
        right: inherit;
        bottom: inherit;
        left: 12px
    }

    .nbd-hamburger-menu-mob .menublock.nbd-hamburger-close-icon .hamburger::after {
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        content: "";
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        top: initial;
        right: initial;
        bottom: 0;
        left: initial;
        width: auto;
        height: 100%;
        background: #fff;
        display: block
    }

    .nbd-hamburger-menu-mob .menublock.nbd-hamburger-close-icon .hamburger::before {
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        content: "";
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        top: 0;
        right: initial;
        bottom: initial;
        left: initial;
        width: 100%;
        height: 100%;
        background: #fff;
        display: block
    }

    .search-login {
        display: inline-flex;
        float: right;
        padding-top: 15px;
        margin-right: 60px
    }

    .search-login li.nav-item {
        list-style-type: none
    }

    .search-login li.nav-item .nav-link {
        display: none
    }

    .search-login li.nav-item .nav-link.mobnavsubitem {
        display: inline-flex
    }

    .search-login li.nav-item .nav-link.mobnavsubitem>span {
        padding-right: 10px;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 400
    }

    .search-login a {
        margin-right: 20px;
        cursor: pointer
    }

    .nbd-hm-divider {
        height: 1px;
        opacity: .3;
        background-color: #fff;
        margin: 16px 18px 16px 18px;
        border: 0
    }

    .nbd-hamburger-menu-mob .nbd-hm-l2-wrapper,
    .nbd-hamburger-menu-mob .nbd-hm-l3-wrapper,
    .nbd-hamburger-menu-mob .nbd-hm-l4-wrapper {
        margin: 0;
        padding: 0
    }

    .nbd-hamburger-menu-mob .nbd-hm-l2-links-header,
    .nbd-hamburger-menu-mob .nbd-hm-l3-links-header,
    .nbd-hamburger-menu-mob .nbd-hm-l4-links-header {
        color: #fff;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        padding: 8px 18px 0 18px
    }

    .nbd-hamburger-menu-mob .nbd-hm-l2-link,
    .nbd-hamburger-menu-mob .nbd-hm-l3-link,
    .nbd-hamburger-menu-mob .nbd-hm-l4-link {
        padding: 13px 18px 17px 18px;
        list-style: none;
        cursor: pointer;
        color: #fff
    }

    .nbd-hamburger-menu-mob .nbd-hm-l2-link a,
    .nbd-hamburger-menu-mob .nbd-hm-l3-link a,
    .nbd-hamburger-menu-mob .nbd-hm-l4-link a {
        color: #fff;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-decoration: none;
        outline: 0
    }

    .nbd-hamburger-menu-mob .nbd-hamburger-menu-back {
        padding: 16px 0 16px 0;
        color: #fff;
        font-weight: 700;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        display: flex;
        cursor: pointer;
        width: max-content
    }

    .nbd-hamburger-menu-mob .nbd-left-arrow {
        display: block;
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/back_white_Arrow.svg'); */
        height: 13px;
        width: 22px;
        margin: 5px 8px 0 18px;
        transition: transform 900ms
    }

    .nbd-hamburger-menu-mob .nbd-hamburger-menu-back:hover .nbd-left-arrow {
        transform: translateX(-8px)
    }

    .nbd-hamburger-menu-mob .navbar-nav {
        display: inline-flex
    }

    .nbd-hamburger-menu-mob .nav-link {
        color: #17252e;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        padding: 0
    }

    .nbd-hamburger-menu-mob .dropdown-item {
        color: #17252e;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        padding: 4px 24px
    }

    .nbd-hamburger-menu-mob .dropdown-menu.show {
        border-radius: 5px;
        background-color: #fff;
        box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25)
    }
}

@media only screen and (max-width:1023px) and only screen and (min-width:576px) {
    .nbd-hamburger-menu-mob .nbd-hm-l1-wrapper li.nav-item .nav-link {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (max-width:1023px) and only screen and (min-width:1025px) {
    .nbd-hamburger-menu-mob .nbd-hm-l1-wrapper li.nav-item .nav-link {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (max-width:1023px) and only screen and (min-width:1025px) {
    .nbd-hamburger-menu-mob .nbd-hm-l1-link a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (max-width:1023px) and only screen and (min-width:576px) {
    .nbd-hamburger-menu-mob .nbd-hm-l1-link a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (max-width:1023px) and only screen and (min-width:1025px) {
    .nbd-hamburger-menu-mob .nbd-hm-l1-link a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (max-width:1023px) and only screen and (min-width:576px) {
    .nbd-hamburger-menu-mob ul.mobprimarysubitem li.nav-item .nav-link {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (max-width:1023px) and only screen and (min-width:1025px) {
    .nbd-hamburger-menu-mob ul.mobprimarysubitem li.nav-item .nav-link {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (max-width:1023px) and only screen and (min-width:576px) {

    .nbd-hamburger-menu-mob .nbd-hm-l2-links-header,
    .nbd-hamburger-menu-mob .nbd-hm-l3-links-header,
    .nbd-hamburger-menu-mob .nbd-hm-l4-links-header {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (max-width:1023px) and only screen and (min-width:1025px) {

    .nbd-hamburger-menu-mob .nbd-hm-l2-links-header,
    .nbd-hamburger-menu-mob .nbd-hm-l3-links-header,
    .nbd-hamburger-menu-mob .nbd-hm-l4-links-header {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (max-width:1023px) and only screen and (min-width:1025px) {

    .nbd-hamburger-menu-mob .nbd-hm-l2-link a,
    .nbd-hamburger-menu-mob .nbd-hm-l3-link a,
    .nbd-hamburger-menu-mob .nbd-hm-l4-link a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (max-width:1023px) and only screen and (min-width:1025px) {
    .nbd-hamburger-menu-mob .nbd-hamburger-menu-back {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-alert-pop {
    background-color: #eee;
    padding: 8px 20px 16px 20px;
    min-height: 64px;
    display: none
}

.nbd-alert-pop span {
    color: #000;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-alert-pop a {
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-alert-pop a {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-alert-pop a:hover em {
    transform: translateX(8px)
}

.nbd-alert-pop .closeblock {
    position: absolute;
    margin: 0;
    margin-top: 15px;
    right: 20px;
    z-index: 100;
    cursor: pointer
}

.nbd-alert-pop .closeblock .close-icon {
    transform: rotate(45deg);
    width: 20px;
    height: 1px;
    background: #17252e;
    display: block;
    transform-origin: center;
    transition: .5s ease-in-out
}

.nbd-alert-pop .closeblock .close-icon:after,
.nbd-alert-pop .closeblock .close-icon:before {
    transition: .5s ease-in-out;
    content: "";
    display: block;
    height: 100%;
    background: #17252e
}

.nbd-alert-pop .closeblock .close-icon:before {
    transform: rotate(90deg);
    position: absolute;
    top: 0;
    width: 100%
}

.nbd-alert-pop .closeblock .close-icon:after {
    transform: rotate(90deg);
    bottom: 0;
    width: auto
}

.show-alert-mb {
    display: block;
    width: 100%
}

.show-alert-lg {
    display: none
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-alert-pop {
        height: 64px;
        padding: 20px
    }

    .nbd-alert-pop span {
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .nbd-alert-pop a {
        margin-left: 10px
    }

    .show-alert-mb {
        display: none
    }

    .show-alert-lg {
        display: block
    }
}

@media only screen and (min-width:1025px) {
    .nbd-alert-pop {
        height: 64px;
        padding: 20px 20px 20px 154px
    }

    .nbd-alert-pop span {
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .nbd-alert-pop a {
        margin-left: 10px
    }

    .nbd-alert-pop img {
        right: 27px;
        position: absolute
    }

    .show-alert-mb {
        display: none
    }

    .show-alert-lg {
        display: block
    }
}

.cookiealert {
    position: fixed;
    top: inherit;
    right: inherit;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    z-index: 999;
    opacity: 0;
    display: none;
    border-radius: 0;
    background: #17252e;
    color: #fff;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    padding: 25px 40px 16px 40px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .cookiealert {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .cookiealert {
        font-size: 20px;
        line-height: 28px
    }
}

.cookiealert .row>div {
    margin-bottom: 24px
}

.cookiealert.show {
    opacity: 1;
    display: block
}

.cookiealert .cmp-text p {
    margin: 0;
    color: #fff;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.cookiealert .cmp-text p a {
    text-decoration: underline;
    color: #fff
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    vertical-align: baseline;
    background-color: #008533;
    color: #fff;
    width: 100%;
    height: 40px;
    font-family: 'Open Sans Regular', sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #008533;
    padding: 8px 16px
}

@media only screen and (min-width:1025px) {
    .cookiealert .acceptcookies {
        font-size: 18px;
        line-height: 26px
    }
}

.cookiealert .acceptcookies:active {
    background-color: #fff;
    color: #000;
    border-color: #fff
}

.cookiealert .cookie-img {
    display: none;
    height: 24px;
    width: 24px
}

.cookiealert .cookie-center-text {
    text-align: center
}

@media only screen and (min-width:768px) {
    .cookiealert {
        padding: 24px 22px 0 22px
    }

    .cookiealert .cookie-img {
        display: block;
        margin-right: 24px
    }

    .cookiealert .cookie-center-text {
        text-align: left;
        display: inline-flex;
        align-items: center
    }
}

@media only screen and (min-width:992px) {
    .cookiealert {
        padding: 32px 105px
    }

    .cookiealert .row>div {
        margin-bottom: 0
    }

    .cookiealert .cookie-img {
        padding-right: 0
    }

    .cookiealert .col-lg-7 {
        padding-left: 0;
        margin-top: 12px
    }

    .cookiealert .acceptcookies {
        float: right;
        width: 177px
    }
}

@media only screen and (min-width:992px) and (max-width:1024px) {
    .cookiealert .acceptcookies {
        float: unset
    }
}

.nbd-qs-result-hide {
    display: none
}

.nbd-qs-result-show {
    display: block
}

#querySearchModal {
    margin-left: 0;
    margin-top: 0
}

#querySearchModal .modal-dialog {
    width: 100%;
    height: 100vh;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    max-width: 100%
}

#querySearchModal .modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
    border: 0;
    background-color: #fff
}

#querySearchModal .modal-body {
    padding: 0
}

#querySearchModal .modal-header {
    justify-content: space-between;
    border: 0;
    margin: 0 20px;
    align-items: center
}

#querySearchModal .modal-header .home-url-qs {
    display: inline-block
}

#querySearchModal .nbd-qs-close-btn:focus,
#querySearchModal .nbd-qs-close-btn:hover,
#querySearchModal .nbd-qs-close-btn:visited {
    outline: 0
}

#querySearchModal .nbd-qs-close-btn {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    background-color: transparent;
    border: 0;
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

#querySearchModal .nbd-qs-close {
    margin: 0 0 0 8px;
    height: 42px;
    width: 42px;
    object-fit: none
}

.nbd-qs-container {
    letter-spacing: 0
}

.nbd-qs-container mark {
    background-color: #e5edec !important
}

.nbd-qs-container .nbd-qs-search {
    margin: 16px auto
}

.nbd-qs-container .nbd-qs-search .nbd-qs-btnlinks {
    color: #008533
}

.nbd-qs-container .nbd-qs-search .nbd-qs-heading {
    color: #17252e;
    margin: 0 0 16px 0
}

.nbd-qs-container .nbd-qs-search .nbd-qs-subheading p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
    color: #494f50;
    font-weight: 400;
    margin: 0 16px 16px 16px;
    display: block
}

@media only screen and (min-width:576px) {
    .nbd-qs-container .nbd-qs-search .nbd-qs-subheading p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-qs-container .nbd-qs-search .nbd-qs-subheading p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-qs-container .nbd-qs-search .nbd-qs-subheading p a {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-weight: 400;
    color: #008533;
    text-decoration-line: underline
}

@media only screen and (min-width:576px) {
    .nbd-qs-container .nbd-qs-search .nbd-qs-subheading p a {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-qs-container .nbd-qs-search .nbd-qs-subheading p a {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:576px) {
    .nbd-qs-container .nbd-qs-search .nbd-qs-subheading p a {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-qs-container .nbd-qs-search .nbd-qs-subheading p a {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-qs-container .nbd-qs-search input[type="text"] {
    height: 56px;
    width: 100%;
    border-radius: 6px;
    padding: 15px 56px;
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    color: #17252e;
    border-color: #e5edec;
    border-width: 1.5;
    border-style: solid;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 28px
}

@media only screen and (min-width:1025px) {
    .nbd-qs-container .nbd-qs-search input[type="text"] {
        font-size: 24px;
        line-height: 32px
    }
}

.nbd-qs-container .nbd-qs-search input[type="text"].focusout {
    border-color: #78be20 !important
}

.nbd-qs-container .nbd-qs-search input[type="text"].focus {
    border-color: #006341 !important
}

.nbd-qs-container .nbd-qs-search .nbd-qs-txt {
    margin: 0 0 24px 0
}

.nbd-qs-container .nbd-qs-search .nbd-qs-note {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 0
}

.nbd-qs-container .nbd-qs-search .nbd-find {
    height: 24px;
    width: 24px;
    position: absolute;
    margin: 16px
}

.nbd-qs-container .nbd-qs-search .nbd-clear {
    height: 24px;
    width: 24px;
    position: absolute;
    margin: 16px -32px;
    cursor: pointer
}

.nbd-qs-container .nbd-qs-search .nbd-qs-results-warp {
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    max-height: 450px;
    overflow-y: scroll;
    width: 100%;
    padding: 32px 24px;
    text-align: left;
    z-index: 99
}

.nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-dropdowndata a {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:576px) {
    .nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-dropdowndata a {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-dropdowndata a {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:576px) {
    .nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-dropdowndata a {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-dropdowndata a {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-dropdowndata:hover {
    text-decoration: underline;
    text-decoration-color: #494f50
}

.nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-dropdowndata:not(:last-child) {
    margin: 0 0 10px 0
}

.nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-tertiary-outer {
    margin: 32px 0 0 0
}

.nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-tertiary-outer a:hover {
    cursor: pointer
}

.nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-addmargin {
    display: grid;
    margin-top: 24px
}

.nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-addmargin :not(:last-child) {
    margin-bottom: 24px
}

.nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-no-search-result {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    display: grid
}

@media only screen and (min-width:576px) {
    .nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-no-search-result {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-no-search-result {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:576px) {
    .nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-no-search-result {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-no-search-result {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-no-search-result span {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 8px 0 0 0
}

@media only screen and (min-width:576px) {
    .nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-no-search-result span {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-no-search-result span {
        font-size: 16px;
        line-height: 24px
    }
}

.nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-no-search-result span:empty {
    display: none
}

.nbd-qs-container .nbd-qs-pagination-result {
    margin: 0 20px
}

.nbd-qs-container .nbd-qs-pagination-result .nbd-qs-pagedata {
    cursor: pointer;
    position: relative
}

.nbd-qs-container .nbd-qs-pagination-result .nbd-qs-pagedata:hover a {
    text-decoration: underline;
    text-decoration-color: #008533;
    color: #008533
}

.nbd-qs-container .nbd-qs-pagination-result .nbd-qs-pagedata:not(:last-child) {
    margin: 0 0 32px 0
}

.nbd-qs-container .nbd-qs-pagination-result .nbd-qs-pagedata a {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:576px) {
    .nbd-qs-container .nbd-qs-pagination-result .nbd-qs-pagedata a {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-qs-container .nbd-qs-pagination-result .nbd-qs-pagedata a {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:576px) {
    .nbd-qs-container .nbd-qs-pagination-result .nbd-qs-pagedata a {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-qs-container .nbd-qs-pagination-result .nbd-qs-pagedata a {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-qs-container .nbd-qs-pagination-result .nbd-qs-pagedata p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 8px 0 8px 0
}

.nbd-qs-container .nbd-qs-pagination-result .nbd-qs-pagedata span {
    color: #949c9e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-qs-container #nbd-qs-nav,
.nbd-qs-container .qs-top {
    width: auto;
    padding: 0
}

.nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container,
.nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container {
    margin-top: 32px
}

.nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container ul,
.nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 0
}

.nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container ul li,
.nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container ul li {
    padding: 0 8px
}

.nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container ul a,
.nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container ul a {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    border: 0
}

@media only screen and (min-width:576px) {

    .nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container ul a,
    .nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container ul a {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {

    .nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container ul a,
    .nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container ul a {
        font-size: 16px;
        line-height: 24px
    }
}

.nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container ul span,
.nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container ul span {
    color: #17252e;
    font-weight: 700;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    border: 0
}

.nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container ul .page-link,
.nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container ul .page-link {
    background-color: transparent;
    display: inline;
    position: static;
    padding: 0
}

.nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container ul .page-link:focus,
.nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container ul .page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none
}

.nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container ul .page-link:hover,
.nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container ul .page-link:hover {
    background-color: transparent
}

.nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container ul li .nbd-qs-previmg,
.nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container ul li .nbd-qs-previmg {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/prev-arrow-green.svg'); */
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px
}

.nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container ul li.disabled .nbd-qs-nextimg,
.nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container ul li.disabled .nbd-qs-nextimg {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/nextarrow-grey.svg'); */
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px
}

.nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container ul li .nbd-qs-nextimg,
.nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container ul li .nbd-qs-nextimg {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/next-arrow.svg'); */
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px
}

.nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container ul li.disabled .nbd-qs-previmg,
.nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container ul li.disabled .nbd-qs-previmg {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/prev-arrow.svg'); */
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px
}

.nbd-qs-container #nbd-qs-nav {
    margin: 32px 20px 0 20px
}

.nbd-qs-container .qs-top {
    margin: 0 20px 32px 20px
}

.nbd-qs-container .nbd-qs-navspan {
    color: #17252e;
    font-weight: 700;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-qs-container .nbd-qs-navspan label {
    font-weight: 400
}

@media only screen and (min-width:1025px) {
    #querySearchModal {
        padding: 0 !important
    }

    #querySearchModal.modal.show {
        top: 64px
    }

    #querySearchModal .modal-header {
        justify-content: space-between;
        border: 0;
        align-items: center;
        margin: 0 105px
    }

    #querySearchModal .modal-header .home-url-qs {
        display: none
    }

    #querySearchModal .modal-dialog {
        top: 0
    }

    .nbd-qs-container .nbd-qs-search {
        width: 810px
    }

    .nbd-qs-container .nbd-qs-search .nbd-qs-heading {
        margin: 0 0 32px 0
    }

    .nbd-qs-container .nbd-qs-search .nbd-qs-subheading p {
        margin: 0 0 32px 0
    }

    .nbd-qs-container .nbd-qs-search input[type="text"] {
        height: 80px;
        width: 810px;
        padding: 24px 96px
    }

    .nbd-qs-container .nbd-qs-search .nbd-qs-txt {
        margin: 0 0 40px 0
    }

    .nbd-qs-container .nbd-qs-search .nbd-find {
        height: 40px;
        width: 40px;
        position: absolute;
        margin: 20px 24px
    }

    .nbd-qs-container .nbd-qs-search .nbd-clear {
        height: 40px;
        width: 40px;
        position: absolute;
        margin: 20px -60px;
        cursor: pointer
    }

    .nbd-qs-container .nbd-qs-search .nbd-qs-results-warp {
        width: 810px;
        max-height: 350px;
        padding: 32px 64px;
        z-index: 99
    }

    .nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-dropdowndata:not(:last-child) {
        margin: 0 0 10px 0
    }

    .nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-tertiary-outer {
        margin: 24px 0 0 0
    }

    .nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-addmargin {
        margin-top: 32px
    }

    .nbd-qs-container .nbd-qs-search .nbd-qs-results-warp .nbd-qs-addmargin :not(:last-child) {
        margin-bottom: 16px
    }

    .nbd-qs-container .nbd-qs-pagination-result {
        width: 810px;
        margin: auto
    }

    .nbd-qs-container .nbd-qs-pagination-result .nbd-qs-pagedata:not(:last-child) {
        margin: 0 0 24px 0
    }

    .nbd-qs-container .nbd-qs-pagination-result .nbd-qs-pagedata p {
        margin: 8px 0 8px 0
    }

    .nbd-qs-container #nbd-qs-nav,
    .nbd-qs-container .qs-top {
        width: 810px;
        padding: 0
    }

    .nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right,
    .nbd-qs-container .qs-top .nbd-qs-nav-right {
        text-align: right;
        float: right
    }

    .nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container,
    .nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container {
        margin-top: 0
    }

    .nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container ul,
    .nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container ul {
        justify-content: flex-end
    }

    .nbd-qs-container #nbd-qs-nav .nbd-qs-nav-right #pagination-container ul li,
    .nbd-qs-container .qs-top .nbd-qs-nav-right #pagination-container ul li {
        padding: 0 8px
    }

    .nbd-qs-container #nbd-qs-nav {
        margin: 78px auto auto auto
    }

    .nbd-qs-container .qs-top {
        margin: auto auto 32px auto
    }

    .nbd-qs-container .nbd-qs-navspan {
        text-align: left;
        float: left
    }
}

.qsfilter-background-class {
    padding-bottom: 24px
}

.qsfilters-tags #qsfilterTags {
    display: none
}

.qsfilters-tags #qsfilterTags .nbd-qsfilter-button {
    border: 1.5px solid #008533;
    background-color: #fff;
    border-radius: 100px;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
    margin: 4px;
    height: 42px;
    padding: 10px 16px 14px 16px
}

@media only screen and (min-width:576px) {
    .qsfilters-tags #qsfilterTags .nbd-qsfilter-button {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (min-width:1025px) {
    .qsfilters-tags #qsfilterTags .nbd-qsfilter-button {
        font-size: 14px;
        line-height: 22px
    }
}

.qsfilters-tags #qsfilterTags .nbd-qsfilter-button:hover {
    color: #fff;
    background-color: #008533
}

.qsfilters-tags #qsfilterTags .nbd-qsfilter-button:focus {
    box-shadow: none
}

.qsfilters-tags #qsfilterTags .nbd-qsfilter-button.focus {
    box-shadow: none
}

.qsfilters-tags #qsfilterTags .nbd-qsfilter-button.nbd-qsfilter-plus {
    height: 42px;
    width: 42px;
    border: none !important;
    display: inline-block;
    outline: 0;
    background-color: none !important;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/thin-0151_plus_final.svg') */
}

.qsfilters-tags #qsfilterTags .nbd-qsfilter-button.nbd-qsfilter-plus:hover {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/qsfilter-plus-active.svg') */
}

.qsfilters-tags #qsfilterTags .nbd-qsfilter-button.nbd-qsfilter-minus {
    height: 42px;
    width: 42px;
    border: none !important;
    display: inline-block;
    outline: 0;
    background-color: none !important;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/thin-0151_minus_final.svg') */
}

.qsfilters-tags #qsfilterTags .nbd-qsfilter-button.nbd-qsfilter-minus:hover {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/qsfilter-minus-active.svg') */
}

.qsfilters-tags #qsfilterTags .nbd-qsfilter-button.nbd-qsfilter-active {
    color: #fff;
    background-color: #008533
}

.qsfilters-tags .nbd-qsfilter-title {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-right: 20px;
    display: none
}

.qsfilters-tags .nbd-toggle-qsfilter-button {
    background-color: #fff;
    border: 1px solid #008533;
    border-radius: 100px;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
    margin: 4px auto;
    display: block;
    padding: 11px 16px
}

@media only screen and (min-width:576px) {
    .qsfilters-tags .nbd-toggle-qsfilter-button {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (min-width:1025px) {
    .qsfilters-tags .nbd-toggle-qsfilter-button {
        font-size: 14px;
        line-height: 22px
    }
}

.qsfilters-tags .nbd-toggle-qsfilter-button:hover {
    color: #fff;
    background-color: #008533
}

.qsfilters-tags .nbd-toggle-qsfilter-button:focus {
    box-shadow: none
}

.qsfilters-tags .nbd-toggle-qsfilter-button.focus {
    box-shadow: none
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-qsfilter-title {
        display: inline
    }

    .nbd-toggle-qsfilter-button {
        display: none
    }

    #qsfilterTags {
        display: inline
    }
}

@media only screen and (min-width:1025px) {
    .nbd-qsfilter-title {
        display: inline
    }

    .nbd-toggle-qsfilter-button {
        display: none
    }

    #qsfilterTags {
        display: inline
    }

    .qsfilter-background-class {
        padding-bottom: 40px
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .nbd-qsfilter-plus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/thin-plus.svg') */
    }

    .nbd-qsfilter-minus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/thin-minus.svg') */
    }
}

@-moz-document url-prefix() {
    .nbd-qsfilter-plus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/qsfilter-plus-non-active.svg') */
    }

    .nbd-qsfilter-minus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/qsfilter-minus-non-active.svg') */
    }
}

.nbd-search {
    margin: 10px 0 24px 0
}

.nbd-search .nbd-search-txt {
    margin: 24px 16px 24px 16px;
    position: relative
}

.nbd-search .nbd-search-txt .nbd-find {
    height: 24px;
    width: 24px;
    position: absolute;
    top: 15px;
    right: inherit;
    bottom: inherit;
    left: 15px
}

.nbd-search .nbd-search-txt .nbd-clear {
    height: 24px;
    width: 24px;
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: inherit;
    left: inherit;
    cursor: pointer
}

.nbd-search .nbd-search-txt input[type="text"] {
    background-color: #fff;
    color: #17252e;
    border-color: #e5edec;
    border-width: 1.5;
    border-style: solid;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 28px;
    height: 56px;
    width: 100%;
    outline: 0;
    padding: 15px 56px 15px 56px;
    border-radius: 6px;
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

@media only screen and (min-width:1025px) {
    .nbd-search .nbd-search-txt input[type="text"] {
        font-size: 24px;
        line-height: 32px
    }
}

.nbd-search .nbd-search-txt input:focus::placeholder {
    color: transparent
}

.nbd-nedbanksearch-wrapper.darkgreybg .nbd-search-big-heading,
.nbd-nedbanksearch-wrapper.blackbg .nbd-search-big-heading {
    color: #fff
}

.nbd-nedbanksearch-wrapper.darkgreybg .nbd-search-lbl,
.nbd-nedbanksearch-wrapper.blackbg .nbd-search-lbl,
.nbd-nedbanksearch-wrapper.darkgreybg .nbd-search-note,
.nbd-nedbanksearch-wrapper.blackbg .nbd-search-note {
    color: #bbb
}

.nbd-search-result {
    display: block
}

.nbd-search-result-show {
    display: block
}

.nbd-search-result-hide {
    display: none
}

.nbd-search-lbl {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin: 0
}

@media only screen and (min-width:576px) {
    .nbd-search-lbl {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-search-lbl {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-search-note {
    color: #949c9e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin: 0;
    display: none
}

.nbd-search-results {
    overflow-y: auto;
    overflow-x: hidden;
    min-width: auto;
    max-height: 423px;
    min-height: 95px;
    position: relative;
    top: auto;
    right: inherit;
    bottom: inherit;
    left: auto;
    z-index: 9;
    border: 0;
    background: #fff;
    text-align: left !important;
    margin: 24px 16px 24px 16px
}

.nbd-search-results ul {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .nbd-search-results ul {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-search-results ul {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-search-results a {
    list-style-type: none;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    padding: 0;
    margin-bottom: 7px
}

@media only screen and (min-width:576px) {
    .nbd-search-results a {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-search-results a {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:576px) {
    .nbd-search-results a {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-search-results a {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-search-results a span:hover {
    text-decoration: underline
}

.nbd-search-results a:focus {
    outline: 0
}

.nbd-search-results-warp .nbd-see-all-result {
    color: #008533;
    font-weight: 500;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    float: left;
    cursor: pointer
}

@media only screen and (min-width:1025px) {
    .nbd-search-results-warp .nbd-see-all-result {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-search-results-warp .nbd-see-all-result {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-search-results-warp .nbd-see-all-result {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-right-arrow {
    height: 14px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow.svg') */
}

.nbd-search-results-warp {
    width: 284px;
    overflow-y: auto;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: auto;
    right: 0;
    bottom: inherit;
    left: 0;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    z-index: 99;
    min-width: auto
}

.nbd-no-search-result {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: left !important;
    cursor: default !important
}

@media only screen and (min-width:576px) {
    .nbd-no-search-result {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-no-search-result {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-no-search-result span {
    font-weight: 700;
    text-decoration: none !important
}

.nbd-search-big-heading {
    color: #17252e;
    text-align: center;
    margin-top: 40px
}

.nbd-search-txt input::placeholder {
    color: #17252e;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    opacity: 1
}

.nbd-srch-text::-ms-clear,
.nbd-faqsrch-text::-ms-clear {
    display: none
}

.blackbg .nbd-search-results-warp .nbd-search-results a,
.darkgreybg .nbd-search-results-warp .nbd-search-results a {
    color: #494f50
}

.blackbg .nbd-search-results-warp .nbd-search-results a span,
.darkgreybg .nbd-search-results-warp .nbd-search-results a span {
    color: #494f50
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-search {
        margin: 0 0 24px 0
    }

    .nbd-search .nbd-search-txt {
        margin: 24px 0 16px 0
    }

    .nbd-search .nbd-search-txt .nbd-find {
        height: 32px;
        width: 32px;
        position: relative;
        top: 0;
        right: inherit;
        bottom: inherit;
        left: 54px
    }

    .nbd-search .nbd-search-txt .nbd-clear {
        height: 32px;
        width: 32px;
        position: relative;
        top: -3px;
        right: 54px;
        bottom: inherit;
        left: inherit;
        cursor: pointer
    }

    .nbd-search .nbd-search-txt input[type="text"] {
        height: 64px;
        width: 537px;
        outline: 0;
        padding: 16px 72px 16px 72px
    }

    .nbd-search .nbd-search-results {
        margin: 34px 32px 32px 32px
    }

    .nbd-search .nbd-search-results-warp {
        width: 537px;
        overflow-y: auto
    }

    .nbd-search .nbd-search-big-heading {
        margin-bottom: 16px;
        margin-top: 24px
    }

    .nbd-search .nbd-search-results {
        max-height: 239px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-search {
        margin: 10px 0 32px 0
    }

    .nbd-search .nbd-search-txt {
        margin: 32px 0 24px 0
    }

    .nbd-search .nbd-search-txt .nbd-find {
        height: 42px;
        width: 42px;
        position: relative;
        top: -3px;
        right: inherit;
        bottom: inherit;
        left: 65px
    }

    .nbd-search .nbd-search-txt .nbd-clear {
        height: 42px;
        width: 42px;
        position: relative;
        top: -3px;
        right: 65px;
        bottom: inherit;
        left: inherit;
        cursor: pointer
    }

    .nbd-search .nbd-search-txt input[type="text"] {
        height: 80px;
        width: 808px;
        outline: 0;
        padding: 24px 98px 24px 98px;
        box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
    }

    .nbd-search .nbd-search-note {
        display: block
    }

    .nbd-search .nbd-search-big-heading {
        margin-bottom: 16px;
        margin-top: 40px
    }

    .nbd-search .nbd-search-results {
        margin: 30px 32px 24px 32px
    }

    .nbd-search .nbd-search-results-warp {
        overflow-y: auto;
        width: 808px
    }

    .nbd-search .search-background-class {
        background-color: #fafafa;
        margin-top: 0
    }

    .nbd-search .nbd-search-results {
        max-height: 266px
    }
}

.cmp-search {
    position: relative
}

.cmp-search__field {
    position: relative;
    height: 2rem
}

.cmp-search__input {
    padding-left: 2rem;
    padding-right: 2rem;
    height: 100%;
    width: 100%
}

.cmp-search__icon {
    display: block;
    position: absolute;
    left: .5rem;
    top: .5rem;
    /*     background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik02NzIsMEM0MDYuOTAzLDAsMTkyLDIxNC45MDMsMTkyLDQ4MGMwLDk1LjcsMjguMDExLDE4NC44NTUsNzYuMjc1LDI1OS43MjVDMTgxLjY0Niw4MjYuMzU0LDQ4LjA3NSw5NTkuOTI1LDM2LDk3Mg0KCWMtMTgsMTgtMzYsMzYtMzYsNzJzMTgsNTQsMzYsNzJzMzYuMDEyLDM2LDcyLDM2czU0LTE4LDcyLTM2YzEyLjA3NS0xMi4wNzUsMTQ1LjY0Ni0xNDUuNjQ2LDIzMi4yNzUtMjMyLjI3NQ0KCUM0ODcuMTQ0LDkzMS45ODgsNTc2LjMsOTYwLDY3Miw5NjBjMjY1LjA5NywwLDQ4MC0yMTQuOTAzLDQ4MC00ODBDMTE1MiwyMTQuOTAzLDkzNy4wOTcsMCw2NzIsMHogTTY3Miw4MTYNCgljLTE4NS41NjgsMC0zMzYtMTUwLjQzMy0zMzYtMzM2YzAtMTg1LjU2OCwxNTAuNDMyLTMzNiwzMzYtMzM2YzE4NS41NjcsMCwzMzYsMTUwLjQzMiwzMzYsMzM2QzEwMDgsNjY1LjU2Nyw4NTcuNTY3LDgxNiw2NzIsODE2eiINCgkvPg0KPC9zdmc+DQo="); */
    background-size: contain;
    width: 1rem;
    height: 1rem;
    pointer-events: none
}

.cmp-search__loading-indicator {
    display: none;
    position: absolute;
    top: .5rem;
    left: .5rem;
    border: 3px solid #bbb;
    border-top-color: #17252e;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    animation: cmp-search__loading-indicator-spin 2s linear infinite
}

@keyframes cmp-search__loading-indicator-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.cmp-search__clear {
    display: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent
}

.cmp-search__clear-icon {
    position: absolute;
    top: .5rem;
    right: .5rem;
    bottom: inherit;
    left: inherit;
    /*     background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJYTUxJRF85XyIgZD0iTTgyLjYsOTM3LjJsMzYyLTM2Mkw4NCwyMTQuOGMtMTQuMS0xNC4xLTE0LjEtMzYuOSwwLTUxbDgxLjItODEuMmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsMzYwLjUsMzYwLjUNCglMOTM3LjIsODIuNmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsODEuMiw4MS4yYzE0LjEsMTQuMSwxNC4xLDM2LjksMCw1MUw3MDguOSw1NzUuM2wzNjAuNSwzNjAuNWMxNC4xLDE0LjEsMTQuMSwzNi45LDAsNTENCglsLTgxLjIsODEuMmMtMTQuMSwxNC4xLTM2LjksMTQuMS01MSwwTDU3Ni43LDcwNy41bC0zNjIsMzYyYy0xNC4xLDE0LjEtMzYuOSwxNC4xLTUxLDBsLTgxLjItODEuMg0KCUM2OC41LDk3NC4yLDY4LjUsOTUxLjMsODIuNiw5MzcuMnoiLz4NCjwvc3ZnPg0K"); */
    background-size: contain;
    width: 1rem;
    height: 1rem
}

.cmp-search__results {
    display: none
}

.cmp-search__item {
    display: block
}

.cmp-search__item--is-focused {
    background-color: #bbb
}

.nbd-head-desc-wrapper {
    max-width: 284px;
    margin: 0 auto;
    display: grid
}

.nbd-head-desc-wrapper .nbd-league-pagetitle {
    color: #17252e;
    text-align: center;
    margin: 16px 0
}

.nbd-head-desc-wrapper .nbd-head-desc {
    color: #17252e;
    text-align: center;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1025px) {
    .nbd-head-desc-wrapper .nbd-head-desc {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-head-desc-wrapper .nbd-head-desc p {
    color: #17252e;
    text-align: center;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1025px) {
    .nbd-head-desc-wrapper .nbd-head-desc p {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-head-desc-wrapper .nbd-league-pagetitle:first-child,
.nbd-head-desc-wrapper h1:first-child,
.nbd-head-desc-wrapper h2:first-child,
.nbd-head-desc-wrapper h3:first-child {
    margin: 0 0 16px 0
}

.nbd-head-desc-wrapper p:last-child {
    margin-bottom: 0
}

.darkgreybg .nbd-head-desc-wrapper .nbd-league-pagetitle,
.blackbg .nbd-head-desc-wrapper .nbd-league-pagetitle,
.darkgreybg .nbd-head-desc-wrapper .nbd-head-desc,
.blackbg .nbd-head-desc-wrapper .nbd-head-desc,
.darkgreybg .nbd-head-desc-wrapper p,
.blackbg .nbd-head-desc-wrapper p,
.darkgreybg .nbd-head-desc-wrapper h1,
.blackbg .nbd-head-desc-wrapper h1,
.darkgreybg .nbd-head-desc-wrapper h2,
.blackbg .nbd-head-desc-wrapper h2,
.darkgreybg .nbd-head-desc-wrapper h3,
.blackbg .nbd-head-desc-wrapper h3,
.darkgreybg .nbd-head-desc-wrapper h4,
.blackbg .nbd-head-desc-wrapper h4,
.darkgreybg .nbd-head-desc-wrapper span,
.blackbg .nbd-head-desc-wrapper span,
.darkgreybg .nbd-head-desc-wrapper div,
.blackbg .nbd-head-desc-wrapper div {
    color: #fff
}

.darkgreybg .nbd-head-desc-wrapper a,
.blackbg .nbd-head-desc-wrapper a {
    color: #fff
}

.darkgreybg .nbd-head-desc-wrapper a:hover,
.blackbg .nbd-head-desc-wrapper a:hover {
    color: #fff
}

@media only screen and (min-width:768px) {
    .nbd-head-desc-wrapper {
        max-width: 537px;
        margin: 0 auto
    }
}

@media only screen and (min-width:1024px) {
    .nbd-head-desc-wrapper {
        max-width: 808px;
        margin: 0 auto
    }
}

.cobl-rtcontent-div a,
.cbproduct-rtcontent-div a,
.cobl-rtcontent-div a:hover,
.cbproduct-rtcontent-div a:hover {
    display: inline !important;
    color: #008533 !important;
    text-decoration: underline !important;
    cursor: pointer !important
}

.nbd-cobl-hide {
    display: none
}

.nbd-cobl-boxshadow {
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

.nbd-cobl-imageshadow {
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

.nbd-fwd-row {
    flex-direction: row
}

.nbd-bkwd-row {
    flex-direction: row-reverse
}

.nbd-cobl-bg {
    background-color: #fafafa
}

.nbd-stone-bg {
    background-color: #f7f1e9
}

.nbd-white-bg {
    background-color: #fff
}

.nbd-cobl-img-div {
    margin: 0;
    padding: 0
}

.nbd-cobl-img-div img {
    width: 100%;
    height: 245px;
    object-fit: cover
}

.nbd-cobl-container {
    max-width: 100%;
    width: 100vw;
    padding: 0 0 32px 0;
    position: relative
}

.nbd-cobl-ng-container {
    position: relative
}

.nbd-cobl-content-div p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .nbd-cobl-content-div p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-cobl-content-div p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-cobl-content-div li {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px 0
}

@media only screen and (min-width:576px) {
    .nbd-cobl-content-div li {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-cobl-content-div li {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-cobl-content-div li::marker {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #494f50
}

.nbd-cobl-content-div ul {
    padding-left: 15px;
    margin-top: 24px
}

.nbd-cobl-content-div h3 {
    color: #17252e;
    margin: 0 0 20px 0;
    text-align: left !important
}

.nbd-cobl-container .nbd-cobl-content-div {
    margin: 32px 18px 0 18px;
    max-width: 100%
}

.nbd-cobl-content-div a {
    display: flex;
    align-items: center;
    justify-content: center
}

.nbd-cobl-anchor {
    margin-top: 32px;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-cobl-anchor {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-cobl-anchor {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-cobl-anchor {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-cobl-anchor:hover {
    color: #008533;
    cursor: pointer
}

.nbd-cobl-anchor:hover .right-arrow-btn {
    transform: translateX(8px)
}

.nbd-cobl-anchor:hover .down-arrow-btn {
    transform: translateY(8px)
}

.nbd-cobl-anchor:hover .up-right-arrow-btn {
    transform: translate(8px, -8px)
}

.nbd-cobl-container .nbd-btn,
.nbd-cobl-ng-container .nbd-btn,
.nbd-cobl-container-varTwo .nbd-btn,
.nbd-cobl-container-varThree .nbd-btn {
    margin: 32px 0 0 0
}

.nbd-cobl-container-varTwo .nbd-cobl-content-div h3,
.nbd-cobl-container-varThree .nbd-cobl-content-div h3 {
    color: #17252e
}

.nbd-cobl-container-varTwo .nbd-cobl-anchor,
.nbd-cobl-container-varThree .nbd-cobl-anchor {
    justify-content: left
}

@media only screen and (max-width:767px) {
    .nbd-cobl-ng-container .nbd-cobl-content-div {
        margin: 32px 20px 32px 20px
    }

    .contentblock .nbd-btn {
        max-width: 100%
    }
}

@media only screen and (min-width:768px) {
    .nbd-cobl-content-div {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .nbd-bkwd-row .nbd-cobl-img-div {
        padding: 0 0 0 34px
    }

    .nbd-fwd-row .nbd-cobl-img-div {
        padding: 0 34px 0 0
    }

    .nbd-cobl-container-varTwo .nbd-bkwd-row .nbd-cobl-img-div {
        padding: 0 0 0 55px
    }

    .nbd-cobl-container-varTwo .nbd-fwd-row .nbd-cobl-img-div {
        padding: 0 55px 0 0
    }

    .nbd-cobl-container-varThree .nbd-bkwd-row .nbd-cobl-img-div {
        padding: 0 0 0 60px
    }

    .nbd-cobl-container-varThree .nbd-fwd-row .nbd-cobl-img-div {
        padding: 0 60px 0 0
    }

    .nbd-cobl-content-div {
        margin: 0;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .nbd-fwd-row .nbd-cobl-content-div {
        padding: 0 22px 0 0
    }

    .nbd-bkwd-row .nbd-cobl-content-div {
        padding: 0 0 0 22px
    }

    .nbd-cobl-content-div p {
        margin-bottom: 0
    }

    .nbd-cobl-content-div li {
        margin: 0 0 10px 0
    }

    .nbd-cobl-content-div h3 {
        margin: 0 0 24px 0
    }

    .nbd-cobl-ng-container .nbd-cobl-content-div h3 {
        margin: 0 0 16px 0
    }

    .nbd-cobl-img-div img {
        height: 300px
    }

    .nbd-cobl-ng-container .nbd-cobl-img-div img {
        height: 285px
    }

    .nbd-cobl-container-varThree .nbd-cobl-img-div img,
    .nbd-cobl-container-varTwo .nbd-cobl-img-div img {
        height: 285px
    }

    .nbd-cobl-anchor {
        margin-top: 24px
    }

    .nbd-cobl-container .nbd-cobl-content-div {
        margin: 0;
        max-width: 100%
    }

    .nbd-cobl-container {
        padding: 0
    }

    .nbd-cobl-container .nbd-btn,
    .nbd-cobl-ng-container .nbd-btn,
    .nbd-cobl-container-varTwo .nbd-btn,
    .nbd-cobl-container-varThree .nbd-btn {
        max-width: 294px;
        margin: 24px 0 0 0
    }

    .nbd-cobl-anchor {
        justify-content: left !important
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .nbd-cobl-content-div {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .nbd-bkwd-row .nbd-cobl-img-div {
        padding: 0 0 0 34px !important
    }

    .nbd-fwd-row .nbd-cobl-img-div {
        padding: 0 34px 0 0 !important
    }

    .nbd-cobl-container-varTwo .nbd-bkwd-row .nbd-cobl-img-div {
        padding: 0 0 0 55px !important
    }

    .nbd-cobl-container-varTwo .nbd-fwd-row .nbd-cobl-img-div {
        padding: 0 55px 0 0 !important
    }

    .nbd-cobl-container-varThree .nbd-bkwd-row .nbd-cobl-img-div {
        padding: 0 0 0 60px !important
    }

    .nbd-cobl-container-varThree .nbd-fwd-row .nbd-cobl-img-div {
        padding: 0 60px 0 0 !important
    }

    .nbd-fwd-row .nbd-cobl-content-div {
        padding: 0 22px 0 0 !important
    }

    .nbd-bkwd-row .nbd-cobl-content-div {
        padding: 0 0 0 22px !important
    }

    .nbd-cobl-ng-container .nbd-cobl-content-div h3 {
        margin: 0 0 16px 0 !important
    }

    .nbd-cobl-anchor {
        margin-top: 24px !important
    }

    .nbd-cobl-container {
        padding: 0 !important
    }

    .nbd-cobl-container .nbd-btn,
    .nbd-cobl-ng-container .nbd-btn,
    .nbd-cobl-container-varTwo .nbd-btn,
    .nbd-cobl-container-varThree .nbd-btn {
        max-width: 294px;
        margin: 24px 0 0 0 !important
    }
}

@media only screen and (min-width:991px) {
    .nbd-cobl-container {
        padding-bottom: 64px
    }

    .nbd-cobl-content-div p {
        margin-bottom: 0
    }

    .nbd-cobl-content-div li {
        margin: 0 0 10px 0
    }

    .nbd-cobl-content-div h3 {
        margin: 0 0 24px 0
    }

    .nbd-cobl-anchor {
        margin-top: 40px;
        margin-right: 32px
    }

    .nbd-cobl-container .nbd-cobl-content-div {
        margin: 0;
        max-width: 100%
    }

    .nbd-cobl-container {
        padding: 0
    }

    .nbd-cobl-container-varTwo .nbd-cobl-content-div h3,
    .nbd-cobl-container-varThree .nbd-cobl-content-div h3 {
        margin: 0
    }

    .nbd-cobl-container .nbd-btn,
    .nbd-cobl-ng-container .nbd-btn,
    .nbd-cobl-container-varTwo .nbd-btn,
    .nbd-cobl-container-varThree .nbd-btn {
        max-width: 294px;
        margin: 40px 0 0 0
    }

    .nbd-cobl-content-div {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }

    .nbd-fwd-row .nbd-cobl-content-div {
        padding: 0 105px 0 0
    }

    .nbd-bkwd-row .nbd-cobl-content-div {
        padding: 0 0 0 105px
    }

    .nbd-bkwd-row .nbd-cobl-img-div {
        padding: 0 0 0 95px
    }

    .nbd-fwd-row .nbd-cobl-img-div {
        padding: 0 95px 0 0
    }

    .nbd-cobl-container-varTwo .nbd-bkwd-row .nbd-cobl-img-div {
        padding: 0 0 0 75px
    }

    .nbd-cobl-container-varTwo .nbd-fwd-row .nbd-cobl-img-div {
        padding: 0 75px 0 0
    }

    .nbd-cobl-container-varThree .nbd-fwd-row .nbd-cobl-img-div {
        padding: 0 105px 0 0
    }

    .nbd-cobl-container-varThree .nbd-bkwd-row .nbd-cobl-img-div {
        padding: 0 0 0 105px
    }

    .nbd-cobl-ng-container .nbd-fwd-row .nbd-cobl-content-div,
    .nbd-cobl-container-varThree .nbd-fwd-row .nbd-cobl-content-div {
        padding: 0 105px 0 0
    }

    .nbd-cobl-ng-container .nbd-bkwd-row .nbd-cobl-content-div,
    .nbd-cobl-container-varThree .nbd-bkwd-row .nbd-cobl-content-div {
        padding: 0 0 0 105px
    }

    .nbd-cobl-img-div img {
        height: 462px
    }

    .nbd-cobl-container-varTwo .nbd-cobl-img-div img,
    .nbd-cobl-container-varThree .nbd-cobl-img-div img {
        height: 400px
    }

    .nbd-cobl-ng-container .nbd-cobl-img-div img {
        height: 380px
    }
}

@media only screen and (min-width:1440px) {
    .nbd-anchor-div {
        display: -webkit-box
    }

    .nbd-fwd-row .nbd-cobl-content-div {
        padding: 0 210px 0 0
    }

    .nbd-bkwd-row .nbd-cobl-content-div {
        padding: 0 0 0 210px
    }

    .nbd-bkwd-row .nbd-cobl-img-div {
        padding: 0 0 0 135px
    }

    .nbd-fwd-row .nbd-cobl-img-div {
        padding: 0 135px 0 0
    }

    .nbd-cobl-container-varTwo .nbd-bkwd-row .nbd-cobl-img-div {
        padding: 0 0 0 105px
    }

    .nbd-cobl-container-varTwo .nbd-fwd-row .nbd-cobl-img-div {
        padding: 0 105px 0 0
    }

    .nbd-cobl-container-varThree .nbd-fwd-row .nbd-cobl-img-div {
        padding: 0 135px 0 0
    }

    .nbd-cobl-container-varThree .nbd-bkwd-row .nbd-cobl-img-div {
        padding: 0 0 0 135px
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .nbd-anchor-div {
        display: flex !important
    }

    .nbd-cobl-img-div img {
        height: auto;
        max-height: 500px
    }

    .nbd-cobl-container-varTwo .nbd-cobl-img-div img,
    .nbd-cobl-container-varThree .nbd-cobl-img-div img {
        height: auto;
        max-height: 550px
    }

    .nbd-cobl-ng-container .nbd-cobl-img-div img {
        height: auto;
        max-height: 420px
    }
}

.nbd-one-column-list .nbd-cbProduct-img-div img {
    padding-right: 25px
}

.nbd-cbProduct-container.nbd-cobl-hide {
    display: none
}

.nbd-cbProduct-container.nbd-cobl-boxshadow {
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

.nbd-cbProduct-container .nbd-fwd-row {
    flex-direction: row
}

.nbd-cbProduct-container .nbd-bkwd-row {
    flex-direction: row-reverse
}

.nbd-cbProduct-container.nbd-cobl-bg {
    background-color: #fafafa
}

.nbd-cbProduct-container.nbd-stone-bg {
    background-color: #f7f1e9
}

.nbd-cbProduct-img-div {
    margin: 0;
    padding: 0
}

.nbd-cbProduct-img-div img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    top: -16px
}

.nbd-cbProduct-container {
    max-width: 100%;
    width: 100vw;
    padding: 0 0 32px 0;
    position: relative
}

.nbd-cbProduct-content-div p,
.nbd-cbProduct-content-div li {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {

    .nbd-cbProduct-content-div p,
    .nbd-cbProduct-content-div li {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {

    .nbd-cbProduct-content-div p,
    .nbd-cbProduct-content-div li {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-cbProduct-content-div li {
    margin-bottom: 10px
}

.nbd-cbProduct-content-div ul {
    padding-left: 15px;
    margin-top: 24px
}

.nbd-cbProduct-content-div li::marker {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #494f50
}

.nbd-cbProduct-content-div h3 {
    color: #17252e;
    margin: 0 0 16px 0;
    text-align: left !important
}

.nbd-cbProduct-container .nbd-cbProduct-content-div {
    padding: 8px 20px 0 20px;
    max-width: 100%
}

.nbd-cbProduct-content-div a {
    display: flex;
    align-items: center;
    justify-content: center
}

.nbd-cbProduct-anchor {
    margin-top: 30px;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-cbProduct-anchor {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-cbProduct-anchor {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-cbProduct-anchor {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-cbProduct-anchor:hover {
    color: #008533;
    cursor: pointer
}

.nbd-cbProduct-anchor:hover .right-arrow-btn {
    transform: translateX(8px)
}

.nbd-cbProduct-anchor:hover .down-arrow-btn {
    transform: translateY(8px)
}

.nbd-cbProduct-anchor:hover .up-right-arrow-btn {
    transform: translate(8px, -8px)
}

.nbd-cbProduct-container .nbd-btn {
    margin: 30px 0 0 0
}

@media only screen and (min-width:768px) {
    .nbd-cbProduct-container .nbd-btn {
        max-width: 294px
    }

    .nbd-cbProduct-img-div {
        padding-right: 28px
    }

    .nbd-cbProduct-container .nbd-fwd-row .nbd-cbProduct-content-div {
        padding: 16px 22px 0 22px
    }

    .nbd-cbProduct-container .nbd-bkwd-row .nbd-cbProduct-content-div {
        padding: 16px 22px 0 22px
    }

    .nbd-cbProduct-content-div ul {
        margin-top: 16px
    }

    .nbd-cbProduct-anchor {
        margin-top: 30px
    }

    .nbd-two-colums-list .nbd-cbProduct-img-div {
        padding: 0 !important
    }

    .nbd-cbProduct-anchor {
        justify-content: left !important
    }
}

@media only screen and (min-width:991px) {
    .nbd-cbProduct-container {
        padding-bottom: 64px
    }

    .nbd-cbProduct-container.nbd-cobl-bg .nbd-fwd-row .nbd-cbProduct-img-div img {
        top: -28px
    }

    .nbd-cbProduct-container.nbd-cobl-bg .nbd-bkwd-row .nbd-cbProduct-img-div img {
        top: -28px
    }

    .nbd-cbProduct-container.nbd-stone-bg .nbd-fwd-row .nbd-cbProduct-img-div img {
        top: -28px
    }

    .nbd-cbProduct-container.nbd-stone-bg .nbd-bkwd-row .nbd-cbProduct-img-div img {
        top: -28px
    }

    .nbd-cbProduct-container .nbd-fwd-row .nbd-cbProduct-img-div img {
        top: 0
    }

    .nbd-cbProduct-container .nbd-bkwd-row .nbd-cbProduct-img-div img {
        top: 0
    }

    .nbd-cbProduct-img-div {
        padding-right: 103px
    }

    .nbd-cbProduct-container.nbd-cobl-bg .nbd-fwd-row .nbd-cbProduct-content-div {
        padding: 84px 105px 0 64px
    }

    .nbd-cbProduct-container.nbd-stone-bg .nbd-fwd-row .nbd-cbProduct-content-div {
        padding: 84px 105px 0 64px
    }

    .nbd-cbProduct-container .nbd-fwd-row .nbd-cbProduct-content-div {
        padding: 28px 105px 0 35px
    }

    .nbd-cbProduct-container.nbd-cobl-bg .nbd-bkwd-row .nbd-cbProduct-content-div {
        padding: 64px 64px 0 105px
    }

    .nbd-cbProduct-container.nbd-stone-bg .nbd-bkwd-row .nbd-cbProduct-content-div {
        padding: 64px 64px 0 105px
    }

    .nbd-cbProduct-container .nbd-bkwd-row .nbd-cbProduct-content-div {
        padding: 28px 35px 0 105px
    }

    .nbd-cbProduct-content-div p,
    .nbd-cbProduct-content-div li {
        color: #494f50
    }

    .nbd-cbProduct-content-div ul {
        padding-left: 15px;
        margin-top: 32px
    }

    .nbd-cbProduct-content-div h3 {
        color: #17252e;
        margin: 0 0 24px 0
    }

    .nbd-cbProduct-anchor {
        margin-top: 30px;
        margin-right: 32px
    }

    .nbd-two-colums-list ul {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        column-gap: 55px
    }

    .nbd-two-colums-list ul li {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid
    }

    .nbd-cbProduct-anchor {
        justify-content: center
    }
}

@media only screen and (min-width:1440px) {
    .nbd-cbProduct-anchor-div {
        display: flex
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .nbd-cbProduct-img-div {
        padding-right: 28px !important
    }

    .nbd-cbProduct-container .nbd-fwd-row .nbd-cbProduct-content-div {
        padding: 16px 22px 0 22px !important
    }

    .nbd-cbProduct-container .nbd-bkwd-row .nbd-cbProduct-content-div {
        padding: 16px 22px 0 22px !important
    }

    .nbd-cbProduct-content-div ul {
        margin-top: 16px !important
    }

    .nbd-cbProduct-anchor {
        margin-top: 30px !important
    }

    .nbd-two-colums-list .nbd-cbProduct-img-div {
        padding: 0 !important
    }

    .nbd-cbProduct-anchor {
        justify-content: left !important
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .nbd-cbProduct-anchor {
        justify-content: flex-start !important
    }
}

.nbd-cbVideo-container.nbd-cobl-hide {
    display: none
}

.nbd-cbVideo-container.nbd-cobl-boxshadow {
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

.nbd-cbVideo-container .nbd-fwd-row {
    flex-direction: row
}

.nbd-cbVideo-container .nbd-bkwd-row {
    flex-direction: row-reverse
}

.nbd-cbVideo-container.nbd-cobl-bg {
    background-color: #fafafa
}

.nbd-cbVideo-container.nbd-stone-bg {
    background-color: #f7f1e9
}

.nbd-cbVideo-video-div {
    margin: 0;
    position: relative;
    width: 100%;
    padding: 0 0 56.25% 0
}

.nbd-cbVideo-container {
    max-width: 100%;
    width: 100vw;
    padding: 0 0 40px 0;
    position: relative
}

.nbd-videoframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.nbd-cbVideo-content-div p,
.nbd-cbVideo-content-div li {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {

    .nbd-cbVideo-content-div p,
    .nbd-cbVideo-content-div li {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {

    .nbd-cbVideo-content-div p,
    .nbd-cbVideo-content-div li {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-cbVideo-content-div p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.nbd-cbVideo-content-div li {
    margin-bottom: 10px
}

.nbd-cbVideo-content-div ul {
    padding-left: 15px;
    margin-top: 24px
}

.nbd-cbVideo-content-div li::marker {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #494f50
}

.nbd-cbVideo-content-div h3 {
    color: #17252e;
    margin: 0 0 16px 0;
    text-align: left !important
}

.nbd-cbVideo-container .nbd-cbVideo-content-div {
    padding: 32px 20px 0 20px;
    max-width: 100%
}

.nbd-cbVideo-content-div a {
    display: flex;
    align-items: center
}

.nbd-cbVideo-anchor {
    margin-top: 38px;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-cbVideo-anchor {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-cbVideo-anchor {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-cbVideo-anchor {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-cbVideo-anchor-div .nbd-btn {
    justify-content: center
}

.nbd-cbVideo-anchor:hover {
    color: #008533;
    cursor: pointer
}

.nbd-cbVideo-anchor:hover .right-arrow-btn {
    transform: translateX(8px)
}

.nbd-cbVideo-anchor:hover .down-arrow-btn {
    transform: translateY(8px)
}

.nbd-cbVideo-anchor:hover .up-right-arrow-btn {
    transform: translate(8px, -8px)
}

.nbd-cbVideo-container .nbd-btn {
    margin: 32px 0 0 0
}

@media only screen and (max-width:767px) {
    .nbd-cbVideo-content-div a {
        justify-content: center
    }
}

@media only screen and (min-width:768px) {
    .nbd-cbVideo-container {
        padding: 32px 22px
    }

    .nbd-cbVideo-container .nbd-btn {
        max-width: 294px
    }

    .nbd-cbVideo-container .nbd-fwd-row .nbd-cbVideo-content-div {
        padding: 0 0 0 24px
    }

    .nbd-cbVideo-container .nbd-bkwd-row .nbd-cbVideo-content-div {
        padding: 0 24px 0 0
    }

    .nbd-cbVideo-content-div ul {
        margin-top: 16px
    }

    .nbd-cbVideo-anchor {
        margin-top: 40px
    }

    .nbd-cbVideo-anchor {
        justify-content: left !important
    }
}

@media only screen and (min-width:991px) {
    .nbd-cbVideo-container {
        padding: 80px 105px 64px 105px
    }

    .nbd-cbVideo-container .nbd-fwd-row .nbd-cbVideo-content-div {
        padding: 0 0 0 135px
    }

    .nbd-cbVideo-container .nbd-bkwd-row .nbd-cbVideo-content-div {
        padding: 0 135px 0 0
    }

    .nbd-cbVideo-content-div p,
    .nbd-cbVideo-content-div li {
        color: #494f50
    }

    .nbd-cbVideo-content-div ul {
        padding-left: 15px;
        margin-top: 32px
    }

    .nbd-cbVideo-content-div h3 {
        color: #17252e;
        margin: 0 0 24px 0
    }

    .nbd-cbVideo-anchor {
        margin-top: 56px;
        margin-right: 32px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .nbd-cbVideo-container {
        padding: 32px 22px !important
    }

    .nbd-cbVideo-container .nbd-btn {
        max-width: 294px !important
    }

    .nbd-cbVideo-container .nbd-fwd-row .nbd-cbVideo-content-div {
        padding: 0 0 0 24px !important
    }

    .nbd-cbVideo-container .nbd-bkwd-row .nbd-cbVideo-content-div {
        padding: 0 24px 0 0 !important
    }

    .nbd-cbVideo-content-div ul {
        margin-top: 16px !important
    }

    .nbd-cbVideo-anchor {
        margin-top: 22px !important
    }
}

.nbd-offset-container {
    position: relative
}

.nbd-offset-container.nbd-offset-left .nbd-offset-imageback,
.nbd-offset-container.nbd-offset-right .nbd-offset-imageback {
    top: -32px;
    z-index: 5;
    margin: -40px 0 0 0;
    padding: 0 10px
}

.nbd-offset-container.nbd-offset-left .nbd-offset-imageback img,
.nbd-offset-container.nbd-offset-right .nbd-offset-imageback img {
    width: 100%;
    height: 205px;
    object-fit: cover
}

.nbd-offset-container.nbd-offset-left .nbd-offset-back,
.nbd-offset-container.nbd-offset-right .nbd-offset-back {
    background-color: #fafafa;
    width: 100%
}

.nbd-offset-container.nbd-offset-left .nbd-stone-bg,
.nbd-offset-container.nbd-offset-right .nbd-stone-bg {
    background-color: #f7f1e9;
    width: 100%
}

.nbd-offset-container.nbd-offset-left .nbd-offset-heading,
.nbd-offset-container.nbd-offset-right .nbd-offset-heading {
    color: #17252e;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 26px 0
}

@media only screen and (min-width:576px) {

    .nbd-offset-container.nbd-offset-left .nbd-offset-heading,
    .nbd-offset-container.nbd-offset-right .nbd-offset-heading {
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-width:1025px) {

    .nbd-offset-container.nbd-offset-left .nbd-offset-heading,
    .nbd-offset-container.nbd-offset-right .nbd-offset-heading {
        font-size: 32px;
        line-height: 40px
    }
}

.nbd-offset-container.nbd-offset-left .nbd-offset-content,
.nbd-offset-container.nbd-offset-right .nbd-offset-content {
    padding: 30px 18px 40px 18px
}

.nbd-offset-container .nbd-btn {
    max-width: 294px;
    margin: 40px 0 0 0
}

@media only screen and (min-width:768px) {
    .nbd-offset-container.nbd-offset-left {
        margin: 0 21px 0 113px
    }

    .nbd-offset-container.nbd-offset-left .nbd-offset-direction {
        flex-direction: row
    }

    .nbd-offset-container.nbd-offset-left .nbd-offset-imageback {
        position: absolute;
        z-index: 5;
        top: -32px;
        left: -93px;
        margin: 0;
        padding: 0
    }

    .nbd-offset-container.nbd-offset-left .nbd-offset-imageback img {
        width: auto;
        height: 271px;
        object-fit: cover
    }

    .nbd-offset-container.nbd-offset-left .nbd-offset-content {
        padding: 0 25px 0 0
    }

    .nbd-offset-container.nbd-offset-right {
        margin: 0 113px 0 21px
    }

    .nbd-offset-container.nbd-offset-right .nbd-offset-direction {
        flex-direction: row-reverse
    }

    .nbd-offset-container.nbd-offset-right .nbd-offset-imageback {
        position: absolute;
        z-index: 5;
        top: -32px;
        right: -93px;
        margin: 0
    }

    .nbd-offset-container.nbd-offset-right .nbd-offset-imageback img {
        width: auto;
        height: 271px;
        object-fit: cover
    }

    .nbd-offset-container.nbd-offset-right .nbd-offset-content {
        padding: 0 0 0 25px
    }

    .nbd-offset-container {
        position: relative
    }

    .nbd-offset-container .nbd-offset-back {
        background-color: #fafafa;
        width: 100%;
        min-height: 393px;
        max-width: 637px
    }

    .nbd-offset-container .nbd-stone-bg {
        background-color: #f7f1e9;
        width: 100%;
        min-height: 393px;
        max-width: 637px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-offset-container.nbd-offset-left {
        margin: 0 33px 0 210px
    }

    .nbd-offset-container.nbd-offset-left .nbd-offset-imageback {
        top: -32px;
        left: -177px
    }

    .nbd-offset-container.nbd-offset-left .nbd-offset-imageback img {
        width: auto;
        height: 360px;
        object-fit: cover
    }

    .nbd-offset-container.nbd-offset-left .nbd-offset-content {
        padding: 48px 20px 0 0
    }

    .nbd-offset-container.nbd-offset-right {
        margin: 0 210px 0 33px
    }

    .nbd-offset-container.nbd-offset-right .nbd-offset-imageback {
        top: -32px;
        right: -177px
    }

    .nbd-offset-container.nbd-offset-right .nbd-offset-imageback img {
        width: auto;
        height: 360px;
        object-fit: cover
    }

    .nbd-offset-container.nbd-offset-right .nbd-offset-content {
        padding: 48px 0 0 95px
    }

    .nbd-offset-container .nbd-offset-back {
        min-height: 500px;
        max-width: 1197px
    }

    .nbd-offset-container .nbd-stone-bg {
        min-height: 500px;
        max-width: 1197px
    }
}

@media only screen and (min-width:1400px) {
    .nbd-offset-container.nbd-offset-left .nbd-offset-imageback img {
        width: auto;
        height: 460px;
        object-fit: cover
    }

    .nbd-offset-container.nbd-offset-right .nbd-offset-imageback img {
        width: auto;
        height: 460px;
        object-fit: cover
    }
}

.contentblock-container h2 {
    padding: 64px 32px 0 32px;
    text-align: center
}

.contentblock-container>div {
    max-width: 100%;
    display: flex;
    flex-direction: column
}

.contentblock-container>div>section {
    padding: 0
}

.contentblock-container>div.reverselayout {
    flex-direction: column
}

.contentblock-container>div picture img {
    width: 100%;
    height: 250px;
    object-fit: cover
}

.contentblock-container>div picture img.imageshadow {
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

.contentblock-container>div section:first-child {
    text-align: left
}

.contentblock-container>div.offset picture {
    position: absolute;
    top: -16px;
    left: -22px;
    display: flex;
    width: 100%
}

.contentblock-container>div.illustration picture {
    width: 100%;
    display: flex;
    justify-content: center
}

.contentblock-container>div.reverselayout.offset picture {
    top: -16px;
    left: 22px;
    display: flex;
    width: 100%
}

.contentblock-container>div.reverselayout section:first-child {
    text-align: right
}

.contentblock-container>div section.contentsection {
    padding: 32px 20px 40px 20px;
    margin-top: 232px;
    z-index: 10
}

.contentblock-container>div section.contentsection h3 {
    margin-bottom: 16px
}

.contentblock-container>div section.contentsection p:empty {
    display: none
}

.contentblock-container>div section.contentsection p:last-child {
    margin-bottom: 0
}

.contentblock-container>div section.contentsection ul {
    padding-left: 20px
}

.contentblock-container>div.largedevicecolumn .contentsection .button-group {
    flex-direction: column;
    align-items: flex-start
}

.contentblock-container .button-group {
    margin-top: 24px;
    text-align: left;
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.contentblock-container .button-group .nbd-btn-primary {
    width: 285px
}

.contentblock-container .button-group a {
    white-space: nowrap
}

.contentblock-container .button-group a:first-child {
    margin: 0 0 32px 0
}

@media only screen and (min-width:768px) {
    .contentblock-container h2 {
        padding: 64px 0 0 105px;
        text-align: left
    }

    .contentblock-container>div {
        flex-direction: row;
        min-height: 336px
    }

    .contentblock-container>div.reverselayout {
        flex-direction: row-reverse
    }

    .contentblock-container>div picture img {
        width: 372px;
        height: 285px
    }

    .contentblock-container>div.reverselayout.offset picture {
        justify-content: end
    }

    .contentblock-container>div.reverselayout .contentsection {
        padding: 48px 8px 48px 30px
    }

    .contentblock-container>div section.contentsection {
        padding: 48px 30px 48px 8px;
        margin-top: 0;
        justify-content: center;
        display: flex;
        flex-direction: column
    }

    .contentblock-container .button-group {
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .contentblock-container .button-group a:first-child {
        margin-right: 0
    }

    .contentblock-container .button-group .nbd-btn-primary {
        width: 256px
    }
}

@media only screen and (min-width:1200px) {
    .contentblock-container>div {
        margin: 0 22px;
        min-height: 508px;
        max-width: 1200px
    }

    .contentblock-container>div picture img {
        width: 600px;
        height: 460px
    }

    .contentblock-container>div.offset picture {
        left: -105px
    }

    .contentblock-container>div .autowidth {
        width: auto;
        max-width: 600px
    }

    .contentblock-container>div .autowidth+.contentsection {
        padding-left: 136px
    }

    .contentblock-container>div.reverselayout.offset picture {
        right: -105px;
        left: inherit
    }

    .contentblock-container>div.reverselayout .contentsection {
        padding: 80px 31px 80px 105px
    }

    .contentblock-container>div.reverselayout.largedevicecolumn section.contentsection {
        padding: 80px 31px 80px 105px
    }

    .contentblock-container>div section.contentsection {
        padding: 80px 105px 80px 31px
    }

    .contentblock-container>div.largedevicecolumn section.contentsection {
        padding: 80px 105px 80px 31px
    }

    .contentblock-container .button-group .nbd-btn-primary {
        width: 285px
    }
}

@media only screen and (min-width:1400px) {
    .contentblock-container>div .button-group {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .contentblock-container>div .button-group a:first-child {
        margin-bottom: 0;
        margin-right: 32px
    }
}

.contentblock-container.fullwidthcontentblock.imagefocusedcontentblock>div section.contentsection {
    margin-top: 0
}

.contentblock-container.fullwidthcontentblock>div {
    max-width: 100%
}

.contentblock-container.fullwidthcontentblock>div.offset picture {
    left: 0
}

.contentblock-container.fullwidthcontentblock>div.inline {
    padding: 0
}

.contentblock-container.fullwidthcontentblock>div.inline .contentsection {
    margin-top: 0
}

.contentblock-container.fullwidthcontentblock>div.reverselayout.offset picture {
    left: inherit
}

.contentblock-container.fullwidthcontentblock>div .contentsection h3 {
    margin-bottom: 1rem
}

.contentblock-container.fullwidthcontentblock.doubleimage-container {
    width: 100%;
    overflow-y: initial;
    overflow-x: clip
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    min-height: 424px;
    padding: 0
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div .contentsection {
    margin-top: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-self: center;
    text-align: center
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div .contentsection h4 {
    margin-bottom: 24px
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div .contentsection p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div .contentsection p a {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-weight: 400
}

@media only screen and (min-width:576px) {
    .contentblock-container.fullwidthcontentblock.doubleimage-container>div .contentsection p a {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .contentblock-container.fullwidthcontentblock.doubleimage-container>div .contentsection p a {
        font-size: 16px;
        line-height: 24px
    }
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div picture img {
    height: 134px;
    width: auto;
    object-fit: inherit
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div.offset {
    min-height: 328px;
    position: relative;
    width: 100%;
    max-width: 100%
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div.offset section:first-child {
    position: initial
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div.offset section:first-child picture {
    top: -68px;
    left: -13px;
    justify-content: start
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div.offset section:last-child {
    position: initial
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div.offset section:last-child picture {
    top: inherit;
    bottom: -68px;
    left: inherit;
    right: -13px;
    justify-content: end
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div.offset .contentsection {
    padding: 0 15px
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div.inline {
    justify-content: initial
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div.inline section:first-child picture {
    top: -19px;
    left: -13px;
    right: inherit;
    bottom: inherit;
    margin: 0;
    position: relative
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div.inline section:last-child picture {
    display: flex;
    justify-content: flex-end;
    top: inherit;
    bottom: -19px;
    left: inherit;
    right: -13px;
    position: relative;
    margin: 0
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div.inline .contentsection {
    padding: 0 24px;
    flex-grow: 1;
    align-items: center;
    justify-content: center
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout {
    flex-direction: column-reverse
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout.offset section:first-child picture {
    top: inherit;
    bottom: -68px;
    left: inherit
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout.offset section:last-child picture {
    top: -68px
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout.inline {
    flex-direction: column
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout.inline section:first-child picture {
    display: flex;
    justify-content: flex-start;
    top: -19px;
    left: -13px;
    right: inherit;
    bottom: inherit
}

.contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout.inline section:last-child picture {
    top: inherit;
    bottom: -19px;
    left: inherit;
    right: -13px
}

@media only screen and (min-width:768px) {
    .contentblock-container.fullwidthcontentblock.imagefocusedcontentblock>div {
        padding: 0
    }

    .contentblock-container.fullwidthcontentblock>div {
        padding-right: 15px;
        padding-left: 15px
    }

    .contentblock-container.fullwidthcontentblock>div picture img {
        height: 336px
    }

    .contentblock-container.fullwidthcontentblock>div.offset {
        padding: 0
    }

    .contentblock-container.fullwidthcontentblock>div.offset picture img {
        height: 285px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div {
        min-height: 269px;
        flex-direction: row
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div picture img {
        width: 260px;
        height: 288px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.offset section:first-child picture {
        top: -64px;
        left: -51px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.offset section:last-child picture {
        bottom: -64px;
        right: -51px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.offset .contentsection {
        padding: 15px 0
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.inline section:first-child picture {
        top: -8px;
        left: -51px;
        position: absolute
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.inline section:last-child picture {
        top: -8px;
        right: -51px;
        position: absolute
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout {
        flex-direction: row
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout.offset section:first-child picture {
        bottom: -68px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout.offset section:last-child picture {
        top: -68px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout.inline {
        flex-direction: row
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout.inline section:first-child picture {
        left: -51px;
        top: -8px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout.inline section:last-child picture {
        right: -51px;
        top: -8px;
        bottom: inherit
    }
}

@media only screen and (min-width:1200px) {
    .contentblock-container.fullwidthcontentblock.imagefocusedcontentblock>div {
        padding: 0
    }

    .contentblock-container.fullwidthcontentblock.imagefocusedcontentblock>div picture img {
        width: 705px
    }

    .contentblock-container.fullwidthcontentblock>div {
        min-height: 460px;
        padding: 0
    }

    .contentblock-container.fullwidthcontentblock>div picture img {
        width: 600px;
        height: 460px
    }

    .contentblock-container.fullwidthcontentblock>div.offset {
        min-height: 508px
    }

    .contentblock-container.fullwidthcontentblock>div.offset picture {
        left: 0
    }

    .contentblock-container.fullwidthcontentblock>div.offset picture img {
        width: 600px;
        height: 460px
    }

    .contentblock-container.fullwidthcontentblock>div .autowidth {
        width: auto;
        max-width: 600px
    }

    .contentblock-container.fullwidthcontentblock>div .autowidth+section .contentsection {
        padding: 80px 105px 80px 136px
    }

    .contentblock-container.fullwidthcontentblock>div.reverselayout.offset picture {
        right: 0
    }

    .contentblock-container.fullwidthcontentblock>div .contentsection h3 {
        margin-bottom: 24px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div {
        min-height: 530px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div .contentsection {
        padding: 0 50px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div picture img {
        height: 573px;
        width: 517px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.offset {
        min-height: 530px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.offset section:first-child picture {
        top: -90px;
        left: -56px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.offset section:last-child picture {
        bottom: -90px;
        right: -56px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.offset .contentsection {
        padding: 15px 50px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.inline section:first-child picture {
        top: -21px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.inline section:last-child picture {
        top: -21px;
        bottom: inherit
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.inline .contentsection {
        padding: 0 50px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout.offset section:first-child picture {
        bottom: -90px;
        left: -56px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout.offset section:last-child picture {
        top: -90px;
        right: -56px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout.inline {
        flex-direction: row
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout.inline section:first-child picture {
        left: -56px;
        top: -21px
    }

    .contentblock-container.fullwidthcontentblock.doubleimage-container>div.reverselayout.inline section:last-child picture {
        right: -56px;
        top: -21px;
        bottom: inherit
    }
}

.contentblock-container.centredcontentblock>div {
    position: relative
}

.contentblock-container.centredcontentblock>div.imageshadow {
    box-shadow: 0 30px 60px -30px rgba(23, 37, 46, 0.3);
    -webkit-box-shadow: 0 30px 60px -30px rgba(23, 37, 46, 0.3);
    -moz-box-shadow: 0 30px 60px -30px rgba(23, 37, 46, 0.3)
}

.contentblock-container.centredcontentblock>div section.contentsection {
    margin-top: 0
}

@media only screen and (min-width:768px) {
    .contentblock-container.centredcontentblock>div picture img {
        width: 350px;
        height: 100%
    }

    .contentblock-container.centredcontentblock>div .button-group a:first-child {
        margin: 0 0 24px 0
    }
}

@media only screen and (min-width:1200px) {
    .contentblock-container.centredcontentblock>div {
        min-height: 460px
    }

    .contentblock-container.centredcontentblock>div picture img {
        width: 494px;
        height: 460px
    }

    .contentblock-container.centredcontentblock>div .button-group a:first-child {
        margin-bottom: 0;
        margin-right: 32px
    }
}

.contentblock-container.videocontentblock>div {
    height: auto;
    padding: 0 24px
}

.contentblock-container.videocontentblock>div.inline {
    min-height: auto;
    padding: 0 24px;
    margin: 0
}

.contentblock-container.videocontentblock>div.inline .contentsection {
    margin: 32px 0
}

.contentblock-container.videocontentblock>div .nbd-videoframe {
    margin-top: -16px;
    width: 100%;
    height: auto;
    min-height: 185px;
    position: relative;
    border: 0
}

.contentblock-container.videocontentblock>div section {
    padding: 0
}

.contentblock-container.videocontentblock>div section.contentsection {
    padding: 0 24px
}

.contentblock-container.videocontentblock>div.reverselayout section.contentsection {
    padding: 0
}

.contentblock-container.videocontentblock>div.reverselayout section .nbd-videoframe {
    float: right
}

.contentblock-container.videocontentblock>div .button-group {
    flex-direction: column;
    align-items: flex-start
}

.contentblock-container.videocontentblock>div .button-group a:first-child {
    margin: 0 0 32px 0
}

@media only screen and (min-width:768px) {
    .contentblock-container.videocontentblock>div.inline {
        min-height: 442px;
        padding: 64px 25px
    }

    .contentblock-container.videocontentblock>div.inline .contentsection {
        margin-top: 0
    }

    .contentblock-container.videocontentblock>div .nbd-videoframe {
        margin: 0;
        width: 100%;
        height: 250px
    }
}

@media only screen and (min-width:1200px) {
    .contentblock-container.videocontentblock>div.inline {
        min-height: 556px;
        padding: 80px 105px
    }

    .contentblock-container.videocontentblock>div .nbd-videoframe {
        max-width: 704px;
        height: 396px
    }

    .contentblock-container.videocontentblock>div .autowidth {
        width: auto;
        max-width: 704px
    }

    .contentblock-container.videocontentblock>div .autowidth+.contentsection {
        padding: 0 0 0 136px
    }
}

@media only screen and (min-width:1400px) {
    .contentblock-container.videocontentblock>div .button-group {
        flex-direction: row;
        align-items: center
    }

    .contentblock-container.videocontentblock>div .button-group a:first-child {
        margin-bottom: 0;
        margin-right: 32px
    }
}

.contentblock-container.mobiledevicecontentblock>div {
    margin: 0;
    max-width: 100%;
    height: auto
}

.contentblock-container.mobiledevicecontentblock>div.cbsmallsize {
    min-height: auto
}

.contentblock-container.mobiledevicecontentblock>div.cbsmallsize section picture img {
    height: auto;
    max-width: 100%
}

.contentblock-container.mobiledevicecontentblock>div.cbmediumsize {
    min-height: auto
}

.contentblock-container.mobiledevicecontentblock>div.cbmediumsize section picture img {
    height: auto;
    max-width: 100%
}

.contentblock-container.mobiledevicecontentblock>div.cbautosize {
    min-height: auto;
    height: auto
}

.contentblock-container.mobiledevicecontentblock>div.cbdefaultsize {
    height: auto
}

.contentblock-container.mobiledevicecontentblock>div picture img {
    max-width: 350px;
    height: auto;
    width: auto
}

.contentblock-container.mobiledevicecontentblock>div.offset {
    left: inherit;
    right: inherit
}

.contentblock-container.mobiledevicecontentblock>div.offset picture {
    position: relative
}

.contentblock-container.mobiledevicecontentblock>div.offset .image-topcenter picture {
    margin-top: -32px;
    top: inherit;
    left: inherit;
    justify-content: center;
    align-items: center
}

.contentblock-container.mobiledevicecontentblock>div.offset .image-topleftright picture {
    margin-top: -49px;
    top: inherit;
    left: inherit
}

.contentblock-container.mobiledevicecontentblock>div.offset.reverselayout .image-topleftright {
    justify-content: right
}

.contentblock-container.mobiledevicecontentblock>div.offset.reverselayout .image-topleftright picture {
    margin-top: -49px;
    top: inherit;
    right: inherit
}

.contentblock-container.mobiledevicecontentblock>div .image-topcenter {
    display: flex;
    justify-content: center;
    align-items: center
}

.contentblock-container.mobiledevicecontentblock>div .image-topleftright {
    display: flex;
    justify-content: left
}

.contentblock-container.mobiledevicecontentblock>div .image-centercenter {
    display: flex;
    justify-content: center;
    align-items: center
}

.contentblock-container.mobiledevicecontentblock>div .image-centercenter picture {
    left: inherit;
    right: inherit;
    top: inherit
}

.contentblock-container.mobiledevicecontentblock>div.inline section picture img {
    max-height: 720px;
    height: auto;
    width: auto;
    max-width: 100%
}

.contentblock-container.mobiledevicecontentblock>div.inline .image-centercenter picture {
    padding: 40px 24px 0 24px
}

.contentblock-container.mobiledevicecontentblock>div .contentsection {
    margin-top: 0;
    padding: 40px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.contentblock-container.mobiledevicecontentblock>div .contentsection .button-group {
    margin: 40px 0
}

.contentblock-container.mobiledevicecontentblock>div .contentsection .scanblock {
    max-width: 160px;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.contentblock-container.mobiledevicecontentblock>div .contentsection .scanblock img {
    width: 160px;
    height: 160px
}

.contentblock-container.mobiledevicecontentblock>div .contentsection .scanblock label {
    margin-top: 16px;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px
}

.contentblock-container.mobiledevicecontentblock>div.reverselayout .contentsection {
    padding: 0 0 0 210px
}

.contentblock-container.mobiledevicecontentblock>div.largedevicecolumn .button-group .nbd-btn-primary {
    margin-bottom: 32px
}

@media only screen and (min-width:768px) {
    .contentblock-container.mobiledevicecontentblock>div {
        min-height: 576px
    }

    .contentblock-container.mobiledevicecontentblock>div.cbsmallsize {
        min-height: 418px
    }

    .contentblock-container.mobiledevicecontentblock>div.cbsmallsize section picture img {
        max-height: 255px;
        height: auto;
        max-width: 100%
    }

    .contentblock-container.mobiledevicecontentblock>div.cbmediumsize {
        min-height: 474px
    }

    .contentblock-container.mobiledevicecontentblock>div.cbmediumsize section picture img {
        max-height: 366px;
        height: auto;
        max-width: 100%
    }

    .contentblock-container.mobiledevicecontentblock>div.cbautosize {
        min-height: auto;
        height: auto
    }

    .contentblock-container.mobiledevicecontentblock>div.cbdefaultsize {
        min-height: 576px
    }

    .contentblock-container.mobiledevicecontentblock>div .contentsection {
        padding: 0 22px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .contentblock-container.mobiledevicecontentblock>div .contentsection .button-group {
        margin: 40px 0 0 0
    }

    .contentblock-container.mobiledevicecontentblock>div.offset .image-topcenter {
        align-items: flex-start
    }

    .contentblock-container.mobiledevicecontentblock>div.offset .image-topcenter picture {
        margin-top: -32px;
        top: inherit;
        left: inherit
    }

    .contentblock-container.mobiledevicecontentblock>div.offset.reverselayout .image-topcenter picture {
        right: inherit
    }

    .contentblock-container.mobiledevicecontentblock>div.inline .image-centercenter picture {
        padding: 0;
        max-width: 90%
    }

    .contentblock-container.mobiledevicecontentblock>div picture img {
        max-width: 373px
    }
}

@media only screen and (min-width:1200px) {
    .contentblock-container.mobiledevicecontentblock>div {
        min-height: 720px
    }

    .contentblock-container.mobiledevicecontentblock>div.cbsmallsize {
        min-height: 500px
    }

    .contentblock-container.mobiledevicecontentblock>div.cbsmallsize section picture img {
        max-height: 352px;
        height: auto;
        max-width: 100%
    }

    .contentblock-container.mobiledevicecontentblock>div.cbmediumsize {
        min-height: 634px
    }

    .contentblock-container.mobiledevicecontentblock>div.cbmediumsize section picture img {
        max-height: 670px;
        height: auto;
        max-width: 100%
    }

    .contentblock-container.mobiledevicecontentblock>div.cbautosize {
        min-height: auto;
        height: auto
    }

    .contentblock-container.mobiledevicecontentblock>div.cbdefaultsize {
        min-height: 720px
    }

    .contentblock-container.mobiledevicecontentblock>div picture img {
        max-height: 720px;
        height: auto;
        width: auto;
        max-width: 100%
    }

    .contentblock-container.mobiledevicecontentblock>div.reverselayout .contentsection {
        padding: 0 0 0 210px
    }

    .contentblock-container.mobiledevicecontentblock>div .contentsection {
        padding: 0 210px 0 0
    }
}

.contentblock-container.scrollablecontent>div {
    display: flex;
    flex-direction: column-reverse;
    padding: 48px 0
}

.contentblock-container.scrollablecontent>div.reverselayout {
    flex-direction: row-reverse
}

.contentblock-container.scrollablecontent>div .scrollscreensection {
    width: 100%
}

.contentblock-container.scrollablecontent>div.reversemobileview {
    flex-direction: column
}

.contentblock-container.scrollablecontent>div h7.contentlabel {
    color: #008533;
    margin-bottom: .5rem;
    font-weight: 400
}

.contentblock-container.scrollablecontent>div h7.subheading {
    margin-bottom: 16px
}

.contentblock-container.scrollablecontent>div h7.subjecttitle {
    margin-bottom: 16px;
    font-weight: 500
}

.contentblock-container.scrollablecontent>div .contentsection h3.headingmargin {
    margin-bottom: 8px
}

.contentblock-container.scrollablecontent>div .contentsection .innercontentsection {
    padding: 25px 24px 0 24px
}

.contentblock-container.scrollablecontent>div label.swiper-pagination {
    margin-bottom: 1rem;
    position: relative;
    text-align: inherit;
    transition: none;
    transform: none;
    bottom: inherit;
    left: inherit
}

.contentblock-container.scrollablecontent>div label.swiper-pagination.swiper-pagination-bullets {
    align-self: center;
    margin-top: 15px
}

.contentblock-container.scrollablecontent>div label.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin-right: 5px
}

.contentblock-container.scrollablecontent>div label.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.contentblock-container.scrollablecontent>div label.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #007237
}

.contentblock-container.scrollablecontent>div picture {
    flex-direction: column
}

.contentblock-container.scrollablecontent>div .imagecontent {
    padding-top: 16px;
    padding-left: 24px;
    padding-right: 24px
}

.contentblock-container.scrollablecontent>div .imagecontent p,
.contentblock-container.scrollablecontent>div .imagecontent li {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1025px) {

    .contentblock-container.scrollablecontent>div .imagecontent p,
    .contentblock-container.scrollablecontent>div .imagecontent li {
        font-size: 18px;
        line-height: 26px
    }
}

.contentblock-container.scrollablecontent>div .imagecontent ul {
    padding-left: 20px
}

.contentblock-container.scrollablecontent>div .contentsection {
    justify-content: flex-start;
    margin-top: 0
}

.contentblock-container.scrollablecontent>div .contentsection h3 {
    margin-bottom: 32px
}

.contentblock-container.scrollablecontent>div .contentsection.scrollcontent {
    display: flex;
    flex-direction: column-reverse
}

.contentblock-container.scrollablecontent>div .contentsection.scrollcontent.scrollmultiplecontent {
    display: flex;
    justify-content: center
}

.contentblock-container.scrollablecontent>div .button-group {
    width: 100%
}

.contentblock-container.scrollablecontent>div .button-group a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto
}

.contentblock-container.scrollablecontent>div .fullimagesection {
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    margin: 0
}

.contentblock-container.scrollablecontent>div .fullimagesection picture img {
    max-width: 90%;
    width: 396px;
    height: auto;
    max-height: 739px;
    padding: 0 24px
}

.contentblock-container.scrollablecontent>div .fullimagesection.blockimagesection picture img {
    max-width: 100%;
    width: 351px;
    height: 351px;
    padding: 0 24px;
    max-height: auto
}

.contentblock-container.scrollablecontent>div .fullimagesection.contentsection {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    flex-direction: column;
    margin: 44px 24px
}

.contentblock-container.scrollablecontent>div .fullimagesection.contentsection .innercontentsection {
    padding: 0 24px;
    width: 100%;
    margin-top: 38px
}

.contentblock-container.scrollablecontent>div .fullimagesection.contentsection .innercontentsection ul {
    padding-left: 20px
}

.contentblock-container.scrollablecontent>div .fullimagesection.contentsection .innercontentsection p,
.contentblock-container.scrollablecontent>div .fullimagesection.contentsection .innercontentsection li {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {

    .contentblock-container.scrollablecontent>div .fullimagesection.contentsection .innercontentsection p,
    .contentblock-container.scrollablecontent>div .fullimagesection.contentsection .innercontentsection li {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {

    .contentblock-container.scrollablecontent>div .fullimagesection.contentsection .innercontentsection p,
    .contentblock-container.scrollablecontent>div .fullimagesection.contentsection .innercontentsection li {
        font-size: 20px;
        line-height: 28px
    }
}

.contentblock-container.scrollablecontent>div .fullimagesection .scrollscreensection {
    background-repeat: no-repeat;
    background-position: center center;
    width: 350px;
    height: 694px;
    align-items: center;
    justify-content: center;
    display: flex
}

.contentblock-container.scrollablecontent>div .fullimagesection .scrollscreensection.noscreenbg {
    width: 100%;
    height: auto
}

.contentblock-container.scrollablecontent>div .fullimagesection .scrollscreensection.noscreenbg img {
    width: 80%;
    height: auto
}

.contentblock-container.scrollablecontent>div .swiper-buttons {
    display: none;
    flex-direction: row;
    justify-content: space-between;
    width: fit-content;
    margin-left: auto;
    align-self: end;
    padding-top: 0
}

.contentblock-container.scrollablecontent>div .swiper-buttons .swiper-button-disabled {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

.contentblock-container.scrollablecontent>div .swiper-buttons .swiper-button-next,
.contentblock-container.scrollablecontent>div .swiper-buttons .swiper-button-prev {
    position: relative;
    top: inherit;
    margin-top: inherit;
    color: inherit;
    align-items: normal;
    justify-content: inherit;
    width: 48px;
    height: 48px;
    align-self: center;
    background-size: auto
}

.contentblock-container.scrollablecontent>div .swiper-buttons .swiper-button-next:after,
.contentblock-container.scrollablecontent>div .swiper-buttons .swiper-button-prev:after {
    display: none
}

.contentblock-container.scrollablecontent .swiper-container {
    overflow: hidden;
    width: 100%
}

.contentblock-container.scrollablecontent .swiper-container .swiper-wrapper .swiper-slide {
    height: auto
}

.contentblock-container.scrollablecontent .swiper-container .swiper-pagination-container {
    display: flex;
    margin: 64px 0 0
}

.contentblock-container.scrollablecontent .swiper-container .swiper-pagination-container .swiper-pagination {
    padding: 12px 0 0;
    flex-grow: 1;
    position: relative
}

.contentblock-container.scrollablecontent .swiper-container .swiper-pagination-container .swiper-pagination .swiper-pagination-bullet {
    margin-right: 5px
}

.contentblock-container.scrollablecontent .swiper-container .swiper-pagination-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 32px;
    border-radius: 35px;
    background-color: #008533
}

.contentblock-container.scrollablecontent .swiper-container .swiper-pagination-container .nbd-button-prev,
.contentblock-container.scrollablecontent .swiper-container .swiper-pagination-container .nbd-button-next {
    display: none;
    height: 48px;
    width: 48px
}

.contentblock-container.scrollablecontent .swiper-container .swiper-pagination-container .swiper-button-disabled {
    cursor: auto
}

.contentblock-container.scrollablecontent .swiper-container .swiper-pagination-container .nbd-button-prev {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow_back_left_active.svg') */
}

.contentblock-container.scrollablecontent .swiper-container .swiper-pagination-container .nbd-button-prev.swiper-button-disabled {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow_back_left_deactive.svg') */
}

.contentblock-container.scrollablecontent .swiper-container .swiper-pagination-container .nbd-button-next {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow_next_right_active.svg') */
}

.contentblock-container.scrollablecontent .swiper-container .swiper-pagination-container .nbd-button-next.swiper-button-disabled {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow_next_right_deactive.svg') */
}

.contentblock-container.scrollablecontent .swiper-container.contentblock-swiper .swiper-wrapper {
    height: auto
}

.contentblock-container.scrollablecontent .swiper-container.contentblock-swiper.scrollall .fullimagesection {
    padding: 0
}

.contentblock-container.scrollablecontent .swiper-container.contentblock-swiper .swiper-pagination-bullet .swiper-pagination-bullet-active {
    background: #007237
}

@media only screen and (min-width:768px) {
    .contentblock-container.scrollablecontent>div {
        display: flex;
        flex-direction: row
    }

    .contentblock-container.scrollablecontent>div.reversemobileview {
        flex-direction: row
    }

    .contentblock-container.scrollablecontent>div .imagecontent {
        padding-left: 22px;
        padding-right: 22px
    }

    .contentblock-container.scrollablecontent>div .contentsection .innercontentsection {
        padding: 0 22px 0 0
    }

    .contentblock-container.scrollablecontent>div .fullimagesection.contentsection {
        margin: 0
    }

    .contentblock-container.scrollablecontent>div .fullimagesection.contentsection.scrollcontent {
        flex-direction: column
    }

    .contentblock-container.scrollablecontent>div .fullimagesection.contentsection.scrollcontent .swiper-buttons {
        padding-top: 25px
    }

    .contentblock-container.scrollablecontent>div .fullimagesection.contentsection .innercontentsection {
        width: auto;
        margin-top: 0;
        padding: 0 22px 0 0
    }

    .contentblock-container.scrollablecontent>div .fullimagesection.contentsection .swiper-pagination-fraction {
        display: block
    }

    .contentblock-container.scrollablecontent>div .fullimagesection .scrollscreensection .swiper-container .swiper-pagination-bullets {
        display: none
    }

    .contentblock-container.scrollablecontent>div .fullimagesection picture img {
        max-width: 80%;
        width: 396px;
        height: auto;
        max-height: 739px
    }

    .contentblock-container.scrollablecontent>div .fullimagesection.blockimagesection picture img {
        width: 372px;
        height: 372px;
        padding: 0 24px;
        max-width: 100%
    }

    .contentblock-container.scrollablecontent>div .swiper-buttons {
        display: flex;
        padding-top: 40px
    }

    .swiper-container.scrollall .swiper-wrapper .swiper-slide {
        display: flex;
        flex-direction: row
    }

    .swiper-container.contentblock-swiper .swiper-pagination-container {
        padding-left: 10%
    }

    .swiper-container.contentblock-swiper .swiper-pagination-container .nbd-button-prev,
    .swiper-container.contentblock-swiper .swiper-pagination-container .nbd-button-next {
        display: block
    }
}

@media only screen and (min-width:1200px) {
    .contentblock-container.scrollablecontent>div section .imagecontent {
        width: 500px;
        padding-left: 100px;
        padding-top: 32px
    }

    .contentblock-container.scrollablecontent>div .contentsection .innercontentsection {
        padding: 0 210px 0 0
    }

    .contentblock-container.scrollablecontent>div .fullimagesection picture img {
        max-width: 100%
    }

    .contentblock-container.scrollablecontent>div .fullimagesection .scrollscreensection.noscreenbg {
        width: 396px;
        height: 739px
    }

    .contentblock-container.scrollablecontent>div .fullimagesection .scrollscreensection.noscreenbg img {
        width: 100%;
        height: auto
    }

    .contentblock-container.scrollablecontent>div .fullimagesection.blockimagesection picture img {
        width: 600px;
        padding: 0 24px;
        height: 600px
    }

    .contentblock-container.scrollablecontent>div .fullimagesection.blockimagesection .scrollscreensection.noscreenbg img {
        width: 600px;
        height: 600px
    }

    .contentblock-container.scrollablecontent>div .fullimagesection.contentsection .innercontentsection {
        padding: 0 210px 0 0
    }

    .contentblock-container.scrollablecontent>div .contentsection.scrollcontent {
        overflow: hidden;
        width: 100%;
        flex-direction: column;
        padding: 0 210px 0 0
    }
}

.nbd-inpagenav-wrapper {
    z-index: 1060;
    position: sticky;
    top: 0;
    display: inline-flex;
    padding: 16px 0;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08);
    width: 100%;
    cursor: default;
    -webkit-transition: all .5s ease;
    -moz-transition: position 5s;
    -ms-transition: position 5s;
    -o-transition: position 5s;
    transition: all .5s ease;
    scroll-behavior: smooth
}

.nbd-inpagenav-wrapper span {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1025px) {
    .nbd-inpagenav-wrapper span {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-inpagenav-wrapper span a {
    font-family: 'Libre Franklin', sans-serif;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}

@media only screen and (min-width:576px) {
    .nbd-inpagenav-wrapper span a {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-inpagenav-wrapper span a {
        font-size: 14px;
        line-height: 22px
    }
}

.nbd-inpagenav-wrapper .nbd-text-muted a {
    color: #94999c
}

.nbd-inpagenav-wrapper .nbd-text-muted a:hover {
    color: #17252e
}

.nbd-inpagenav-wrapper .nbd-text-muted img {
    height: 14px;
    width: 14px
}

.nbd-inpagenav-wrapper .nbd-text-muted {
    cursor: default
}

.nbd-inpagenav-wrapper .nbd-text-dark {
    color: #17252e;
    cursor: default
}

.nbd-inpagenav-wrapper .nbd-text-dark a {
    color: #17252e;
    cursor: default
}

.nbd-inpagenav-wrapper.sticky {
    position: fixed;
    z-index: 1060;
    left: 0;
    top: 0
}

.nbd-inpagenav-wrapper.blackbg .nbd-text-muted a {
    color: #fff
}

.nbd-inpagenav-wrapper.blackbg .nbd-text-muted a:hover {
    color: #fff
}

.nbd-inpagenav-wrapper.blackbg .nbd-text-dark {
    color: #fff
}

.nbd-inpagenav-wrapper.blackbg .nbd-text-dark a {
    color: #fff
}

.nbd-inpagenav-wrapper.blackbg .link-to-anchor .jump-to-links {
    color: #fff
}

@media only screen and (min-width:768px) {
    .nbd-inpagenav-wrapper {
        height: 64px;
        padding: 21px 0
    }

    .nbd-inpagenav-wrapper span a {
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700
    }

    .nbd-inpagenav-wrapper .nbd-text-muted img {
        height: 17px;
        width: 18px
    }
}

@media only screen and (min-width:768px) and only screen and (min-width:576px) {
    .nbd-inpagenav-wrapper span a {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:768px) and only screen and (min-width:1025px) {
    .nbd-inpagenav-wrapper span a {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:992px) {
    .nbd-inpagenav-wrapper span a {
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700
    }

    .nbd-inpagenav-wrapper .container-fluid {
        margin: 0 105px
    }

    .nbd-inpagenav-wrapper .nbd-text-muted img {
        height: 20px;
        width: 20px
    }
}

@media only screen and (min-width:992px) and only screen and (min-width:1025px) {
    .nbd-inpagenav-wrapper span a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:992px) and only screen and (min-width:576px) {
    .nbd-inpagenav-wrapper span a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:992px) and only screen and (min-width:1025px) {
    .nbd-inpagenav-wrapper span a {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-link-bar {
    box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.08)
}

.nbd-link-bar span,
.nbd-link-bar a {
    display: block
}

.nbd-link-bar .jump-to-text {
    color: #949c9e;
    margin: 5px 0 2px 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.nbd-link-bar .jump-to-links {
    color: #494f50;
    margin: 16px 0;
    cursor: pointer
}

.nbd-link-bar .line-break {
    height: 1px;
    box-sizing: border-box;
    border: .5px solid #eee
}

@media only screen and (min-width:768px) {
    .nbd-link-bar .link-to-anchor {
        display: inline-block
    }

    .nbd-link-bar span,
    .nbd-link-bar a {
        display: inline-flex
    }

    .nbd-link-bar .jump-to-text {
        margin: 0 12px 2px 0;
        padding-bottom: 14px
    }

    .nbd-link-bar .jump-to-links {
        color: #494f50;
        margin: 0 0 2px 14px;
        padding-bottom: 14px
    }

    .nbd-link-bar .line-break {
        display: none
    }

    .link-to-anchor .scrolling-action.active {
        border-bottom: 2px solid #008533
    }
}

@media only screen and (min-width:1024px) {
    .nbd-link-bar .container-fluid {
        margin: 0 105px
    }

    .link-to-anchor {
        display: inline-flex
    }

    .link-to-anchor span,
    .link-to-anchor a {
        display: inline-flex
    }

    .link-to-anchor .jump-to-links {
        color: #494f50;
        margin: 0 0 2px 14px;
        cursor: pointer
    }

    .link-to-anchor .line-break {
        display: none
    }
}

.nbd-fnt-bg {
    background-color: #fafafa
}

.nbd-fnt-stone-bg {
    background-color: #f7f1e9
}

.nbd-fnt-container {
    margin-top: 64px;
    width: 100%;
    height: auto;
    padding: 0 22px 40px 22px
}

.nbd-fnt-container .nbd-fnt-img-pos-left,
.nbd-fnt-container .nbd-fnt-img-pos-right {
    flex-direction: column-reverse
}

.nbd-fnt-container div.nbd-fnt-direction-center,
.nbd-fnt-container div.nbd-fnt-direction-center-small {
    padding: 40px 0
}

.nbd-fnt-container .nbd-fnt-direction {
    text-align: center
}

.nbd-fnt-container h2 {
    color: #17252e;
    margin-bottom: 24px
}

.nbd-fnt-container p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 38px
}

@media only screen and (min-width:576px) {
    .nbd-fnt-container p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-fnt-container p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-fnt-container .nbd-fnt-learn {
    color: #008533;
    font-weight: 500;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    align-items: center;
    text-align: center;
    display: grid
}

@media only screen and (min-width:1025px) {
    .nbd-fnt-container .nbd-fnt-learn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-fnt-container .nbd-fnt-learn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-fnt-container .nbd-fnt-learn {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-fnt-container .nbd-fnt-learn .nbd-btn {
    margin: 30px 0 0 0;
    padding: 16px;
    max-width: 100%
}

.nbd-fnt-container .nbd-fnt-mobileimage {
    width: 279px;
    height: 533px;
    object-fit: cover;
    margin: -24px 0 0 0
}

.nbd-fnt-container .mobileimage #lottie {
    width: 279px;
    height: 533px
}

.nbd-fnt-container .nbd-fnt-mobilescreenshotimage {
    width: 280px;
    height: 252px;
    object-fit: cover;
    margin-top: 40px
}

.nbd-fnt-container .mobilescreenshot #lottie {
    width: 280px;
    height: 252px
}

.nbd-fnt-container .nbd-cobl-anchor {
    color: #008533
}

.nbd-fnt-container .nbd-cobl-anchor-left {
    text-align: left
}

.nbd-cobl-anchor:hover {
    color: #008533;
    cursor: pointer
}

.nbd-cobl-anchor:hover .right-arrow-btn {
    transform: translateX(8px)
}

.nbd-cobl-anchor:hover .down-arrow-btn {
    transform: translateY(8px)
}

.nbd-cobl-anchor:hover .up-right-arrow-btn {
    transform: translate(8px, -8px)
}

@media only screen and (min-width:768px) {
    .nbd-fnt-container {
        margin-top: 96px;
        padding: 0 22px
    }

    .nbd-fnt-container div.nbd-fnt-direction-center {
        padding: 73px 0 0 22px
    }

    .nbd-fnt-container .nbd-fnt-img-pos-left div.nbd-fnt-direction-center {
        padding: 73px 22px 0 0
    }

    .nbd-fnt-container .nbd-fnt-img-pos-left div .nbd-fnt-direction {
        text-align: start
    }

    .nbd-fnt-container .nbd-fnt-img-pos-right div.nbd-fnt-direction-center-small,
    .nbd-fnt-container .nbd-fnt-img-pos-left div.nbd-fnt-direction-center-small {
        padding: 40px 22px 109px 0
    }

    .nbd-fnt-container .nbd-fnt-img-pos-left {
        flex-direction: row-reverse
    }

    .nbd-fnt-container .nbd-fnt-img-pos-right {
        flex-direction: row
    }

    .nbd-fnt-container h2 {
        margin-bottom: 16px
    }

    .nbd-fnt-container .nbd-fnt-learn .nbd-btn {
        max-width: 295px
    }

    .nbd-fnt-container .nbd-fnt-learn {
        text-align: left
    }

    .nbd-fnt-container .nbd-fnt-direction {
        text-align: end
    }

    .nbd-fnt-container .nbd-fnt-mobileimage {
        width: 279px;
        height: 533px;
        object-fit: cover;
        margin: -30px 0 84px 0
    }

    .nbd-fnt-container .mobileimage #lottie {
        width: 279px;
        height: 533px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-fnt-container {
        padding: 0
    }

    .nbd-fnt-container .nbd-fnt-img-pos-right div.nbd-fnt-direction-center {
        padding: 125px 0 0 210px
    }

    .nbd-fnt-container .nbd-fnt-img-pos-left div.nbd-fnt-direction-center {
        padding: 125px 0 0 0
    }

    .nbd-fnt-container .nbd-fnt-img-pos-right div.nbd-fnt-direction-center-small,
    .nbd-fnt-container .nbd-fnt-img-pos-left div.nbd-fnt-direction-center-small {
        padding: 96px 0 93px 0
    }

    .nbd-fnt-container h2 {
        margin-bottom: 32px;
        max-width: 390px
    }

    .nbd-fnt-container p {
        margin-bottom: 40px;
        max-width: 390px
    }

    .nbd-fnt-container .nbd-fnt-learn {
        align-items: center;
        width: 100%;
        max-width: 465px
    }

    .nbd-fnt-container .nbd-fnt-learn .nbd-cobl-anchor {
        margin: 0 32px 0 0
    }

    .nbd-fnt-container .nbd-fnt-learn .nbd-btn {
        margin: 30px 0 0 0
    }

    .nbd-fnt-container .nbd-fnt-mobileimage {
        width: 357px;
        height: 681px;
        object-fit: cover;
        margin: -32px 0 32px 0
    }

    .nbd-fnt-container .mobileimage #lottie {
        width: 357px;
        height: 681px
    }

    .nbd-fnt-container .nbd-fnt-mobilescreenshotimage {
        width: 390px;
        object-fit: contain;
        height: 100%;
        margin-top: 0
    }

    .nbd-fnt-container .mobilescreenshot #lottie {
        width: 390px;
        height: 100%
    }

    .nbd-fnt-container .nbd-fnt-direction,
    .nbd-fnt-container .nbd-fnt-img-pos-left div .nbd-fnt-direction {
        text-align: center
    }
}

@media only screen and (min-width:1200px) {
    .nbd-fnt-container .nbd-fnt-learn {
        min-width: 465px;
        display: flex
    }

    .nbd-fnt-container .nbd-fnt-learn .nbd-btn {
        margin: 0
    }
}

.features {
    overflow-x: hidden;
    position: relative;
    height: 100%;
    content: '>'
}

.nbd-fnt-desktop-img-container {
    margin-top: 64px;
    width: 100%;
    height: auto;
    padding-bottom: 40px
}

.nbd-fnt-desktop-img-container .nbd-fnt-direction-large {
    padding: 40px 22px
}

.nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left,
.nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right {
    flex-direction: column-reverse
}

.nbd-fnt-desktop-img-container h2 {
    color: #17252e;
    margin-bottom: 24px
}

.nbd-fnt-desktop-img-container p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

@media only screen and (min-width:576px) {
    .nbd-fnt-desktop-img-container p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-fnt-desktop-img-container p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-fnt-desktop-img-container .nbd-fnt-learn-desktop {
    color: #008533;
    font-weight: 500;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    align-items: center;
    text-align: center;
    display: grid;
    margin-top: 38px
}

@media only screen and (min-width:1025px) {
    .nbd-fnt-desktop-img-container .nbd-fnt-learn-desktop {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-fnt-desktop-img-container .nbd-fnt-learn-desktop {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-fnt-desktop-img-container .nbd-fnt-learn-desktop {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-fnt-desktop-img-container .nbd-fnt-learn-desktop .nbd-btn {
    margin: 30px 0 0 0;
    padding: 16px;
    max-width: 100%
}

.nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right .nbd-fnt-desktopimage {
    width: 100vw;
    height: auto;
    margin: -16px -17% 0 0
}

.nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right .desktopcutimage #lottie {
    width: 100vw;
    height: 100%
}

.nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left .nbd-fnt-desktopimage {
    width: 100vw;
    height: auto;
    margin: -16px 0 0 -17%
}

.nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left .desktopcutimage #lottie {
    width: 100vw;
    height: 100%
}

.nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right .nbd-fnt-laptopimage,
.nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left .nbd-fnt-laptopimage {
    width: 100%;
    height: auto;
    margin: -16px 0 0 0
}

.nbd-fnt-desktop-img-container .nbd-cobl-anchor {
    color: #008533
}

.nbd-fnt-desktop-img-container .nbd-cobl-anchor-left,
.nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left .nbd-fnt-direction-desktop {
    text-align: left
}

.nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right .nbd-fnt-direction-desktop {
    text-align: right
}

.nbd-cobl-anchor:hover {
    color: #008533;
    cursor: pointer
}

.nbd-cobl-anchor:hover .right-arrow-btn {
    transform: translateX(8px)
}

.nbd-cobl-anchor:hover .down-arrow-btn {
    transform: translateY(8px)
}

.nbd-cobl-anchor:hover .up-right-arrow-btn {
    transform: translate(8px, -8px)
}

.nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right .desktopfullimage #lottie {
    width: 100%;
    height: 100%
}

.nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left .desktopfullimage #lottie {
    width: 100%;
    height: 100%
}

@media only screen and (min-width:768px) {
    .nbd-fnt-desktop-img-container {
        margin-top: 96px
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-direction-large {
        padding: 32px 22px
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left {
        flex-direction: row-reverse
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right {
        flex-direction: row
    }

    .nbd-fnt-desktop-img-container h2 {
        margin-bottom: 16px
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-learn-desktop .nbd-btn {
        max-width: 295px
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-learn-desktop {
        text-align: left
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-direction {
        text-align: end
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right .nbd-fnt-desktopimage {
        width: 81vw;
        height: auto
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right .desktopcutimage #lottie {
        width: 81vw;
        height: auto
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left .nbd-fnt-desktopimage {
        width: 81vw;
        height: auto;
        margin: 0 0 0 -22%
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left .desktopcutimage #lottie {
        width: 81vw;
        height: auto
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right .desktopfullimage #lottie {
        width: 100%;
        height: 100%
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left .desktopfullimage #lottie {
        width: 100%;
        height: 100%
    }
}

@media only screen and (min-width:1025px) {
    .nbd-fnt-desktop-img-container {
        padding: 0 0 32px 0
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right div.nbd-fnt-direction-large {
        padding: 105px 0 0 105px
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left div.nbd-fnt-direction-large {
        padding: 105px 0 0 0
    }

    .nbd-fnt-desktop-img-container h2 {
        margin-bottom: 32px;
        max-width: 390px
    }

    .nbd-fnt-desktop-img-container p {
        max-width: 390px
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-learn-desktop {
        align-items: center;
        width: 100%;
        max-width: 465px;
        margin-top: 40px
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-learn-desktop .nbd-cobl-anchor {
        margin: 0 32px 0 0
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-learn-desktop .nbd-btn {
        margin: 30px 0 0 0
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right .nbd-fnt-desktopimage {
        width: 76vw;
        height: auto;
        margin: -24px -20% 0 0
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right .desktopcutimage #lottie {
        width: 76vw;
        height: 100%
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left .nbd-fnt-desktopimage {
        width: 76vw;
        height: auto;
        margin: -24px 0 0 -20%
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left .desktopcutimage #lottie {
        width: 76vw;
        height: 100%
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-direction,
    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left div .nbd-fnt-direction {
        text-align: center
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right .nbd-fnt-direction-laptop {
        padding-right: 105px
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left .nbd-fnt-direction-laptop {
        padding-left: 105px
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right .nbd-fnt-laptopimage,
    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left .nbd-fnt-laptopimage {
        margin: -24px 0 0 0
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right .desktopfullimage #lottie {
        width: 100%;
        height: 100%
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left .desktopfullimage #lottie {
        width: 100%;
        height: 100%
    }
}

@media only screen and (min-width:1440px) {
    .nbd-fnt-desktop-img-container .nbd-fnt-learn-desktop {
        min-width: 465px;
        display: flex
    }

    .nbd-fnt-desktop-img-container .nbd-fnt-learn-desktop .nbd-btn {
        margin: 0
    }
}

.nbd-fnt-desktop-bullet-container {
    margin-top: 64px;
    width: 100%;
    height: auto
}

.nbd-fnt-desktop-bullet-container .nbd-fnt-direction-large-desc {
    padding: 40px 22px
}

.nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-left,
.nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-right {
    flex-direction: column-reverse
}

.nbd-fnt-desktop-bullet-container h2 {
    color: #17252e;
    margin-bottom: 24px
}

.nbd-fnt-desktop-bullet-container p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-fnt-desktop-bullet-container li {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-fnt-desktop-bullet-container li:not(:last-child) {
    margin-bottom: 10px
}

.nbd-fnt-desktop-bullet-container ul {
    padding-left: 15px;
    margin-top: 24px
}

.nbd-fnt-desktop-bullet-container .nbd-fnt-learn-desktop {
    color: #008533;
    font-weight: 500;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    align-items: center;
    text-align: center;
    display: grid;
    margin-top: 38px
}

@media only screen and (min-width:1025px) {
    .nbd-fnt-desktop-bullet-container .nbd-fnt-learn-desktop {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-fnt-desktop-bullet-container .nbd-fnt-learn-desktop {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-fnt-desktop-bullet-container .nbd-fnt-learn-desktop {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-fnt-desktop-bullet-container .nbd-fnt-learn-desktop .nbd-btn {
    margin: 30px 0 0 0;
    padding: 16px;
    max-width: 100%
}

.nbd-fnt-desktop-bullet-container .nbd-cobl-anchor {
    color: #008533
}

.nbd-fnt-desktop-bullet-container .nbd-cobl-anchor-left,
.nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-left .nbd-fnt-direction-desktop-bullets {
    text-align: left
}

.nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-right .nbd-fnt-direction-desktop-bullets {
    text-align: right
}

.nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-right .nbd-fnt-desktopimagewithbullets {
    width: 100%;
    height: auto;
    margin: -16px -18% 0 0
}

.nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-right .desktopcutimagewithbullets #lottie {
    width: 100%;
    height: auto
}

.nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-left .nbd-fnt-desktopimagewithbullets {
    width: 100%;
    height: auto;
    margin: -16px 0 0 -18%
}

.nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-left .desktopcutimagewithbullets #lottie {
    width: 100%;
    height: auto
}

.nbd-cobl-anchor:hover {
    color: #008533;
    cursor: pointer
}

.nbd-cobl-anchor:hover .right-arrow-btn {
    transform: translateX(8px)
}

.nbd-cobl-anchor:hover .down-arrow-btn {
    transform: translateY(8px)
}

.nbd-cobl-anchor:hover .up-right-arrow-btn {
    transform: translate(8px, -8px)
}

@media only screen and (min-width:768px) {
    .nbd-fnt-desktop-bullet-container {
        margin-top: 96px
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-direction-large-desc {
        padding: 32px 22px
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-left {
        flex-direction: row-reverse
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-right {
        flex-direction: row
    }

    .nbd-fnt-desktop-bullet-container h2 {
        margin-bottom: 16px
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-learn-desktop .nbd-btn {
        max-width: 294px
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-learn-desktop {
        text-align: left
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-direction {
        text-align: end
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-right .nbd-fnt-desktopimagewithbullets {
        width: 71vw;
        height: auto;
        margin: -16px -21% 0 0
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-right .desktopcutimagewithbullets #lottie {
        width: 71vw;
        height: 100%
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-left .nbd-fnt-desktopimagewithbullets {
        width: 71vw;
        height: auto;
        margin: -16px 0 0 -21%
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-left .desktopcutimagewithbullets #lottie {
        width: 71vw;
        height: 100%
    }
}

@media only screen and (min-device-width:992px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) {
    .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-right .nbd-fnt-desktopimagewithbullets {
        width: 60vw;
        height: auto;
        margin: -16px -21% 0 0
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-left .nbd-fnt-desktopimagewithbullets {
        width: 60vw;
        height: auto;
        margin: -16px 0 0 -21%
    }
}

@media only screen and (min-width:1025px) {
    .nbd-fnt-desktop-bullet-container {
        padding: 0
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-right div.nbd-fnt-direction-large-desc {
        padding: 72px 15px 40px 105px
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-left div.nbd-fnt-direction-large-desc {
        padding: 72px 105px 40px 15px
    }

    .nbd-fnt-desktop-bullet-container h2 {
        margin-bottom: 32px
    }

    .nbd-fnt-desktop-bullet-container p {
        margin-bottom: 0
    }

    .nbd-fnt-desktop-bullet-container ul {
        margin-top: 32px
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-learn-desktop {
        align-items: center;
        width: 100%;
        max-width: 465px;
        margin-top: 40px
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-learn-desktop .nbd-cobl-anchor {
        margin: 0 32px 0 0
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-learn-desktop .nbd-btn {
        margin: 30px 0 0 0
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-right .nbd-fnt-desktopimagewithbullets {
        width: 61vw;
        height: auto;
        margin: 70px -22% 96px 0
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-right .desktopcutimagewithbullets #lottie {
        width: 61vw;
        height: 100%
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-left .nbd-fnt-desktopimagewithbullets {
        width: 61vw;
        height: auto;
        margin: 70px 0 96px -22%
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-left .desktopcutimagewithbullets #lottie {
        width: 61vw;
        height: 100%
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-direction,
    .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-left div .nbd-fnt-direction {
        text-align: center
    }
}

@media only screen and (min-width:1200px) {
    .nbd-fnt-desktop-bullet-container .nbd-fnt-learn {
        min-width: 465px
    }

    .nbd-fnt-desktop-bullet-container ul {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        column-gap: 55px
    }

    .nbd-fnt-desktop-bullet-container ul li {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-learn-desktop .nbd-btn {
        margin: 0
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-learn-desktop {
        min-width: 465px;
        display: flex
    }

    .nbd-fnt-desktop-bullet-container .nbd-fnt-learn-desktop .nbd-btn {
        margin: unset
    }
}

#articleCards .card-deck .card.nbd-article-card {
    flex: unset
}

#articleCards .card-deck .card.nbd-article-card .nbd-card-footer {
    padding: 0 24px 24px 24px
}

.nbd-article-heading {
    color: #17252e;
    margin: 32px 0 32px 0
}

.nbd-show-more-container {
    text-align: center;
    margin: 52px auto 52px auto;
    width: 100%;
    display: none
}

.nbd-show-more-container span {
    display: inline-flex;
    margin: auto;
    font-weight: 700;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

@media only screen and (min-width:1025px) {
    .nbd-show-more-container span {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-show-more-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/plus_add_new.svg'); */
    background-size: 32px 32px;
    display: block;
    height: 32px;
    width: 32px;
    margin-left: 16px;
    position: relative
}

.nbd-card-header {
    border-radius: 0;
    padding: 0;
    background-color: transparent;
    border: 0
}

.nbd-card-body {
    min-height: auto;
    padding: 0
}

.nbd-card-footer {
    border-radius: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    border: 1.5px solid #e5edec;
    border-top: 0;
    padding: 0 16px 24px 16px
}

.nbd-article-card-img img {
    object-fit: cover;
    object-position: center
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-show-more-container {
        margin: 80px auto 50px auto
    }

    .nbd-show-more-icon {
        background-size: 32px 32px;
        height: 32px;
        width: 32px;
        margin-left: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-show-more-container {
        margin: 80px auto 40px auto
    }

    .nbd-show-more-icon {
        background-size: 42px 42px;
        height: 42px;
        width: 42px;
        margin-left: 24px
    }
}

#articleCards .nbd-article-card {
    box-sizing: border-box;
    min-width: 284px;
    border-radius: 0;
    border: 0;
    background-color: #fff;
    display: inline-block
}

.nbd-article-card p {
    margin: 0
}

.nbd-article-card-img img {
    height: 180px;
    width: 100%
}

.nbd-article-card-body {
    padding: 16px 16px 0 16px;
    border: 1.5px solid #e5edec;
    border-bottom: 0
}

.nbd-article-card-info {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 24px 0
}

.nbd-article-card-info p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.nbd-article-card-info .nbd-article-author {
    color: #494f50;
    padding-bottom: 0
}

.nbd-article-card-info .nbd-article-date {
    color: #949c9e
}

.nbd-article-card-heading {
    margin-bottom: 16px
}

.nbd-article-card-heading h5 {
    color: #17252e
}

.nbd-article-card-heading h3 {
    color: #17252e
}

.nbd-article-card-content {
    margin-bottom: 16px
}

.nbd-article-card-content p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.nbd-article-card-Link a {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: inline-flex;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-article-card-Link a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-article-card-Link a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-article-card-Link a {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-play-btn-card .nbd-article-card-heading {
    margin-bottom: 16px
}

.nbd-article-card-Link .nbd-play-btn {
    height: 40.38px;
    width: 40.38px
}

.nbd-article-card-time {
    color: #949c9e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-left: 5px;
    text-align: right
}

.nbd-article-card-Link span {
    color: #949c9e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: right
}

.nbd-ml-article {
    display: block
}

.nbd-tab-dp-article {
    display: none
}

.nbd-icon-watch-clock {
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/time_watch_clock.svg'); */
    height: 14px;
    width: 14px;
    position: relative;
    top: 1px;
    margin-right: 5px
}

.nbd-text-bottom span {
    position: absolute;
    top: inherit;
    right: 16px;
    bottom: 0;
    left: inherit
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-article-heading {
        margin: 40px 0
    }

    .nbd-article-card {
        min-height: 243px;
        width: 384px
    }

    #articleCards .card-deck .card {
        margin: 0 10px 48px 10px;
        flex: inherit
    }

    .nbd-article-card-img img {
        height: 226px
    }

    .nbd-article-card-heading {
        margin-bottom: 16px
    }

    .line-clamp {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .nbd-article-card-content {
        margin-bottom: 16px
    }

    .nbd-ml-article {
        display: none
    }

    .nbd-tab-dp-article {
        display: block
    }
}

@media only screen and (min-width:1025px) {
    .nbd-article-heading {
        margin: 64px 0 64px 0
    }

    .nbd-article-card {
        min-height: 281px;
        width: 360px
    }

    #articleCards .card-deck .card {
        margin: 0 14px 64px 14px;
        flex: inherit
    }

    .nbd-article-card-img img {
        height: 250px
    }

    .nbd-article-card-heading {
        margin-bottom: 16px
    }

    .nbd-article-card-content {
        margin-bottom: 16px
    }

    .nbd-ml-article {
        display: none
    }

    .nbd-tab-dp-article {
        display: block
    }
}

@media only screen and (min-width:1430px) {
    .nbd-article-card {
        width: 388px
    }
}

.nbd-time-card {
    box-sizing: border-box;
    min-height: 203px;
    border: 0;
    border-radius: 12px;
    padding: 24px 20px 20px 20px;
    margin: 11px 3px;
    background-color: rgba(0, 133, 51, 0.05)
}

.nbd-time-card.highlighted {
    background-color: #008533;
    color: #fff
}

.nbd-time-card-heading {
    margin-bottom: 24.5px
}

.nbd-time-card-heading h3 {
    color: #17252e;
    margin: 0
}

.nbd-time-card-content {
    margin-bottom: 24.5px
}

.nbd-time-card-content p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0
}

@media only screen and (min-width:576px) {
    .nbd-time-card-content p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-time-card-content p {
        font-size: 20px;
        line-height: 28px
    }
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.nbd-time-card-Link a {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: inline-flex
}

.nbd-time-card-time {
    color: #949c9e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-left: 5px;
    text-align: right
}

.nbd-time-card-Link span {
    color: #949c9e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: right
}

.nbd-ml-time {
    display: block
}

.nbd-tab-dp-time {
    display: none
}

.nbd-icon-watch-clock {
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/time_watch_clock.svg'); */
    height: 13px;
    width: 13px;
    position: relative;
    top: 1px;
    margin-right: 5px
}

.nbd-time-card .nbd-card-header {
    border-radius: 0;
    padding: 0;
    background-color: transparent;
    border: 0
}

.nbd-time-card .nbd-card-body {
    min-height: auto;
    padding: 0
}

.nbd-time-card .nbd-card-footer {
    border-radius: 0;
    padding: 0;
    background-color: transparent;
    border: 0
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-time-card {
        min-height: 243px;
        width: 350px;
        padding: 29px 27px 20px 30px;
        margin: 10px
    }

    .nbd-time-card-heading {
        margin-bottom: 20px
    }

    .nbd-time-card-content {
        margin-bottom: 25px
    }

    .nbd-ml-time {
        display: none
    }

    .nbd-tab-dp-time {
        display: block
    }

    .articlecard .card-deck .card {
        flex: none;
        margin-right: 13px;
        margin-left: 14px;
        margin-top: 16px;
        margin-bottom: 16px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-time-card {
        min-height: 281px;
        width: 388px;
        padding: 40px 40px 40px 40px;
        margin: 14px
    }

    .nbd-time-card-heading {
        margin-bottom: 32px
    }

    .nbd-time-card-content {
        margin-bottom: 32px
    }

    .nbd-ml-time {
        display: none
    }

    .nbd-tab-dp-time {
        display: block
    }

    .articlecard .card-deck .card {
        margin-right: 12px;
        margin-left: 12px;
        margin-top: 16px;
        margin-bottom: 16px
    }
}

@media only screen and (min-width:1350px) {
    .nbd-time-card {
        width: 360px
    }
}

.nbd-article-post-date span,
.nbd-article-date span {
    text-transform: capitalize
}

.ndb-post-status {
    display: flex
}

.nbd-watch {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 24px 0;
    display: block
}

.nbd-status-hr {
    width: 70px;
    border-top: 1.5px solid #78be20;
    margin: 12px 0 0 24px
}

#articleCards .nbd-article-card {
    box-sizing: border-box;
    min-width: 284px;
    border-radius: 0;
    border: 0;
    background-color: #fff;
    margin: 11px 3px;
    display: inline-block
}

.nbd-article-card p {
    margin: 0
}

.nbd-article-card-img img {
    height: 180px;
    width: 100%
}

.nbd-article-card-body {
    padding: 32px 24px 16px 24px
}

.nbd-article-card-info {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 24px 0
}

.nbd-article-card-info .nbd-article-author {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #494f50
}

.nbd-article-card-info .nbd-article-date {
    color: #949c9e
}

.nbd-article-card-heading {
    margin-bottom: 16px
}

.nbd-article-card-heading h5 {
    margin-bottom: 0
}

.nbd-article-card-heading h3 {
    color: #17252e
}

.nbd-article-card-heading h5 {
    color: #17252e
}

.nbd-article-card-content {
    margin-bottom: 16px
}

.nbd-article-card-content p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.nbd-article-card-Link a {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: inline-flex;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-article-card-Link a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-article-card-Link a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-article-card-Link a {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-play-btn-card .nbd-article-card-heading {
    margin-bottom: 16px
}

.nbd-article-card-Link .nbd-play-btn {
    height: 40.38px;
    width: 40.38px
}

.nbd-article-card-time {
    color: #949c9e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-left: 5px;
    text-align: right
}

.nbd-article-card-Link span {
    color: #949c9e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-align: right
}

.nbd-ml-article {
    display: block
}

.nbd-tab-dp-article {
    display: none
}

.nbd-icon-watch-clock {
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/time_watch_clock.svg'); */
    height: 14px;
    width: 14px;
    position: relative;
    top: 1px;
    margin-right: 5px
}

.nbd-text-bottom span {
    position: absolute;
    top: inherit;
    right: 16px;
    bottom: 2px;
    left: inherit
}

.nbd-show-more-container {
    text-align: center;
    margin-top: 52px;
    margin-bottom: 52px
}

.nbd-show-more-container span {
    display: inline-flex;
    margin: auto;
    font-weight: 700;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    color: #008533
}

@media only screen and (min-width:1025px) {
    .nbd-show-more-container span {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-show-more-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/plus_add_new_green.svg'); */
    background-size: 32px 32px;
    display: block;
    height: 32px;
    width: 32px;
    margin-left: 16px;
    position: relative;
    top: -5px
}

.only-tab-mb {
    display: flex
}

.only-desktop {
    display: none
}

.card-deck .article-bg-green {
    background-color: #008533
}

.card-deck .article-bg-green .nbd-time-card-heading h3,
.card-deck .article-bg-green .nbd-time-card-content p {
    color: #fff
}

.card-deck .article-bg-green .nbd-time-card-Link span {
    color: #fff
}

.card-deck .article-bg-green .image-object {
    filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(0) hue-rotate(237deg) brightness(105%) contrast(107%)
}

.nbd-article-post-card-content p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .nbd-article-post-card-content p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-article-post-card-content p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-article-post-card-Link a {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-article-post-card-Link a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-article-post-card-Link a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-article-post-card-Link a {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-article-post-card-info {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 24px 0
}

.nbd-article-post-card-info .nbd-article-post-author {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #494f50
}

.nbd-article-post-card-info .nbd-article-post-date {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #949c9e
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    #articleCards .swiper-slide {
        width: auto
    }

    .nbd-article-card {
        min-height: 243px;
        width: 350px;
        margin: 10px
    }

    .nbd-article-card-img img {
        height: 226px
    }

    .nbd-article-card-heading {
        margin-bottom: 16px
    }

    .line-clamp {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .nbd-article-card-content {
        margin-bottom: 16px
    }

    .nbd-ml-article {
        display: none
    }

    .nbd-tab-dp-article {
        display: block
    }

    .only-tab-mb {
        display: flex
    }

    .only-desktop {
        display: none
    }
}

@media only screen and (max-width:360px) {
    .nbd-article-card-Link a {
        font-size: 14px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-article-card {
        min-height: 281px;
        width: 388px;
        margin: 14px
    }

    .nbd-article-card-img img {
        height: 250px
    }

    .nbd-article-card-heading {
        margin-bottom: 16px
    }

    .nbd-article-card-content p {
        -webkit-line-clamp: 2
    }

    .nbd-article-card-content {
        margin-bottom: 16px
    }

    .nbd-ml-article {
        display: none
    }

    .nbd-tab-dp-article {
        display: block
    }

    .only-tab-mb {
        display: flex
    }

    .only-desktop {
        display: block
    }
}

@media only screen and (min-width:1025px) {
    #articleCards .swiper-slide .nbd-article-card {
        display: none
    }

    .nbd-arrow-back-left,
    .nbd-arrow-next-right {
        display: block
    }

    #articleCards .nbd-article-post-card {
        box-sizing: border-box;
        border-radius: 0;
        border: 0;
        background-color: #fff;
        margin: 11px 3px;
        display: inline-block;
        height: 500px;
        min-width: 598px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    #articleCards .swiper-slide .nbd-article-post-card {
        box-sizing: border-box;
        border-radius: 0;
        border: 0;
        background-color: #fff;
        margin: 11px 3px;
        display: inline-block;
        height: 500px;
        min-width: 598px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    #articleCards .swiper-slide {
        width: auto !important
    }

    #articleCards .swiper-container-horizontal>.swiper-pagination-bullets,
    #articleCards .swiper-pagination-custom,
    #articleCards .swiper-pagination-fraction {
        position: relative !important
    }

    .carousel-item.active {
        display: flex
    }

    .nbd-article-post-card p {
        margin: 0
    }

    .nbd-article-post-card-img img {
        height: 180px;
        width: 100%
    }

    .nbd-article-post-card-body {
        display: flex;
        flex-direction: column;
        padding: 48px 32px 32px 32px;
        border: 0 solid #e5edec;
        background-color: #fff;
        height: 400px;
        width: 390px;
        margin: 50px 24px;
        filter: opacity(0.94)
    }

    .nbd-article-post-card-heading {
        margin-bottom: 24px
    }

    .nbd-article-post-card-heading h4 {
        margin-bottom: 0
    }

    .nbd-article-post-card-content {
        margin-bottom: 24px
    }

    .nbd-article-post-card-content p {
        color: #494f50;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0
    }

    .line-clamp {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    .nbd-article-post-card-Link {
        justify-self: end;
        margin-top: auto
    }

    .nbd-article-post-card-Link a {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: inline-flex;
        color: #008533
    }

    .nbd-play-btn-card .nbd-article-post-card-heading {
        margin-bottom: 24px
    }

    .nbd-article-post-card-Link .nbd-play-btn {
        height: 40.38px;
        width: 40.38px
    }

    .nbd-article-post-card-time {
        color: #949c9e;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        margin-left: 5px;
        text-align: right
    }

    .nbd-article-post-card-Link span {
        color: #949c9e;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        text-align: right
    }

    .nbd-ml-article {
        display: block
    }

    .nbd-tab-dp-article {
        display: none
    }

    .nbd-icon-watch-clock {
        display: inline-block;
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/time_watch_clock.svg'); */
        height: 14px;
        width: 14px;
        position: relative;
        top: 1px;
        margin-right: 5px
    }

    .nbd-text-bottom span {
        position: absolute;
        top: inherit;
        right: 16px;
        bottom: 2px;
        left: inherit
    }

    .nbd-show-more-container {
        text-align: center;
        margin-top: 52px;
        margin-bottom: 52px
    }

    .nbd-show-more-icon {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/plus_add_new_green.svg'); */
        background-size: 32px 32px;
        display: block;
        height: 32px;
        width: 32px;
        margin-left: 16px;
        position: relative;
        top: -5px
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    #articleCards .swiper-slide .nbd-article-post-card {
        display: none
    }

    .nbd-article-card {
        display: block
    }

    .nbd-show-more-container {
        margin-top: 80px;
        margin-bottom: 50px
    }

    .nbd-show-more-icon {
        background-size: 32px 32px;
        height: 32px;
        width: 32px;
        margin-left: 24px;
        top: -5px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-show-more-container {
        margin-top: 80px;
        margin-bottom: 40px
    }

    .nbd-show-more-icon {
        background-size: 42px 42px;
        height: 42px;
        width: 42px;
        margin-left: 24px;
        top: -10px
    }
}

@media only screen and (min-width:1025px) and (max-width:1439px) {
    .nbd-article-card {
        width: 360px
    }

    #articleCards .nbd-article-post-card {
        min-width: 554px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .nbd-article-card {
        width: 391px;
        margin: 0 15px 48px 15px
    }
}

@media only screen and (min-width:576px) {
    .article .card-deck #dynamic-card-deck {
        display: flex;
        flex-flow: row wrap
    }
}

.nbd-articledetail-container .article-text-wrapper {
    margin: 0;
    padding: 0;
    width: 100%
}

.nbd-articledetail-container .nbd-article-banner-bg-img {
    height: 189px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: rgba(23, 37, 46, 0.3);
    margin: 0 0 32px 0
}

.nbd-articledetail-container .overlay-black-theme {
    background-color: rgba(23, 37, 46, 0.3)
}

.nbd-articledetail-container .overlay-white-theme {
    background-color: rgba(255, 255, 255, 0.3)
}

.nbd-articledetail-container .overlay {
    top: 0;
    left: 0;
    width: 100%;
    position: relative;
    z-index: 1;
    display: none
}

.nbd-articledetail-container .nbd-article-banner-details {
    margin: 0 0 20px 0;
    position: absolute;
    z-index: 2;
    display: none
}

.nbd-articledetail-container .nbd-article-banner-title span {
    display: inline-block;
    font-weight: normal
}

.nbd-articledetail-container .nbd-article-banner-img {
    height: 493px;
    width: 704px;
    background-color: #fff
}

.nbd-articledetail-container .nbd-article-author-details {
    margin: 0
}

.nbd-articledetail-container .nbd-article-published-info {
    display: inline-flex;
    margin-bottom: 30px
}

.nbd-articledetail-container .nbd-article-author-info p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-articledetail-container .nbd-article-author-info {
    margin-left: 20px
}

.nbd-articledetail-container .nbd-article-author-name {
    color: #494f50;
    margin: 0 0 10px 0
}

.nbd-articledetail-container .nbd-article-Published-date {
    color: #94999c;
    margin: 0
}

.nbd-articledetail-container .nbd-article-Published-date span {
    margin-left: 30px;
    color: #494f50;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    display: none
}

.nbd-articledetail-container .nbd-article-Published-date-mb {
    display: block;
    margin-bottom: 30px
}

.nbd-articledetail-container .nbd-icon-watch-clock {
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/time_watch_clock.svg'); */
    height: 13px;
    width: 13px;
    position: relative;
    top: 1px;
    margin-right: 5px;
    background-position: center;
    background-size: contain
}

.nbd-articledetail-container .nbd-article-description p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .nbd-articledetail-container .nbd-article-description p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-articledetail-container .nbd-article-description p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-articledetail-container .nbd-article-banner-title-without-bg {
    color: #17252e;
    margin: 0 0 30px 0
}

.nbd-articledetail-container .nbd-article-banner-details-without-bg {
    margin: 0;
    position: relative;
    z-index: 2
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .nbd-articledetail-container .nbd-article-banner-details {
        position: relative
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-articledetail-container .overlay {
        display: none
    }

    .nbd-articledetail-container .nbd-article-banner-bg-img {
        height: 366px;
        width: 100%;
        background-size: cover;
        background-position: center;
        margin-bottom: 40px
    }

    .nbd-articledetail-container .nbd-article-banner-details {
        display: none
    }

    .nbd-articledetail-container .title-h1 {
        color: #17252e
    }

    .nbd-articledetail-container .nbd-article-published-info {
        margin-bottom: 40px
    }

    .nbd-articledetail-container .nbd-article-banner-title-without-bg {
        font-size: 48px;
        line-height: 50px;
        display: block;
        color: #17252e;
        margin-bottom: 28px
    }

    .nbd-articledetail-container .nbd-article-Published-date span {
        display: inline
    }

    .nbd-articledetail-container .nbd-article-Published-date-mb {
        display: none
    }

    .article-text-wrapper .ng-container,
    .articledetail .ng-container {
        max-width: 540px;
        margin: 0 auto
    }
}

@media only screen and (min-width:1025px) {
    .nbd-articledetail-container .nbd-article-details {
        margin-left: 165px;
        margin-right: 165px
    }

    .nbd-articledetail-container .nbd-article-details.no-image {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .nbd-articledetail-container .nbd-article-banner-details {
        margin: 80px 0 0 120px;
        display: block
    }

    .nbd-articledetail-container .overlay {
        display: block
    }

    .nbd-articledetail-container .nbd-article-banner-bg-img {
        height: 450px;
        width: 100%;
        background-size: cover;
        background-position: center;
        margin-bottom: 119px
    }

    .nbd-articledetail-container .title-display-3 {
        width: 450px
    }

    .nbd-articledetail-container .nbd-article-published-info {
        margin-bottom: 80px
    }

    .nbd-articledetail-container .nbd-article-Published-date span {
        display: inline
    }

    .nbd-articledetail-container .nbd-article-Published-date-mb {
        display: none
    }

    .nbd-articledetail-container .nbd-article-banner-title-without-bg {
        width: 810px;
        font-size: 48px;
        font-weight: 700;
        line-height: 60px;
        margin: 0 0 80px 0
    }

    .nbd-articledetail-container .nbd-article-banner-details-without-bg {
        margin: 0;
        position: relative;
        z-index: 2
    }

    .nbd-articledetail-container .nbd-only-for-tab {
        display: none
    }

    .nbd-articledetail-container .nbd-article-banner-title-white-theme {
        color: #17252e
    }

    .nbd-articledetail-container .nbd-article-banner-title-black-theme {
        color: #fff
    }

    .article-text-wrapper .ng-container,
    .articledetail .ng-container {
        max-width: 810px;
        margin: 0 auto
    }

    .article-text-wrapper .ng-container.cmp-text.customtext,
    .articledetail .ng-container.cmp-text.customtext {
        max-width: 810px
    }
}

.articlecarousel .nbd-article-post-date span {
    text-transform: capitalize
}

.nbd-related-posts-wrapper {
    overflow: hidden
}

.nbd-related-posts-wrapper .nbd-bg-grassgreen {
    background-color: #fafafa;
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
    padding-bottom: 40px
}

.nbd-related-posts-wrapper .nbd-bg-white {
    background-color: #fff;
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
    padding-bottom: 40px
}

.nbd-related-posts-wrapper h2 {
    color: #17252e
}

.nbd-related-posts-wrapper a.nbd-see-all-articles {
    color: #008533;
    width: 50%;
    text-align: right
}

.nbd-related-posts-wrapper .nbd-posts-heading {
    display: flex;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.nbd-related-posts-wrapper .swiper-container {
    overflow: visible
}

.nbd-related-posts-wrapper .swiper-container .card-deck {
    margin: 0
}

.nbd-related-posts-wrapper .swiper-slide {
    display: flex;
    height: auto;
    width: 100%
}

.nbd-related-posts-wrapper .swiper-slide .nbd-article-card {
    margin: 0;
    display: flex
}

.nbd-related-posts-wrapper .swiper-slide .card-header {
    padding: 0;
    border: 0;
    background-color: transparent
}

.nbd-related-posts-wrapper .swiper-slide .card-footer {
    border: 1px solid rgba(0, 0, 0, 0.125);
    background-color: transparent;
    border-top: 0
}

.nbd-related-posts-wrapper .swiper-slide .nbd-article-card-body {
    border-bottom: 0
}

.nbd-related-posts-wrapper .swiper-slide .nbd-article-post-card {
    display: none
}

.nbd-related-posts-wrapper .swiper-wrapper {
    flex-flow: row
}

.nbd-related-posts-wrapper .swiper-button-disabled {
    cursor: auto !important
}

.nbd-related-posts-wrapper .swiper-button-disabled .nbd-arrow-back-left {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow_back_left_deactive.svg') */
}

.nbd-related-posts-wrapper .swiper-button-disabled .nbd-arrow-next-right {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow_next_right_deactive.svg') */
}

.nbd-related-posts-wrapper .swiper-pagination-bullet-active {
    background: #008533 !important;
    width: 26px !important;
    border-radius: 35px !important
}

.nbd-related-posts-wrapper .swiper-pagination-clickable .swiper-pagination-bullet {
    margin: 5px
}

.nbd-related-posts-wrapper .swiper-pagination-row {
    margin: 60px auto 20px auto
}

.nbd-related-posts-wrapper .swiper-pagination {
    text-align: center;
    position: relative !important;
    top: 14px;
    margin: 0 auto 0 auto
}

.nbd-related-posts-wrapper .nbd-swiper-button {
    display: flex;
    padding: 0 !important
}

.nbd-related-posts-wrapper .nbd-arrow-back-left {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow_back_left_active.svg'); */
    display: none;
    height: 35px;
    width: 40px
}

.nbd-related-posts-wrapper .nbd-arrow-next-right {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow_next_right_active.svg'); */
    display: none;
    height: 35px;
    width: 40px
}

.nbd-related-posts-wrapper .nbd-article-card {
    box-sizing: border-box;
    border-radius: 0;
    border: 0;
    background-color: #fff;
    margin: 11px 3px;
    display: inline-block
}

.nbd-related-posts-wrapper .nbd-article-card p {
    margin: 0
}

.nbd-related-posts-wrapper .nbd-article-card-img img {
    height: 180px;
    width: 100%
}

.nbd-related-posts-wrapper .nbd-article-card-body {
    padding: 16px 16px 16px 16px;
    border: 1.5px solid #e5edec
}

.nbd-related-posts-wrapper .nbd-article-card-info .nbd-article-author {
    color: #494f50
}

.nbd-related-posts-wrapper .nbd-article-card-info .nbd-article-date {
    color: #94999c
}

.nbd-related-posts-wrapper .nbd-article-card-content {
    margin-bottom: 24.5px
}

.nbd-related-posts-wrapper .nbd-article-card-content p {
    color: #494f50
}

.nbd-related-posts-wrapper .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.nbd-related-posts-wrapper .nbd-article-card-Link a {
    color: #008533
}

.nbd-related-posts-wrapper .nbd-article-card-Link .nbd-play-btn {
    height: 40.38px;
    width: 40.38px
}

.nbd-related-posts-wrapper .nbd-article-card-Link span {
    color: #94999c
}

.nbd-related-posts-wrapper .nbd-ml-article {
    display: block
}

.nbd-related-posts-wrapper .nbd-tab-dp-article {
    display: none
}

.nbd-related-posts-wrapper .nbd-icon-watch-clock {
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/time_watch_clock.svg'); */
    height: 14px;
    width: 14px;
    position: relative;
    top: 1px;
    right: initial;
    bottom: inherit;
    left: inherit;
    margin-right: 5px
}

.nbd-related-posts-wrapper .nbd-show-more-container {
    text-align: center;
    margin-top: 52px;
    margin-bottom: 52px
}

.nbd-related-posts-wrapper .nbd-show-more-container span {
    display: inline-flex;
    margin: auto;
    font-weight: 500;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    cursor: pointer
}

@media only screen and (min-width:1025px) {
    .nbd-related-posts-wrapper .nbd-show-more-container span {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-related-posts-wrapper .nbd-show-more-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/plus_add_new.svg'); */
    background-size: 32px 32px;
    display: block;
    height: 32px;
    width: 32px;
    margin-left: 16px;
    position: relative;
    top: -5px
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-related-posts-wrapper .nbd-posts-heading {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .nbd-related-posts-wrapper .swiper-container {
        padding: 0 48px
    }

    .nbd-related-posts-wrapper .swiper-slide {
        width: auto
    }

    .nbd-related-posts-wrapper .swiper-slide:first-child.swiper-slide-active {
        margin-left: -48px
    }

    .nbd-related-posts-wrapper .swiper-slide .nbd-article-post-card {
        display: none
    }

    .nbd-related-posts-wrapper a.nbd-see-all-articles {
        width: auto
    }

    .nbd-related-posts-wrapper .nbd-article-card {
        min-height: 243px;
        width: 350px;
        margin: 10px;
        display: flex
    }

    .nbd-related-posts-wrapper .nbd-article-card-img img {
        height: 226px
    }

    .nbd-related-posts-wrapper .line-clamp {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .nbd-related-posts-wrapper .nbd-article-card-content {
        margin-bottom: 25px
    }

    .nbd-related-posts-wrapper .nbd-ml-article {
        display: none
    }

    .nbd-related-posts-wrapper .nbd-tab-dp-article {
        display: block
    }

    .nbd-related-posts-wrapper .nbd-show-more-container {
        margin-top: 80px;
        margin-bottom: 50px
    }

    .nbd-related-posts-wrapper .nbd-show-more-icon {
        background-size: 32px 32px;
        height: 32px;
        width: 32px;
        margin-left: 24px;
        top: -5px
    }

    .nbd-related-posts-wrapper .nbd-arrow-back-left {
        display: block
    }

    .nbd-related-posts-wrapper .nbd-arrow-next-right {
        display: block
    }
}

@media only screen and (min-width:1025px) {
    .nbd-related-posts-wrapper {
        padding-bottom: 80px;
        width: 100%
    }

    .nbd-related-posts-wrapper .nbd-posts-heading {
        padding-top: 80px;
        padding-bottom: 48px
    }

    .nbd-related-posts-wrapper .nbd-related-posts-heading {
        font-size: 32px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 40px;
        margin-bottom: 0
    }

    .nbd-related-posts-wrapper .nbd-article-card {
        min-height: 281px;
        width: 388px;
        margin: 14px
    }

    .nbd-related-posts-wrapper a.nbd-see-all-articles {
        width: auto
    }

    .nbd-related-posts-wrapper .nbd-article-card-img img {
        height: 250px
    }

    .nbd-related-posts-wrapper .nbd-article-card-content {
        margin-bottom: 32px
    }

    .nbd-related-posts-wrapper .nbd-ml-article {
        display: none;
        display: block
    }

    .nbd-related-posts-wrapper .nbd-tab-dp-article {
        display: block;
        display: none
    }

    .nbd-related-posts-wrapper .swiper-slide {
        width: auto
    }

    .nbd-related-posts-wrapper .swiper-slide .nbd-article-card {
        display: none
    }

    .nbd-related-posts-wrapper .swiper-slide .nbd-article-post-card {
        box-sizing: border-box;
        border-radius: 0;
        border: 0;
        background-color: #fff;
        display: inline-block;
        height: 500px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin: 0
    }

    .nbd-related-posts-wrapper .swiper-slide .nbd-article-post-card p {
        margin: 0
    }

    .nbd-related-posts-wrapper .nbd-arrow-back-left {
        display: block
    }

    .nbd-related-posts-wrapper .nbd-arrow-next-right {
        display: block
    }

    .nbd-related-posts-wrapper .swiper-container-horizontal>.swiper-pagination-bullets {
        position: relative !important
    }

    .nbd-related-posts-wrapper .swiper-pagination-custom {
        position: relative !important
    }

    .nbd-related-posts-wrapper .swiper-pagination-fraction {
        position: relative !important
    }

    .nbd-related-posts-wrapper .carousel-item.active {
        display: flex
    }

    .nbd-related-posts-wrapper .nbd-article-post-card-img img {
        height: 180px;
        width: 100%
    }

    .nbd-related-posts-wrapper .nbd-article-post-card-body {
        display: flex;
        flex-direction: column;
        padding: 40px 32px 32px 32px;
        border: 0 solid #e5edec;
        background-color: #fff;
        height: 400px;
        width: 70%;
        max-width: 390px;
        margin: 50px 24px;
        filter: opacity(0.94)
    }

    .nbd-related-posts-wrapper .nbd-article-post-card-info {
        margin: 0 0 24px 0
    }

    .nbd-related-posts-wrapper .nbd-article-post-card-info .nbd-article-post-author {
        color: #494f50
    }

    .nbd-related-posts-wrapper .nbd-article-post-card-info .nbd-article-post-date {
        color: #94999c
    }

    .nbd-related-posts-wrapper .nbd-article-post-card-heading {
        margin-bottom: 24px
    }

    .nbd-related-posts-wrapper .nbd-article-post-card-heading h4 {
        color: #17252e;
        margin-bottom: 0
    }

    .nbd-related-posts-wrapper .nbd-article-post-card-content {
        margin-bottom: 24px
    }

    .nbd-related-posts-wrapper .nbd-article-post-card-content p {
        color: #494f50
    }

    .nbd-related-posts-wrapper .line-clamp {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    .nbd-related-posts-wrapper .nbd-article-post-card-Link {
        justify-self: end;
        margin-top: auto
    }

    .nbd-related-posts-wrapper .nbd-article-post-card-Link a {
        display: inline-flex;
        color: #008533
    }

    .nbd-related-posts-wrapper .nbd-article-post-card-Link .nbd-play-btn {
        height: 40.38px;
        width: 40.38px
    }

    .nbd-related-posts-wrapper .nbd-article-post-card-Link span {
        color: #94999c
    }

    .nbd-related-posts-wrapper .nbd-play-btn-card .nbd-article-post-card-heading {
        margin-bottom: 24px
    }

    .nbd-related-posts-wrapper .nbd-icon-watch-clock {
        display: inline-block;
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/time_watch_clock.svg'); */
        height: 14px;
        width: 14px;
        position: relative;
        top: 1px;
        right: initial;
        bottom: inherit;
        left: inherit;
        margin-right: 5px
    }

    .nbd-related-posts-wrapper .nbd-show-more-container {
        text-align: center;
        margin-top: 52px;
        margin-bottom: 52px;
        margin-top: 80px;
        margin-bottom: 40px
    }

    .nbd-related-posts-wrapper .nbd-show-more-container span {
        display: inline-flex;
        margin: auto;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        text-align: center;
        cursor: pointer
    }

    .nbd-related-posts-wrapper .nbd-show-more-icon {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/plus_add_new.svg'); */
        background-size: 32px 32px;
        display: block;
        height: 32px;
        width: 32px;
        margin-left: 16px;
        position: relative;
        top: -5px;
        background-size: 42px 42px;
        height: 42px;
        width: 42px;
        margin-left: 24px;
        top: -10px
    }

    .nbd-related-posts-wrapper .nbd-swiper-button {
        display: flex;
        padding-left: 80px !important
    }
}

@media only screen and (min-width:1025px) and only screen and (min-width:1025px) {
    .nbd-related-posts-wrapper .nbd-show-more-container span {
        font-size: 18px;
        line-height: 26px
    }
}

.channel {
    padding-top: 4px;
    position: relative;
    padding: 4px 15px 0 15px
}

.channel .card {
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1);
    transition: .3s;
    margin-bottom: 16px;
    box-sizing: border-box;
    border: 1px solid #e5edec;
    border-radius: 12px;
    background-color: #fff;
    min-height: 128px
}

.channel .nb-row>div {
    margin-top: 0
}

.channel .card-body {
    position: relative;
    padding: 24px 40px
}

.channel .card-body .card-text {
    text-align: center
}

.channel .card-body:not(.card-text) {
    font-family: 'Open Sans Regular', sans-serif
}

.channel .bg-charcoal {
    background-color: #17252e;
    border: 1px solid #e5edec
}

.channel .bg-charcoal:hover::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 12px;
    left: 0;
    background-color: #17252e;
    filter: brightness(0.5)
}

.channel .bg-charcoal .card-body {
    color: #fff
}

.channel .bg-charcoal .icon-arrow {
    height: 13px;
    width: 24px;
    display: inline-block;
    background-image: url('../../../assets/static/media/icons/arrow-white.svg');
    transition: transform 900ms
}

.channel .bg-charcoal .card-link:hover .icon-arrow {
    width: 34px;
    background-image: url('../../../assets/static/media/icons/Whitehoverarrow.svg');
    transform: translateX(8px)
}

.channel .bg-charcoal .card-text {
    color: #fff
}

.channel .bg-charcoal .card-text a {
    color: #fff
}

.channel .bg-charcoal .card-text a:hover {
    color: #fff
}

.channel .bg-charcoal .card-text a:focus {
    color: #fff
}

.channel .bg-green {
    background-color: #008533;
    border: 1px solid #e5edec
}

.channel .bg-green .card-body {
    color: #fff
}

.channel .bg-green .icon-arrow {
    height: 13px;
    width: 24px;
    display: inline-block;
    background-image: url('../../../assets/static/media/icons/arrow-white.svg');
    transition: transform 900ms
}

.channel .bg-green .card-link:hover .icon-arrow {
    width: 34px;
    background-image: url('../../../assets/static/media/icons/Whitehoverarrow.svg');
    transform: translateX(8px)
}

.channel .bg-green .card-text {
    color: #fff
}

.channel .bg-green .card-text a {
    color: #fff
}

.channel .bg-green .card-text a:hover {
    color: #fff
}

.channel .bg-green .card-text a:focus {
    color: #fff
}

.channel .bg-green:hover {
    background-color: #007237
}

.channel .nbd-channel-desc {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #494f50;
    margin-bottom: 40px
}

@media only screen and (min-width:576px) {
    .channel .nbd-channel-desc {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .channel .nbd-channel-desc {
        font-size: 20px;
        line-height: 28px
    }
}

.channel .card-text {
    color: #17252e
}

.channel .default-card .card-text {
    margin-bottom: 31px
}

.channel .bg-white .icon-arrow {
    height: 13px;
    width: 24px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green.svg'); */
    transition: transform 900ms
}

.channel .bg-white .card-link:hover .icon-arrow {
    width: 34px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green-hover.svg'); */
    transform: translateX(8px)
}

.channel .bg-white .card-text a {
    color: #17252e
}

.channel .bg-white .card-text a:hover {
    color: #494f50
}

.channel .bg-white .card-text a:focus {
    color: #494f50
}

.channel .card-link {
    color: #fff;
    letter-spacing: 0;
    text-align: right
}

.channel .card-link:hover {
    color: #fff
}

.channel .card-footer {
    height: 52px !important;
    display: block;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
    border-top: 0;
    text-align: center
}

.channel .mainclass .row div>div[class^='card'] {
    display: block
}

.h2 {
    margin-bottom: 24px;
    color: #17252e
}

@media only screen and (min-width:768px) {
    .channel {
        padding-top: 49px
    }

    .channel .nb-row {
        padding: 0 100px
    }

    .channel .nb-row>div {
        margin-top: 16px;
        padding: 0 12px
    }

    .channel .card-text {
        color: #17252e;
        padding-bottom: 40px
    }

    .channel .default-card .card-text {
        margin-bottom: 0
    }

    .channel .card-body {
        padding: 24px 26px 0 26px
    }

    .channel .card-icon {
        width: 40px;
        height: 40px
    }

    .channel .card {
        min-height: 144px;
        display: flex !important;
        flex-direction: column
    }

    .h2 {
        margin-bottom: 24px
    }

    .channel__cardlist .card {
        margin: 15px 11px
    }

    .channel__cardlist .card-body {
        text-align: left
    }
}

@media only screen and (min-width:992px) {
    .channel {
        padding: 72px 106px 0 106px
    }

    .channel .nb-row {
        padding: 0
    }

    .channel .nb-row>div {
        padding: 0 15px;
        margin-top: 32px
    }

    .channel .contact-card .card-link {
        display: none
    }

    .channel .card-body {
        padding: 48px 32px 0 32px
    }

    .channel .default-card .card-text {
        margin-bottom: 27px
    }

    .channel .card {
        min-height: 210px;
        display: flex !important;
        flex-direction: column;
        padding-bottom: 20px
    }

    .channel .card-footer {
        height: unset !important;
        position: absolute;
        bottom: 20px
    }

    .channel .card-footer a {
        transform: translateX(-50%)
    }

    .h2 {
        margin-bottom: 24px
    }

    .channel__cardlist {
        justify-content: initial
    }
}

.eligibility-info {
    padding-top: 4px
}

.eligibility-info .card {
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1);
    transition: .3s;
    box-sizing: border-box;
    border: 1px solid #e5edec;
    border-radius: 12px;
    background-color: #fff
}

.eligibility-info .qualify-list {
    padding: 0 15px
}

.eligibility-info .qualify-list .card-body {
    padding: 30.5px 36.5px
}

.eligibility-info .doclist {
    padding: 0 15px
}

.eligibility-info .icon-wrapper {
    padding: 11px 12px;
    margin-bottom: 16px;
    background-image: url('../../../assets/static/media/icons/backgroundshape.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 48px 47px;
    height: 47px;
    width: 48px;
    align-items: center;
    justify-content: center;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-left: auto;
    margin-right: auto
}

.eligibility-info .icon-wrapper img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.eligibility-info .card-icon {
    width: 24px;
    height: 24px
}

.eligibility-info .card-text {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.eligibility-info .card-text.nb-rt-infoCard-text p {
    color: #494f50
}

.eligibility-info .card-text.nb-rt-infoCard-text a {
    color: #007237;
    text-decoration: underline !important;
    cursor: pointer
}

.eligibility-info .card-text.nb-rt-infoCard-text a:hover {
    color: #007237;
    text-decoration: underline !important;
    cursor: pointer
}

.eligibility-info .default-card .card-body {
    padding: 64.5px 50.5px 72.5px 50.5px
}

.eligibility-info .default-card .card-body a {
    margin-top: 24px;
    display: inline-block
}

.eligibility-info .default-card .card-text {
    color: #fff;
    font-weight: 700
}

.eligibility-info .default-card .card-text .nb-rt-infoCard-text p {
    color: #fff;
    font-weight: 700
}

.eligibility-info .icon-arrow {
    height: 13px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    background-image: url('../../../assets/static/media/icons/arrow-white.svg')
}

.eligibility-info .icon-arrow:hover {
    width: 34px;
    margin-left: 20px;
    background-image: url('../../../assets/static/media/icons/Whitehoverarrow.svg')
}

.eligibility-info a:hover {
    color: #fff
}

.eligibility-info .right-icon {
    height: 18px;
    width: 24px
}

.eligibility-info .card-body .row {
    margin: 0
}

.eligibility-info .doc-text {
    padding-left: 0
}

.eligibility-info .bg-green {
    background-color: #008533;
    border: 1px solid #e5edec
}

.eligibility-info .bg-green:hover {
    background-color: #007237
}

.eligibility-info .bg-charcoal {
    background-color: #17252e;
    border: 1px solid #e5edec
}

.eligibility-info .bg-charcoal:hover {
    background-color: #000
}

.eligibility-info .card-body a {
    margin-top: 65px;
    display: inline-block;
    color: #fff
}

.eligibility-info .qualify-list {
    position: relative
}

.eligibility-info .nb-row>div {
    padding: 0 15px;
    /* margin-top: 15.5px */
}

.eligibility-info .doclist .nb-row>div {
    padding: 0;
    margin-top: 0
}

@media only screen and (min-width:768px) {
    .nb-row>div {
        margin-top: 23.5px
    }

    .eligibility-info {
        padding-top: 49px
    }

    .eligibility-info .qualify-list .card-body {
        text-align: center;
        padding: 64px 26px 72px 24px
    }

    .eligibility-info .default-card .card-body {
        padding: 116.5px 84.5px 116.5px 83.5px;
        text-align: center
    }

    .eligibility-info .default-card .card-body a {
        margin-top: 36px;
        display: inline-block
    }

    .eligibility-info .icon-wrapper {
        margin-bottom: 54px;
        padding: 20px 21px;
        background-size: 82px 80px;
        height: 80px;
        width: 82px
    }

    .eligibility-info .card-icon {
        width: 40px;
        height: 40px
    }

    .eligibility-info .right-wrapper {
        padding-right: 23px
    }

    .eligibility-info .doclist {
        padding-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .nb-row>div {
        margin-top: 24px
    }

    .eligibility-info {
        padding-top: 80px
    }

    .eligibility-info .qualify-list {
        padding: 0 106px
    }

    .eligibility-info .qualify-list .card-body {
        padding: 40px 36px
    }

    .eligibility-info .doclist {
        padding: 0 106px
    }

    .eligibility-info .default-card .card-body {
        padding: 80.5px 36.5px
    }

    .eligibility-info .default-card .card-body a {
        margin-top: 65px;
        display: inline-block
    }

    .eligibility-info .icon-wrapper {
        margin-bottom: 24px
    }

    .eligibility-info .eligibility__doclist .cards {
        width: 285px !important
    }

    .eligibility-info .eligibility__doclist .card-body {
        padding: 0 0 80px 0
    }

    .eligibility-info .right-wrapper {
        padding-right: 29px
    }

    .eligibility-info .doc-text {
        padding-right: 0
    }
}

.centerheading {
    text-align: center
}

.introcards {
    margin-top: 36px
}

.ndb-intro-heading {
    margin-bottom: 28px;
    flex: 0 0 100% !important;
    max-width: 100% !important
}

.nb-intro-card .card {
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

.nb-intro-card .nb-card {
    padding: 20px 20px 20px 20px;
    max-width: 280.58px;
    box-sizing: border-box;
    border: 1px solid #e5edec;
    border-radius: 12px;
    background-color: #fff
}

.nb-intro-card .with-img {
    padding: 20px 20px 20px 20px;
    min-height: 217px
}

.nb-intro-card .card-body {
    margin: 0;
    padding: 0
}

.nb-intro-card .card-body h4 {
    color: #17252e;
    margin: 0 0 16px 0
}

.nb-intro-card .card-body p {
    color: #17252e;
    margin: 0 0 24px 0
}

.nb-intro-card .nb-card-content {
    margin-top: 10px
}

.nb-intro-card .icon-calculator {
    height: 32px;
    width: 32px;
    margin-bottom: 20px
}

.nb-intro-card .icon-arrow {
    height: 13px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow.svg'); */
    background-size: contain;
    transition: transform 900ms
}

.nb-intro-card .nb-card-link:hover .icon-arrow {
    width: 28px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg'); */
    transform: translateX(10px);
    background-size: contain
}

.nb-intro-card:hover .icon-arrow {
    width: 28px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg'); */
    transform: translateX(10px);
    background-size: contain
}

.nb-card {
    margin: 0 auto !important;
    float: none;
    margin-bottom: 10px !important
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .introcards {
        margin-top: 44px
    }

    .nb-intro-card .nb-card {
        padding: 30px 30px 30px 30px;
        max-width: 353.58px;
        height: 162px;
        display: table-cell
    }

    .nb-intro-card .with-img {
        padding: 30px 30px 30px 30px;
        height: 214px
    }

    .nb-intro-card .with-img .nb-card-link {
        margin-top: 10px
    }

    .nbd-intro-boldHeading {
        font-size: 34px;
        letter-spacing: 0;
        line-height: 41px
    }

    .ndb-intro-heading {
        margin-bottom: 44px
    }

    .centerheading {
        text-align: center;
        max-width: 541px
    }
}

@media only screen and (min-width:1025px) {
    .introcards {
        margin-top: 60px
    }

    .nb-intro-card div[class^="card"] {
        display: flex !important;
        flex-direction: column
    }

    .nb-intro-card .nb-card {
        padding: 60px 60px 60px 60px;
        max-width: 601px;
        height: 256px;
        display: table-cell
    }

    .nb-intro-card .with-img {
        padding: 60px 60px 60px 90px
    }

    .nb-intro-card .card-body {
        position: relative;
        display: inline;
        padding: 0
    }

    .nb-intro-card .icon-calculator {
        position: absolute;
        left: 30px
    }

    .nbd-intro-boldHeading {
        font-size: 40px;
        letter-spacing: 0;
        line-height: 48px
    }

    .ndb-intro-heading {
        margin-bottom: 60px
    }

    .centerheading {
        max-width: 720px !important;
        margin-left: auto;
        margin-right: auto
    }
}

.nbd-minicard-container {
    margin: 0 22px
}

.nbd-minicard-container .nbd-minicard-heading {
    width: auto;
    text-align: center;
    margin: 0 auto
}

.nbd-minicard-container .nbd-minicard-heading h4 {
    color: #494f50;
    margin-bottom: 60px
}

.nbd-minicard-container .nbd-minicard-card-deck {
    width: 100%;
    margin: 0 auto;
    justify-content: center
}

.nbd-minicard-container .nbd-minicard-card {
    border: 1.5px solid #e5edec;
    border-radius: 7px;
    background-color: #fff;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
    text-align: center
}

.nbd-minicard-container .nbd-minicard-card:not(:last-child) {
    margin-bottom: 60px
}

.nbd-minicard-container .nbd-minicard-card-header {
    background-color: #fff;
    border-bottom: 0
}

.nbd-minicard-container .nbd-minicard-card-header .nbd-minicard-image {
    width: 100px;
    height: 63px;
    margin-top: -52px
}

.nbd-minicard-container .nbd-minicard-card-footer {
    background-color: #fff;
    border-top: 0;
    margin: 0 16px 16px 16px
}

.nbd-minicard-container .nbd-minicard-card-body {
    margin: 8px 0 40px 0
}

.nbd-minicard-container .nbd-minicard-card-body p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 16px 0
}

@media only screen and (min-width:576px) {
    .nbd-minicard-container .nbd-minicard-card-body p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-minicard-container .nbd-minicard-card-body p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-minicard-container .nbd-minicard-card-body p.nbd-minicard-unit {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

.nbd-minicard-container .nbd-minicard-card-body h3 {
    margin: 0 0 16px 0
}

.nbd-minicard-container .nbd-minicard-card-body h2 {
    margin: 0;
    color: #17252e;
    font-size: 32px;
    line-height: 40px
}

.nbd-minicard-container .nbd-minicard-card-footer .nbd-cobl-anchor-mini {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 0
}

@media only screen and (min-width:1025px) {
    .nbd-minicard-container .nbd-minicard-card-footer .nbd-cobl-anchor-mini {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-minicard-container .nbd-minicard-card-footer .nbd-cobl-anchor-mini {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-minicard-container .nbd-minicard-card-footer .nbd-cobl-anchor-mini {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-minicard-container .tertiary-btn-icon {
    margin-left: 17px
}

.nbd-minicard-container .nbd-btn-commitment {
    text-align: center;
    padding: 16px;
    height: auto;
    margin: 32px 0 0 0;
    max-width: 100%
}

.nbd-cobl-anchor-mini:hover {
    color: #008533;
    cursor: pointer
}

.nbd-cobl-anchor-mini:hover .right-arrow-btn {
    transform: translateX(8px)
}

@media only screen and (min-width:576px) {
    .nbd-minicard-container .nbd-minicard-card:not(:last-child) {
        margin-bottom: 0
    }

    .nbd-minicard-container .nbd-minicard-heading h4 {
        color: #494f50;
        margin-bottom: 76px
    }

    .nbd-minicard-container .nbd-minicard-card-header .nbd-minicard-image {
        width: 100px;
        height: 63px;
        margin-top: -52px
    }

    .nbd-minicard-container .nbd-minicard-card-body {
        margin: 8px 0 32px 0
    }

    .nbd-minicard-container .nbd-minicard-card-body h2 {
        font-size: 40px;
        line-height: 48px
    }

    .nbd-minicard-container .nbd-minicard-card-footer {
        margin: 0 24px 24px 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .nbd-minicard-container .nbd-minicard-card {
        max-width: 350px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-minicard-container {
        margin: 0 105px
    }

    .nbd-minicard-container .nbd-minicard-card-deck {
        width: max-content;
        margin: 0 auto
    }

    .nbd-minicard-container .nbd-minicard-heading h4 {
        color: #17252e;
        margin-bottom: 100px
    }

    .nbd-minicard-container .nbd-minicard-card {
        width: 388px
    }

    .nbd-minicard-container .nbd-minicard-card-body h2 {
        font-size: 48px;
        line-height: 56px
    }

    .nbd-minicard-container .nbd-minicard-card-footer {
        margin: 0 40px 40px 40px
    }
}

.intercept .rti-bg-green {
    background-color: #008533
}

.intercept .rti-bg-grassgreen {
    background-color: #f2f9f5
}

.intercept h2 {
    text-align: center;
    margin: 0 0 32px 0
}

.intercept h2.nbd-intercept-heading-white {
    color: #fff
}

.intercept h2.nbd-intercept-heading-black {
    color: #17252e
}

.nbd-intercept-card-link .up-right-arrow-btn {
    height: 18px !important;
    width: 24px !important
}

.nbd-rti-comp {
    padding: 48px 0 64px 0
}

.nbd-intercept-card-container {
    justify-content: center;
    display: grid;
    display: -ms-grid;
    display: -moz-grid
}

.nbd-intercept-card-container.card-deck .card {
    flex: none;
    margin: 8px 0 8px 0
}

.nbd-intercept-card {
    box-sizing: border-box;
    width: 288px;
    min-width: 288px;
    padding: 24px;
    border: 1px solid #e5edec;
    border-radius: 12px;
    background-color: #fff
}

.nbd-intercept-card-odd-width {
    width: 388px;
    min-width: 388px
}

.nbd-intercept-card .card-body {
    padding: 0
}

.nbd-intercept-card .card-footer {
    padding: 0;
    background-color: transparent;
    border-top: 0;
    margin: 0 0 16px 0
}

.nbd-intercept-img-bg {
    height: 62px;
    width: 60px;
    margin: 0 0 16px 0;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/intercept_bg.svg'); */
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    padding: 8px 0 0 0;
    transform: rotate(270deg)
}

.nbd-intercept-img-bg img {
    transform: rotate(90deg);
    height: 32px;
    width: 32px
}

.nbd-intercept-card-info {
    color: #17252e;
    margin: 0 0 16px 0
}

.nbd-intercept-card-link {
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-intercept-card-link {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-intercept-card-link {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-intercept-card-link {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-intercept-card .nbd-icon-arrow {
    height: 13px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow.svg'); */
    transition: transform 900ms
}

.nbd-intercept-card-link:hover .nbd-icon-arrow {
    width: 34px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg'); */
    transform: translateX(10px)
}

.nbd-intercept-card .nbd-icon-down-arrow {
    height: 18px;
    width: 14px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/down-arrow-green.svg'); */
    transition: transform 900ms
}

.nbd-intercept-card-link:hover .nbd-icon-down-arrow {
    width: 14px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/down-arrow-green.svg'); */
    transform: translateY(10px)
}

.nbd-intercept-card-link:hover {
    color: #008533;
    cursor: pointer
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-rti-comp {
        padding: 64px 0 106px 0
    }

    .intercept h2 {
        margin: 0 0 48px 0
    }

    .nbd-intercept-card-container {
        justify-content: center;
        display: flex
    }

    .nbd-intercept-card-container.card-deck .card {
        flex: none;
        margin: 12px 12px 12px 12px
    }

    .nbd-intercept-card {
        width: 350px;
        min-width: 350px;
        padding: 32px
    }

    .nbd-intercept-img-bg {
        height: 82px;
        width: 80px;
        margin: 0 0 24px 0;
        padding: 16px 0 0 0
    }

    .nbd-intercept-card-info {
        margin: 0 0 69px 0
    }

    .nbd-intercept-card .card-footer {
        margin: 0 0 15px 0
    }

    .nbd-intercept-card .nbd-icon-arrow {
        margin-left: 17px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-rti-comp {
        padding: 80px 0 80px 0
    }

    .intercept h2 {
        margin: 0 0 48px 0
    }

    .nbd-intercept-card-container {
        justify-content: left;
        display: flex
    }

    .nbd-intercept-card-container.card-deck .card {
        flex: none;
        margin: 12.5px 15px 12.5px 16px
    }

    .nbd-intercept-card {
        width: 283px;
        min-width: 283px;
        padding: 24px
    }

    .nbd-intercept-card-odd-width {
        width: 388px;
        min-width: 388px
    }

    .nbd-intercept-img-bg {
        height: 82px;
        width: 80px;
        margin: 16px 0 40px 0;
        padding: 16px 0 0 0
    }

    .nbd-intercept-card-info {
        margin: 0 0 69px 0
    }

    .nbd-intercept-card .card-footer {
        margin: 0 0 40px 0
    }

    .nbd-intercept-card .nbd-icon-arrow {
        margin-left: 17px
    }
}

@media only screen and (min-width:1025px) and (max-width:1439px) {
    .nbd-intercept-card-container.card-deck .card {
        flex: none;
        margin: 12.5px 12px 12.5px 12px
    }

    .nbd-intercept-card {
        width: 265px;
        min-width: 265px
    }

    .nbd-intercept-card-odd-width {
        width: 365px;
        min-width: 365px
    }
}

.ng-container-application {
    padding: 54px 18px 0 18px;
    position: relative;
    z-index: 0
}

.ng-container-application.blackbg .nbd-step-heading {
    color: #fff
}

.ng-container-application.blackbg .nbd-circle-step-connector {
    background-color: #fff
}

.ng-container-application .nbd-step-heading {
    width: 284px;
    color: #17252e;
    text-align: center;
    margin: 0 auto 47px auto;
    display: grid
}

.ng-container-application .nbd-step-container {
    display: none;
    margin-left: auto;
    margin-right: auto;
    justify-content: center
}

.ng-container-application .nbd-circle-step {
    box-sizing: border-box;
    height: 105.5px;
    width: 105.5px;
    border: 1.5px solid #78be20;
    background-color: #fff;
    border-radius: 50%;
    display: flex
}

.ng-container-application .nbd-circle-step-connector {
    box-sizing: border-box;
    height: 1px;
    width: 314px;
    background-color: #78be20;
    margin-top: auto;
    margin-bottom: auto
}

.ng-container-application .nbd-mb-circle-step {
    box-sizing: border-box;
    height: 56px;
    width: 56px;
    border: 1.5px solid #78be20;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    position: absolute;
    top: -30px;
    left: 40%
}

.ng-container-application .nbd-mb-circle-step-connector {
    box-sizing: border-box;
    height: 29px;
    width: 2px;
    background-color: #78be20;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: -59px;
    left: 49.5%
}

.ng-container-application .nbd-circle-step-text {
    text-align: center;
    margin: auto
}

.ng-container-application .nbd-cards-wrapper {
    justify-content: center
}

.ng-container-application .nbd-step-card {
    box-sizing: border-box;
    width: 284px;
    border: 1px solid #e5edec;
    border-radius: 12px;
    background-color: #fff;
    padding: 28px 0 20px 0;
    margin-top: 15px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 42px;
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

.ng-container-application .nbd-step-card-img {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/backgroundshape.svg'); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px 82px;
    height: 79px;
    width: 79px;
    display: none;
    align-items: center;
    justify-content: center;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-left: auto;
    margin-right: auto
}

.ng-container-application .nbd-step-card-img img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ng-container-application .nbd-step-card-heading {
    margin-top: 19px;
    margin-bottom: 0;
    text-align: center
}

.ng-container-application .nbd-step-card-heading p {
    color: #17252e;
    text-align: center;
    margin: 0;
    padding: 0 15px
}

.ng-container-application .nbd-step-card-content {
    margin-bottom: 24px
}

.ng-container-application .nbd-step-card-content p {
    width: 224px;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .ng-container-application {
        padding: 40px 22px 0 22px
    }

    .ng-container-application .nbd-step-heading {
        width: 425px;
        margin: 0 auto 40px auto
    }

    .ng-container-application .nbd-step-container {
        display: flex;
        margin-bottom: 32px
    }

    .ng-container-application .nbd-circle-step {
        height: 57px;
        width: 56px
    }

    .ng-container-application .nbd-circle-step-connector {
        width: 131px
    }

    .ng-container-application .nbd-mb-circle-step {
        display: none
    }

    .ng-container-application .nbd-mb-circle-step-connector {
        display: none
    }

    .ng-container-application .nbd-step-card {
        height: auto;
        width: 167px;
        margin-right: 10px;
        margin-left: 10px;
        padding: 34px 0 0 0
    }

    .ng-container-application .nbd-step-card-img {
        display: none !important
    }

    .ng-container-application .nbd-step-card-heading {
        margin-top: 0;
        margin-bottom: 11px
    }

    .ng-container-application .nbd-step-card-heading p {
        width: 128px;
        margin: auto
    }

    .ng-container-application .nbd-step-card-content {
        margin-bottom: 39px
    }

    .ng-container-application .nbd-step-card-content p {
        width: 128px
    }
}

@media only screen and (min-width:1025px) {
    .ng-container-application {
        padding: 80px 105px 0 105px
    }

    .ng-container-application .nbd-step-heading {
        width: auto
    }

    .ng-container-application .nbd-step-container {
        display: flex;
        margin-bottom: 43.75px
    }

    .ng-container-application .nbd-circle-step {
        height: 105.5px;
        width: 105.5px
    }

    .ng-container-application .nbd-circle-step-connector {
        width: 280px
    }

    .ng-container-application .nbd-mb-circle-step {
        display: none
    }

    .ng-container-application .nbd-mb-circle-step-connector {
        display: none
    }

    .ng-container-application .nbd-step-card {
        width: 362px;
        margin-right: 14px;
        margin-left: 13px;
        padding: 49px 0 0 0
    }

    .ng-container-application .nbd-step-card-img {
        display: flex !important
    }

    .ng-container-application .nbd-step-card-heading {
        margin-top: 35px;
        margin-bottom: 5px
    }

    .ng-container-application .nbd-step-card-content {
        margin-bottom: 52px
    }
}

.nbd-switchcard-container .nbd-switchcard-bg {
    background-color: #008533;
    padding: 30px 0 40px 0;
    margin: 64px 0 0 0
}

.nbd-switchcard-container .nbd-switchcard-heading {
    color: #fff;
    margin: 0 0 36px 0
}

.nbd-switchcard-container .nbd-switchcard-title {
    color: #fff;
    margin: 42px 0 24px 0
}

.nbd-switchcard-container .nbd-switchcard-desc {
    color: #fff;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 40px 0
}

@media only screen and (min-width:576px) {
    .nbd-switchcard-container .nbd-switchcard-desc {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-switchcard-container .nbd-switchcard-desc {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-switchcard-container .nbd-btn {
    margin: 0 auto
}

.nbd-switchcard-container .nbd-switchcard-card-container {
    justify-content: center
}

.nbd-switchcard-container .nbd-switchcard-card-container.card-deck .card {
    flex: none;
    margin: 24px 0 24px 0
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card {
    box-sizing: border-box;
    padding: 24px 16px 40px 16px;
    border: 1px solid #e5edec;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    margin: 12px 0
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-body {
    padding: 0
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-body .nbd-switchcard-img-bg {
    height: 32px;
    margin: 0 0 25px 0
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-body .nbd-switchcard-img-bg img {
    height: 100%
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-body .nbd-switchcard-card-info {
    color: #17252e;
    margin: 0 0 16px 0
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-body .nbd-switchcard-card-desc {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 32px 0
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-body .nbd-switchcard-card-email {
    margin-bottom: 15px
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-body .nbd-switchcard-card-email a {
    color: #008533;
    font-weight: unset
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer {
    padding: 0;
    background-color: transparent;
    border-top: 0
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link:not(:last-child) {
    margin-bottom: 24px
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #008533;
    text-decoration: none
}

@media only screen and (min-width:1025px) {
    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link:hover .nbd-icon-arrow {
    width: 34px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg'); */
    transform: translateX(10px)
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link:hover .nbd-icon-arrow1 {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover1.svg') */
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link:hover .nbd-icon-down-arrow {
    width: 14px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/down-arrow-green.svg'); */
    transform: translateY(10px)
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link:hover .nbd-icon-down-arrow1 {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/down-arrow-green1.svg') */
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link:hover .nbd-icon-diagonal-arrow {
    transform: translate(6px, -5px)
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link .nbd-icon-down-arrow {
    height: 18px;
    width: 14px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/down-arrow-green.svg'); */
    transition: transform 900ms
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link .nbd-icon-down-arrow1 {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/down-arrow-green1.svg') */
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link .nbd-icon-diagonal-arrow {
    height: 18px;
    width: 18px;
    margin-left: 10px;
    display: inline-block;
    background-image: url('../../../assets/static/media/icons/diagonal-arrow-green.svg');
    transition: transform 900ms
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link .nbd-icon-diagonal-arrow1 {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/diagonal-arrow-green1.svg') */
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link .nbd-icon-arrow {
    height: 13px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green.svg'); */
    transition: transform 900ms
}

.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link .nbd-icon-arrow1 {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green1.svg') */
}

.nbd-switchcard-container .nbd-switchcard-onecard-bg {
    background-color: #008533;
    padding: 30px 0 40px 0;
    margin: 64px 0 0 0
}

.nbd-switchcard-container .nbd-switchcard-onecard-bg .nbd-switchcard-var-title {
    width: 100%;
    color: #fff;
    margin: 40px 0 31px 0;
    padding: 0
}

.nbd-switchcard-container .nbd-switchcard-onecard-bg .nbd-switchcard-var-title span {
    margin: 0 0 31px 0;
    padding: 0
}

.nbd-switchcard-container .nbd-switchcard-onecard-bg .nbd-switchcard-var-desc {
    color: #fff;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 10px 55px 0;
    padding: 0
}

@media only screen and (min-width:576px) {
    .nbd-switchcard-container .nbd-switchcard-onecard-bg .nbd-switchcard-var-desc {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-switchcard-container .nbd-switchcard-onecard-bg .nbd-switchcard-var-desc {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:576px) {
    .nbd-switchcard-container .nbd-switchcard-heading {
        margin: 0 0 40px 0
    }

    .nbd-switchcard-container .row div>div[class^='card'] {
        height: auto !important
    }

    .nbd-switchcard-container .nbd-switchcard-card-container {
        display: flex
    }

    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card {
        min-height: 448px;
        max-width: 275px;
        padding: 48px 21px 48px 24px;
        margin: 0 12px 0 12px
    }

    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card:first-child {
        margin: 0 6px 0 0
    }

    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card:last-child {
        margin: 0 0 0 6px
    }

    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-body .nbd-switchcard-img-bg {
        margin: 0 0 32px 0
    }

    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-body .nbd-switchcard-card-info {
        margin: 0 0 18px 0
    }

    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-body .nbd-switchcard-card-desc {
        margin: 0 0 40px 0
    }

    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link :not(:last-child) {
        margin-bottom: 24px
    }

    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link .nbd-icon-arrow {
        margin-left: 8px
    }

    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link .nbd-switchcard-card-link .nbd-icon-down-arrow {
        margin-left: 10px
    }

    .nbd-switchcard-container .nbd-switchcard-title {
        width: 100%;
        margin: 64px 0 24px 0;
        text-align: center
    }

    .nbd-switchcard-container .nbd-switchcard-desc {
        text-align: center;
        margin: 0 114px 40px 113px
    }

    .nbd-switchcard-container .nbd-btn {
        height: 56px;
        width: 285px;
        margin: auto;
        display: block
    }

    .nbd-switchcard-container .nbd-row-reverse {
        flex-direction: row-reverse
    }

    .nbd-switchcard-container .nbd-switchcard-bg {
        padding: 48px 0 40px 0;
        height: auto;
        margin: 80px 0 0 0
    }

    .nbd-switchcard-container .nbd-switchcard-onecard-bg {
        padding: 48px 0 0 0;
        height: 542px;
        margin: 80px 0 0 0
    }

    .nbd-switchcard-container .nbd-switchcard-onecard-bg .nbd-switchcard-var-title {
        margin: 32px 0 21px 0
    }

    .nbd-switchcard-container .nbd-switchcard-onecard-bg .nbd-switchcard-var-title span {
        margin: 0 0 21px 0
    }

    .nbd-switchcard-container .nbd-switchcard-onecard-bg .nbd-switchcard-var-desc {
        margin: 0 0 40px 0
    }

    .nbd-switchcard-container .nbd-switchcard-onecard-bg .nbd-btn {
        margin: 0
    }

    .nbd-switchcard-container .nbd-switchcard-card-container.card-deck .card {
        flex: none;
        margin: 0 12px 0 12px
    }
}

@media only screen and (min-width:992px) and (max-width:1280px) {
    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card {
        max-width: 472px
    }

    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card:first-child {
        margin: 0 12px 0 0
    }

    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card:last-child {
        margin: 0 0 0 12px
    }

    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-body {
        padding: 0
    }

    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-footer .nbd-switchcard-link :not(:last-child) {
        margin-bottom: 24px
    }

    .nbd-switchcard-container .nbd-switchcard-bg {
        padding: 48px 0 0 0;
        height: 948px
    }

    .nbd-switchcard-container .nbd-switchcard-bg .col-lg-8,
    .nbd-switchcard-container .nbd-switchcard-bg .col-lg-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .nbd-switchcard-container .nbd-switchcard-onecard-bg .col-lg-8,
    .nbd-switchcard-container .nbd-switchcard-onecard-bg .col-lg-4 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media only screen and (min-width:1281px) {
    .nbd-switchcard-container .col-lg-8 {
        padding: 0
    }

    .nbd-switchcard-container .nbd-switchcard-heading {
        margin: 0 0 64px 0
    }

    .nbd-switchcard-container .nbd-switchcard-title {
        margin: 40px 0 21px 0;
        padding: 0;
        text-align: left
    }

    .nbd-switchcard-container .nbd-switchcard-title span {
        margin: 0 0 21px 0;
        padding: 0
    }

    .nbd-switchcard-container .nbd-switchcard-desc {
        margin: 0 10px 67px 0;
        padding: 0;
        text-align: left
    }

    .nbd-switchcard-container .nbd-btn {
        height: 56px;
        width: 285px;
        margin: 0
    }

    .nbd-switchcard-container .nbd-switchcard-card-container {
        justify-content: flex-start;
        padding-left: 0
    }

    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card {
        min-height: 448px;
        max-width: 362px;
        padding: 48px 32px 48px 32px;
        margin: 0 24px 0 0
    }

    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card:first-child {
        margin: 0 24px 0 0
    }

    .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card:last-child {
        margin: 0
    }

    .nbd-switchcard-container .nbd-switchcard-bg {
        padding: 64px 0 0 0;
        height: 588px;
        margin: 112px 0 80px 0
    }

    .nbd-switchcard-container .nbd-switchcard-onecard-bg {
        padding: 64px 0 0 0;
        height: 588px;
        margin: 112px 0 0 0
    }

    .nbd-switchcard-container .nbd-switchcard-onecard-bg .col-lg-8 {
        padding: 0 0 0 15px
    }

    .nbd-switchcard-container .nbd-switchcard-onecard-bg .col-lg-4 {
        padding: 0
    }

    .nbd-switchcard-container .nbd-switchcard-onecard-bg .nbd-switchcard-var-title {
        margin: 40px 0 31px 0
    }

    .nbd-switchcard-container .nbd-switchcard-onecard-bg .nbd-switchcard-var-title span {
        margin: 0 0 31px 0
    }

    .nbd-switchcard-container .nbd-switchcard-onecard-bg .nbd-switchcard-var-desc {
        margin: 0 10px 55px 0
    }

    .nbd-switchcard-container .nbd-switchcard-card-container.card-deck .card {
        flex: none;
        margin: 0 0 0 24px
    }
}

.nbd-vcard-container {
    padding: 40px 0 32px 0
}

.nbd-vcard-container .nbd-vcard-heading {
    width: fit-content;
    text-align: center;
    margin: 0 auto 32px auto;
    color: #17252e
}

.nbd-vcard-container .nbd-vcard-body .nbd-vcard-deck {
    flex-direction: column;
    width: 100%;
    justify-content: center
}

.nbd-vcard-container .nbd-vcard-body .nbd-vcard-deck .nbd-vcard-card {
    flex-direction: row;
    border: 1px solid #e5edec;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 26px 18px -26px rgba(0, 0, 0, 0.07);
    padding: 24px 18px;
    margin: 0 0 16px 0;
    align-items: center;
    cursor: pointer
}

.nbd-vcard-container .nbd-vcard-body .nbd-vcard-card-body h5 {
    margin: 0;
    color: #17252e
}

.nbd-vcard-container .nbd-vcard-body .nbd-vcard-header,
.nbd-vcard-container .nbd-vcard-body .nbd-vcard-card-body,
.nbd-vcard-container .nbd-vcard-body .nbd-vcard-footer {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important
}

.nbd-vcard-container .nbd-vcard-body .nbd-vcard-header {
    width: initial !important;
    display: inline-block !important
}

.nbd-vcard-container .nbd-vcard-body .nbd-vcard-header .nbd-intercept-img-bg {
    height: 62px;
    width: 60px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/intercept_bg.svg'); */
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    padding: 8px 0 0 0;
    margin: 0;
    transform: rotate(270deg)
}

.nbd-vcard-container .nbd-vcard-body .nbd-vcard-header .nbd-intercept-img-bg img {
    transform: rotate(90deg);
    height: 32px;
    width: 32px
}

.nbd-vcard-container .nbd-vcard-body .nbd-vcard-card-body {
    margin: 0 14px
}

.nbd-vcard-container .nbd-vcard-body .nbd-vcard-card-body p {
    color: #494f50;
    margin: 2px 0 0 0
}

.nbd-vcard-container .nbd-vcard-body .nbd-vcard-footer .right-arrow-btn {
    margin-left: 0
}

@media only screen and (min-width:768px) {
    .nbd-vcard-container {
        padding: 48px 0
    }

    .nbd-vcard-container .nbd-vcard-heading {
        margin: 0 auto 48px auto
    }

    .nbd-vcard-container .nbd-vcard-body .nbd-vcard-deck {
        margin: 0 !important
    }

    .nbd-vcard-container .nbd-vcard-body .nbd-vcard-deck .nbd-vcard-card {
        padding: 27px 18px
    }

    .nbd-vcard-container .nbd-vcard-body .nbd-vcard-card-body {
        margin: 0 16px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-vcard-container {
        padding: 80px 0 80px 0
    }

    .nbd-vcard-container .nbd-vcard-heading {
        margin: 0 auto 80px auto
    }

    .nbd-vcard-container .nbd-vcard-body .nbd-vcard-deck {
        flex-direction: row;
        display: flex !important
    }

    .nbd-vcard-container .nbd-vcard-body .nbd-vcard-deck .nbd-vcard-card {
        flex-direction: column;
        text-align: center;
        min-width: 225px;
        max-width: 225px;
        border-radius: 12px;
        box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
        padding: 24px
    }

    .nbd-vcard-container .nbd-vcard-body .nbd-vcard-deck .nbd-vcard-card {
        margin: 0 24px 48px 0
    }

    .nbd-vcard-container .nbd-vcard-body .nbd-vcard-deck .nbd-vcard-card:last-child {
        margin: 0 0 48px 0
    }

    .nbd-vcard-container .nbd-vcard-body .nbd-vcard-header .nbd-intercept-img-bg {
        height: 82px;
        width: 80px;
        padding: 16px 0 0 0;
        margin-left: 15px
    }

    .nbd-vcard-container .nbd-vcard-body .nbd-vcard-card-body {
        margin: 24px 0
    }

    .nbd-vcard-container .nbd-vcard-body .nbd-vcard-card-body p {
        margin: 8px 0 0 0
    }
}

.nbd-promoc-container .nbd-promoc-heading {
    margin: 0 0 38px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.nbd-promoc-container .nbd-promoc-heading h2 {
    color: #17252e
}

.nbd-promoc-container .nbd-promoc-heading .nbd-btn-tertiary {
    text-align: right
}

.nbd-promoc-container .nbd-promoc-heading .nbd-btn {
    text-align: right
}

.nbd-promoc-container .nbd-promoc-section {
    display: flex;
    flex-direction: column;
    min-height: 100%
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-66:first-child {
    border: 0
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-66:first-child img {
    box-shadow: 0 32px 32px rgba(102, 102, 102, 0.2);
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    height: auto;
    object-fit: cover;
    object-position: center center
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-66:first-child .card-body.nbd-promoc-body {
    display: none
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-66:first-child .card-footer {
    opacity: 0;
    height: 0
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-99:first-child {
    border: 0
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-99:first-child img {
    box-shadow: 0 32px 32px rgba(102, 102, 102, 0.2);
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    height: auto;
    object-fit: cover;
    object-position: center center
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-99:first-child .card-body.nbd-promoc-body {
    display: none
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-99:first-child .card-footer {
    opacity: 0;
    height: 0
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-99:not(:first-child) {
    display: none
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card {
    margin: 0 0 40px 0;
    border: 0
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-tab-66:first-child {
    display: none
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-33:first-child img {
    box-shadow: 0 32px 32px rgba(102, 102, 102, 0.2)
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-33:first-child .card-body.nbd-promoc-body {
    display: none
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-33:first-child .card-footer {
    opacity: 0;
    height: 0
}

.nbd-promoc-container .nbd-promoc-deck img {
    height: 50%;
    object-fit: cover
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-body {
    margin: 24px 0 32px 0;
    padding: 0;
    letter-spacing: 0
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-body h3 {
    color: #17252e
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-body p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 16px 0 0 0
}

@media only screen and (min-width:576px) {
    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-body p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-body p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-body p:empty {
    display: none
}

.nbd-promoc-container .nbd-promoc-deck .card-footer {
    border: 0;
    padding: 0;
    background-color: transparent
}

.nbd-promoc-container .nbd-promoc-deck .card-footer a {
    height: auto;
    margin: 0;
    padding: 0;
    text-align: left
}

.promoc-mobile-hide {
    display: none
}

@media only screen and (min-width:576px) {
    .nbd-promoc-container .nbd-promoc-heading {
        margin: 0 0 40px 0
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card {
        margin-right: 30px;
        margin-bottom: 64px;
        flex: 0 0 45%;
        display: flex;
        flex-wrap: nowrap
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card:nth-child(odd) {
        margin-right: 15px
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card.nbd-promoc-card-99:first-child {
        height: auto
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card .card-footer {
        margin-top: auto
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-66:first-child {
        display: none
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-tab-66:first-child {
        display: flex;
        margin: 0 20px 60px 0
    }

    .nbd-promoc-container .nbd-promoc-deck img {
        height: 50%
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-33:first-child img {
        height: 100%;
        object-fit: cover
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-99:first-child {
        box-shadow: 0 56px 64px -48px rgba(0, 0, 0, 0.3);
        margin: 0;
        width: auto;
        max-width: 100%;
        flex: 0 0 auto;
        margin: 0 auto
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-99:first-child img {
        max-height: 300px;
        width: auto;
        max-width: 100%
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-body {
        min-height: auto
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-body p {
        margin: 14px 0 0 0
    }

    .promoc-mobile-hide {
        display: block
    }
}

@media only screen and (min-width:1025px) {
    .nbd-promoc-container .nbd-promoc-deck {
        justify-content: center
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card {
        flex: 0 0 30%;
        max-width: 30vw;
        margin-top: 15px
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card:not(:last-child) {
        margin-right: 35px
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-tab-66 {
        display: none
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card.nbd-promoc-card-33:first-child img {
        display: flex;
        flex: auto;
        object-fit: cover
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card.nbd-promoc-card-33:first-child .card-body.nbd-promoc-body {
        display: none
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card.nbd-promoc-card-33:first-child .card-footer {
        opacity: 0;
        height: 0
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card.nbd-promoc-card-99:nth-child(odd) {
        margin: 0 auto
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card.nbd-promoc-card-99:first-child {
        margin: 0 auto;
        width: 100%;
        max-width: 1020px;
        flex: 0 0 auto;
        max-height: 300px
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card.nbd-promoc-card-99:first-child img {
        height: 100%;
        max-height: 300px;
        width: auto;
        max-width: 100%
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card.nbd-promoc-card-99:first-child .card-body.nbd-promoc-body {
        display: none
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card.nbd-promoc-card-99:first-child .card-footer {
        opacity: 0;
        height: 0
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card.nbd-promoc-card-66:first-child {
        width: 100%;
        max-width: 760px;
        flex: 0 0 auto;
        width: auto;
        margin: 15px 40px 0 0;
        display: flex;
        max-height: 320px
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card.nbd-promoc-card-66:first-child .card-body.nbd-promoc-body {
        display: none
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card.nbd-promoc-card-66:first-child .card-footer {
        opacity: 0;
        height: 0
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card.nbd-promoc-card-99:not(:first-child) {
        display: none
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-inner-container {
        margin: 0 auto
    }

    .nbd-promoc-container .nbd-promoc-deck .nbd-promoc-inner-container .card-width-99 {
        margin: 0 105px
    }
}

.nbd-multilink-container .multi-heading {
    color: #17252e;
    text-align: left;
    margin-bottom: 40px
}

.nbd-multilink-container p {
    margin: 0 0 5px
}

.nbd-multilink-container .nb-multi-link-card {
    padding: 0
}

.nbd-multilink-container .nb-multi-link-card .nb-card {
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 12px;
    background-color: #fff;
    border: 0;
    margin: 0 auto !important;
    float: none
}

.nbd-multilink-container .nb-multi-link-card .nb-card-heading {
    color: #17252e
}

.nbd-multilink-container .nb-multi-link-card .nb-card-info {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #494f50;
    margin-bottom: 16px
}

@media only screen and (min-width:576px) {
    .nbd-multilink-container .nb-multi-link-card .nb-card-info {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-multilink-container .nb-multi-link-card .nb-card-info {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-multilink-container .nb-multi-link-card .nb-card-link {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #008533;
    text-decoration: none
}

@media only screen and (min-width:1025px) {
    .nbd-multilink-container .nb-multi-link-card .nb-card-link {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-multilink-container .nb-multi-link-card .nb-card-link {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-multilink-container .nb-multi-link-card .nb-card-link {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-multilink-container .nb-multi-link-card .nb-card-content {
    margin-top: 10px
}

.nbd-multilink-container .nb-multi-link-card .icon-calculator {
    height: 32px;
    width: 32px;
    text-align: center;
    margin-bottom: 16px
}

.nbd-multilink-container .nb-multi-link-card .icon-arrow {
    height: 13px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow.svg'); */
    transition: transform 900ms
}

.nbd-multilink-container .nb-multi-link-card .nb-card-link:hover .icon-arrow {
    width: 35px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg'); */
    transform: translateX(10px);
    background-size: 100% 100%
}

.nbd-multilink-container .nb-multi-link-card .multi-links:not(:last-child) {
    margin-bottom: 16px
}

.nbd-multilink-container .nb-multi-link-card .with-img {
    padding-top: 44px
}

.nbd-multilink-container .nb-row {
    padding-bottom: 64px;
    margin: 0
}

.nbd-multilink-container .col-sm-12 .with-img {
    padding-top: 20px
}

.nbd-multilink-container.nbd-multilink-container2 .multi-heading {
    margin-bottom: 20px
}

.nbd-multilink-container.nbd-multilink-container2 .nb-row {
    padding: 0
}

.nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .icon-calculator {
    position: relative;
    left: 0;
    margin-bottom: 24px
}

.nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .nb-card-heading {
    margin-bottom: 1.5rem;
    display: block
}

.nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .nb-card {
    padding: 20px 0
}

.nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .nb-card .card-body .card-desc p {
    margin: 0 0 16px 0
}

.nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .nb-card .card-body .card-desc p:first-child {
    margin: 0 0 16px 0
}

.nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .nb-card .card-body .card-desc p:last-child {
    margin: 0
}

.nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .nb-card .card-body .card-desc p a {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-weight: 400
}

@media only screen and (min-width:576px) {
    .nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .nb-card .card-body .card-desc p a {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .nb-card .card-body .card-desc p a {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:768px) {
    .nbd-multilink-container .nb-row .col-sm-12 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .nbd-multilink-container .nb-card {
        height: 162px;
        display: table-cell
    }

    .nbd-multilink-container .nb-card-link {
        bottom: 0
    }

    .nbd-multilink-container .nb-multi-link-card .with-img {
        padding-top: 21px
    }

    .nbd-multilink-container .col-sm-12 .with-img {
        padding-top: 4px
    }
}

@media only screen and (min-width:992px) {
    .nbd-multilink-container .multi-heading {
        margin: 64px 0 80px 0
    }

    .nbd-multilink-container .nb-multi-link-card {
        margin-top: 0
    }

    .nbd-multilink-container .nb-multi-link-card div[class^="card"] {
        display: flex;
        flex-direction: column
    }

    .nbd-multilink-container .nb-multi-link-card .nb-card {
        display: flex;
        flex-direction: row;
        padding: 0 60px 48px 0;
        max-width: 600px
    }

    .nbd-multilink-container .nb-multi-link-card .nb-card .icon-calculator {
        height: 42px;
        width: 42px;
        margin-right: 24px
    }

    .nbd-multilink-container .nb-multi-link-card .nb-card .card-body {
        flex-direction: column
    }

    .nbd-multilink-container .nb-multi-link-card .card-icon {
        position: relative;
        display: inline
    }

    .nbd-multilink-container .nb-multi-link-card .card-body {
        position: relative;
        padding: 0
    }

    .nbd-multilink-container .nb-multi-link-card .multi-links:nth-of-type(1) {
        margin-top: 0
    }

    .nbd-multilink-container .nb-multi-link-card .nb-card-info {
        max-width: 480px;
        margin-bottom: 16px
    }

    .nbd-multilink-container .nb-multi-link-card .multi-heading {
        margin-bottom: 60px
    }

    .nbd-multilink-container .nb-row {
        padding: 0
    }

    .nbd-multilink-container .desktop {
        margin-bottom: 24px
    }

    .nbd-multilink-container.ng-container .desktop {
        margin: 0
    }

    .nbd-multilink-container.nbd-multilink-container2 .multi-heading {
        margin-bottom: 20px
    }

    .nbd-multilink-container.nbd-multilink-container2 .nb-row {
        padding: 0
    }

    .nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .icon-calculator {
        position: relative;
        left: 0
    }

    .nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .nb-card-heading {
        margin-bottom: 1.5rem
    }

    .nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .nb-card {
        padding: 36px 60px
    }

    .nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .nb-card:nth-child(even) {
        padding: 36px 0 36px 60px
    }

    .nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .nb-card:nth-child(odd) {
        padding: 36px 60px 36px 0
    }

    .nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .nb-card .card-body .card-desc p {
        margin: 0 0 16px 0
    }

    .nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .nb-card .card-body .card-desc p:first-child {
        margin: 0 0 16px 0
    }

    .nbd-multilink-container.nbd-multilink-container2 .nb-row .nb-multi-link-card .nb-card .card-body .card-desc p:last-child {
        margin: 0
    }
}

@media only screen and (min-width:1025px) {
    .mainclass .row .nbd-multilink-container .nb-multi-link-card div[class^="card"] {
        display: flex;
        flex-direction: row
    }

    .mainclass .row .nbd-multilink-container .nb-multi-link-card div[class^="card"] .card-body {
        flex-direction: column
    }
}

.nbd-rta-comp {
    min-height: 215px;
    height: auto;
    padding: 40px 20px;
    text-align: center;
    margin-top: 48px
}

.nbd-rta-comp .nbd-rta-title {
    color: #fff;
    text-align: center;
    margin-bottom: 40px
}

.nbd-rta-comp .nbd-btn {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    height: 56px;
    padding: 16px 0;
    border: 0;
    margin: 0
}

@media only screen and (min-width:1025px) {
    .nbd-rta-comp .nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-rta-comp .nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-rta-comp .nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-rta-comp.rta-bg-green {
    background-color: #008533
}

.nbd-rta-comp.rta-bg-green .nbd-btn-secondary {
    background-color: #fff
}

.nbd-rta-comp.rta-bg-charcoal {
    background-color: #17252e
}

.nbd-rta-comp.rta-bg-charcoal .nbd-btn-secondary {
    color: #17252e
}

.nbd-rta-comp.rtavariation2 {
    padding: 32px 0 32px 0;
    min-height: 120px;
    height: auto;
    display: flex
}

.nbd-rta-comp.rtavariation2 .ng-container {
    width: 100%
}

.nbd-rta-comp.rtavariation2 .ng-container>div {
    display: flex;
    flex-direction: column;
    padding: 0
}

.nbd-rta-comp.rtavariation2 .nbd-rta-title {
    text-align: left;
    margin-bottom: 8px
}

.nbd-rta-comp.rtavariation2 .nbd-btn-tertiary {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-weight: 500;
    margin-top: 16px;
    text-align: left;
    display: flex;
    color: #fff;
    padding: 0;
    height: auto
}

@media only screen and (min-width:1025px) {
    .nbd-rta-comp.rtavariation2 .nbd-btn-tertiary {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-rta-comp.rtavariation2 .nbd-btn-tertiary {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-rta-comp.rtavariation2 .nbd-btn-tertiary {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-rta-comp.rtavariation2 .nbd-btn-tertiary .nbd-left-arrow {
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/back_white_Arrow.svg'); */
    height: 24px;
    width: 24px;
    margin: auto 8px auto 10px;
    background-repeat: no-repeat;
    -webkit-transition: transform 900ms;
    -moz-transition: transform 900ms;
    -ms-transition: transform 900ms;
    -o-transition: transform 900ms;
    background-position-y: center
}

.nbd-rta-comp.rtavariation2 .nbd-btn-tertiary:hover .nbd-left-arrow {
    transform: translateX(-8px)
}

@media only screen and (min-width:768px) {
    .nbd-rta-comp.rtavariation2 {
        padding: 40px 0 40px 0
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-rta-comp {
        height: 278px;
        padding: 64px 0;
        margin-top: 48px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-rta-comp {
        height: 310px;
        padding: 80px 0;
        margin-top: 80px
    }
}

.whychoose-container {
    padding: 20px 0
}

.whychoose-container.bg-grassgreen {
    background-color: #f2f9f5
}

.whychoose-container .card {
    transition: .3s;
    box-sizing: border-box;
    border: 1px solid #e5edec;
    border-radius: 12px;
    background-color: #fff
}

.whychoose-container .card.nb-card {
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

.whychoose-container .card.nb-card .card-body {
    padding: 40px 20px;
    text-align: left;
    display: flex;
    flex-direction: column
}

.whychoose-container .card.nb-card .card-body .card {
    border: 0;
    cursor: default
}

.whychoose-container .card.nb-card hr {
    background: linear-gradient(90deg, #006341 0, #008533 100%);
    margin: 0;
    border: 0;
    height: 7px;
    border-radius: 7px 7px 0 0
}

.whychoose-container h3 {
    margin-bottom: 32px
}

.whychoose-container p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .whychoose-container p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .whychoose-container p {
        font-size: 20px;
        line-height: 28px
    }
}

.whychoose-container .subtitle {
    margin-bottom: 15px
}

.whychoose-container .nb-row>div {
    margin-top: 0
}

.whychoose-container figure em {
    height: 24px;
    width: 24px;
    margin: 0 16px 0 0;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/tick_icon.svg') */
}

.whychoose-container span p {
    margin-bottom: 0
}

.whychoose-container ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.whychoose-container ul li {
    list-style: none;
    margin: 0 0 32px 0;
    display: flex;
    padding: 0;
    flex-grow: 1;
    width: calc(100% *(1/2));
    min-width: 100%;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .whychoose-container ul li {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .whychoose-container ul li {
        font-size: 20px;
        line-height: 28px
    }
}

.whychoose-container .nbd-terms-and-cond-link {
    margin: 16px 0 8px 0
}

.whychoose-container .nbd-terms-and-cond-link a {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .whychoose-container .nbd-terms-and-cond-link a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .whychoose-container .nbd-terms-and-cond-link a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .whychoose-container .nbd-terms-and-cond-link a {
        font-size: 18px;
        line-height: 26px
    }
}

.whychoose-container .nbd-terms-and-cond-link a em.right-arrow-btn {
    width: 25px
}

.whychoose-container .nbd-terms-and-cond-link a em.right-arrow-btn1 {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/right-arrow-green.svg'); */
    width: 25px
}

.whychoose-container .nbd-terms-and-cond-link a:hover em {
    transform: translateX(8px)
}

.whychoose-container.tertiary-bg figure em {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/tick_icon01.svg') */
}

.whychoose-container.tertiary-bg .nbd-terms-and-cond-link a em.right-arrow-btn1 {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/right-arrow-green1.svg') */
}

@media only screen and (min-width:768px) {
    .whychoose-container {
        padding-top: 64px;
        padding-bottom: 64px
    }

    .whychoose-container .card.nb-card .card-body {
        padding: 40px 20px
    }

    .whychoose-container .nb-row>div {
        margin-top: 0
    }

    .whychoose-container .subtitle {
        margin-bottom: 27px
    }

    .whychoose-container ul li {
        min-width: 50%;
        padding: 0 15px;
        width: calc(100% *(1/2));
        max-width: 50%
    }

    .whychoose-container ul li:nth-child(odd) {
        padding: 0 15px 0 0
    }

    .whychoose-container ul li:nth-child(even) {
        padding: 0 0 0 15px
    }

    .whychoose-container ul li:nth-child(-n+2) {
        max-width: initial
    }

    .whychoose-container ul li:first-child {
        padding: 0 15px 0 0
    }

    .whychoose-container ul li:last-child {
        padding: 0 0 0 15px
    }

    .whychoose-container .nbd-terms-and-cond-link {
        margin: 32px 0 24px 0
    }
}

@media only screen and (min-width:992px) {
    .whychoose-container {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .whychoose-container .card.nb-card .card-body {
        padding: 40px
    }

    .whychoose-container p {
        margin-bottom: 27px
    }

    .whychoose-container .subtitle {
        margin-bottom: 27px
    }

    .whychoose-container figure em {
        height: 32px;
        width: 32px
    }

    .whychoose-container ul li {
        min-width: 25%;
        padding: 0 15px;
        width: calc(100% *(1/4));
        max-width: 25%
    }

    .whychoose-container ul li:nth-child(odd),
    .whychoose-container ul li:nth-child(even) {
        padding: 0 15px
    }

    .whychoose-container ul li:nth-child(-n+4) {
        max-width: initial
    }

    .whychoose-container ul li:first-child {
        padding: 0 15px 0 0
    }

    .whychoose-container ul li:last-child {
        padding: 0 0 0 15px
    }

    .whychoose-container ul li:nth-child(4n) {
        padding: 0 0 0 15px
    }

    .whychoose-container ul li:nth-child(4n+1) {
        padding: 0 15px 0 0
    }

    .whychoose-container .nbd-terms-and-cond-link {
        margin: 48px 0 40px 0
    }
}

.nbd-calcul-head-title {
    margin: 32px 0;
    color: #17252e
}

.cmp-tabs__tab--active {
    border-bottom: 4px solid #008533
}

.cmp-tabs__tablist {
    margin-bottom: 0
}

.cmp-tabs__tab {
    margin: 0 20px;
    padding: 0 0 20px 0;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 28px;
    color: #17252e
}

@media only screen and (min-width:1025px) {
    .cmp-tabs__tab {
        font-size: 24px;
        line-height: 32px
    }
}

.cmp-tabs__tab--active:focus {
    outline: 0
}

.cmp-tabs__tab--active:hover {
    outline: 0
}

.cmp-tabs__tabpanel--active:focus {
    outline: 0
}

.cmp-tabs__tabpanel--active:hover {
    outline: 0
}

.cmp-tabs__tabpanel {
    padding-top: 32px;
    margin-bottom: 32px
}

.contentTabs .container {
    padding: 0 15px !important
}

@media only screen and (min-width:768px) {
    .cmp-tabs__tabpanel:hover {
        outline: 0
    }

    .cmp-tabs__tabpanel {
        border: 1px solid #e5edec;
        border-radius: 20px
    }

    .cmp-tabs__tabpanel:hover {
        border: 1px solid #e5edec;
        border-radius: 20px
    }

    .cmp-tabs__tabpanel:focus {
        border: 1px solid #e5edec;
        border-radius: 20px
    }

    .nbd-calcul-head-title {
        margin: 64px 0
    }

    .cmp-tabs__tab {
        margin: 0 25px
    }

    .contentTabs .container {
        max-width: 720px
    }
}

@media only screen and (min-width:992px) {
    .nbd-calcul-head-title {
        margin: 80px 0
    }

    .cmp-tabs__tab {
        margin: 0 40px
    }

    .cmp-tabs__tabpanel {
        padding: 48px 0;
        margin-bottom: 48px
    }

    .contentTabs .container {
        max-width: 100%
    }
}

@media(max-width:767px) {
    .cmp-tabs__tablist {
        flex-wrap: nowrap !important;
        overflow-x: scroll !important;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        margin-right: -10px
    }

    .cmp-tabs__tablist::-webkit-scrollbar {
        display: none
    }

    .cmp-tabs__tab {
        flex: 0 0 auto;
        padding-left: 0
    }

    .cmp-tabs__tabpanel {
        border-bottom: 1px solid #e5edec;
        padding-bottom: 42px
    }

    .cmp-tabs__tabpanel:hover {
        border-bottom: 1px solid #e5edec;
        padding-bottom: 42px
    }

    .cmp-tabs__tabpanel:focus {
        border-bottom: 1px solid #e5edec;
        padding-bottom: 42px
    }

    .cmp-tabs__tabpanel .container {
        padding: 0
    }

    .cmp-tabs__tablist li:first-child {
        margin-left: 0 !important
    }
}

@media(max-width:1024px) {
    .cmp-tabs__tablist {
        flex-wrap: nowrap !important;
        overflow-x: scroll !important;
        margin-right: -10px;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
        scrollbar-width: none;
        white-space: nowrap;
        scroll-behavior: smooth
    }

    .cmp-tabs__tablist::-webkit-scrollbar {
        display: none
    }
}

.breadcrumb-item+.breadcrumb-item::before {
    content: ">"
}

.ng-page-breadcrumb {
    color: #94999c;
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 19px;
    margin-bottom: 18px
}

.no-padding-margin {
    padding: 0;
    margin: 0
}

.nb-head-container {
    padding: 7px 20px 20px 20px
}

.ng-page-head-title {
    color: #17252e;
    font-family: 'Libre Franklin', sans-serif;
    letter-spacing: -0.5px;
    font-size: 32px;
    line-height: 34px;
    text-align: center;
    margin-bottom: 20px
}

.ng-page-head-info {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 22px;
    text-align: center
}

.nbd-how-to-content {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 32px
}

.nbd-how-to-content h4 {
    color: #17252e;
    font-weight: 700;
    margin-bottom: 24px
}

.nbd-how-to-content p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .nbd-how-to-content p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-how-to-content p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-how-to-content a {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-weight: 400
}

@media only screen and (min-width:1025px) {
    .nbd-how-to-content a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-how-to-content a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-how-to-content a {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-how-to-content-section {
    margin-bottom: 32px
}

.nbd-how-to-content a:hover {
    text-decoration: underline;
    text-decoration-color: #494f50;
    color: #494f50
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-how-to-content {
        padding-left: 115px;
        padding-right: 115px
    }

    .ng-page-head-title {
        font-size: 60px;
        line-height: 70px
    }
}

@media only screen and (min-width:1025px) {
    .ng-page-breadcrumb {
        margin: 5px 0 0 105px
    }

    .nb-head-container {
        padding: 80px 0 67px 0
    }

    .ng-page-head-title {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 40px
    }

    .ng-page-head-info {
        font-size: 20px;
        line-height: 26px
    }

    .nbd-how-to-content {
        padding-left: 315px;
        padding-right: 315px
    }
}

.faq-container {
    margin-top: 40px
}

.faq-container .cmp-accordion__panel {
    margin-top: 40px
}

.faq-container .cmp-accordion__panel>.container {
    padding: 0
}

.faq-container .cmp-accordion__panel .cmp-container .cmp-text.customtext {
    margin-left: auto;
    margin-right: auto
}

.faq-container div:focus,
.faq-container span:focus {
    outline: 0
}

.faq-container .faq-item {
    background-color: #fff;
    display: inline
}

.faq-container .faq-item button:focus {
    outline: 0
}

.faq-container .faq-item .faq-accordion__button {
    border: 0;
    display: flex;
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
    background-color: #fff;
    border-bottom: 1px solid #e5edec;
    padding: 16px 20px;
    align-items: center
}

.faq-container .faq-item .faq-accordion__button .faq-item-title {
    color: #17252e;
    font-weight: 700;
    margin: 0;
    width: 100%
}

.faq-container .faq-item .faq-accordion__button .faq-item-arrow {
    height: 39px;
    width: 42px;
    text-align: center;
    margin: 0 0 0 29px;
    padding: 12px 0
}

.faq-container .faq-item .cmp-accordion__button span.cmp-accordion__icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/down_arrow_01.svg'); */
    height: 19px;
    width: 30px;
    display: inline-block;
    margin-top: 0
}

.faq-container .faq-item .cmp-accordion__button--expanded span.cmp-accordion__icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/up_arrow_01.svg'); */
    height: 19px;
    width: 30px;
    display: inline-block;
    margin-top: 0
}

.faq-container .faq-item .cmp-text {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .faq-container .faq-item .cmp-text {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .faq-container .faq-item .cmp-text {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .faq-container .cmp-accordion__item {
        margin: 0 88px
    }

    .faq-container .cmp-accordion__item .faq-accordion__button {
        width: 100%;
        margin: 0;
        padding: 26px 0
    }

    .faq-container .cmp-accordion__item .faq-accordion__button .faq-item-arrow {
        margin: 0 10px 0 42px
    }
}

@media only screen and (min-width:1025px) {
    .faq-container .cmp-accordion__item {
        width: 810px;
        margin-left: auto;
        margin-right: auto
    }

    .faq-container .cmp-accordion__item .faq-accordion__button {
        width: 100%;
        margin: 0;
        padding: 25px 0
    }

    .faq-container .cmp-accordion__item .faq-accordion__button .faq-item-arrow {
        margin: 0 10px 0 42px
    }
}

.nbd-page-head-title {
    color: #17252e;
    text-align: center;
    margin: 60px 20px 20px 20px
}

.nbd-head-container-bg {
    background-color: #fafafa
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-page-head-title {
        margin: 70px 0 40px 0
    }
}

@media only screen and (min-width:1025px) {
    .nbd-page-head-title {
        margin: 80px 0 40px 0
    }
}

.bondandtransfer-container .row div>div[class^='card'] {
    display: block
}

.bondandtransfer-container .nbd-btn-tertiary {
    font-weight: 700
}

.bondandtransfer-container #depositamtdiv {
    margin-top: 24px
}

.bondandtransfer-container .nbd-title {
    color: #17252e
}

.bondandtransfer-container .left-panel .nbd-title {
    padding-bottom: 24px
}

.bondandtransfer-container .left-panel>div {
    padding-bottom: 24px
}

.bondandtransfer-container .right-panel {
    padding: 0
}

.bondandtransfer-container .right-panel .nbd-title {
    padding-bottom: 16px
}

.bondandtransfer-container .result-panel {
    background-color: #fafafa;
    padding: 32px 16px;
    border-radius: 5px;
    margin-bottom: 32px;
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

.bondandtransfer-container .result-panel .green-text {
    color: #78be20
}

.bondandtransfer-container .result-panel .black-text {
    color: #17252e
}

.bondandtransfer-container .button-wrapper {
    width: 100%;
    margin: 0
}

.bondandtransfer-container .calc-header {
    padding-bottom: 24px;
    color: #494f50
}

.bondandtransfer-container .tooltip {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

.bondandtransfer-container .tooltip .tooltip-inner {
    background-color: #17252e;
    border-radius: 5px;
    min-width: 250px;
    padding: 15px 10px;
    text-align: unset
}

.bondandtransfer-container .tooltip-img {
    height: 12px;
    width: 12px;
    margin-left: 8px
}

.bondandtransfer-container .btn {
    height: 56px
}

.bondandtransfer-container .modal-lg {
    height: auto
}

.bondandtransfer-container .modal-content {
    border: 0;
    padding-bottom: 20px !important
}

.bondandtransfer-container .modal-backdrop.show {
    background-color: #fff
}

.bondandtransfer-container .modal-footer {
    border-top: 0;
    padding: 0
}

.bondandtransfer-container .modal-footer .col-sm-12 {
    padding-left: 0
}

.bondandtransfer-container .close {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1025px) {
    .bondandtransfer-container .close {
        font-size: 18px;
        line-height: 26px
    }
}

.bondandtransfer-container .close img {
    height: 42px;
    width: 42px
}

.bondandtransfer-container .popup-buttons {
    width: 100%
}

.bondandtransfer-container .popup-footer-note {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #494f50;
    padding: 0 0 24px 0
}

.bondandtransfer-container .card-body {
    padding: 0
}

.bondandtransfer-container .breakdown-header {
    padding-left: 0
}

.bondandtransfer-container .nbd-btn {
    margin: 6px 0 6px 0 !important
}

.bondandtransfer-container .nbd-btn-secondary:focus {
    border: 2px solid #008533;
    box-shadow: none
}

.bondandtransfer-container .nbd-card-amount {
    text-align: left;
    color: #000
}

.bondandtransfer-container .nbd-description {
    color: #17252e;
    margin: 31px 10px 1px 10px
}

.bondandtransfer-container .hide-text {
    display: none
}

.bondandtransfer-container .loan-desc,
.bondandtransfer-container .purchaseprice-desc {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px
}

.bondandtransfer-container .text-muted {
    color: #494f50 !important
}

.bondandtransfer-container .nbd-details-row {
    display: block;
    width: 100%;
    padding: 21px 10px 0 10px;
    border-bottom: 1px solid #17252e
}

.bondandtransfer-container .nbd-details-col-1,
.bondandtransfer-container .nbd-details-col-2 {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    width: 100%
}

.bondandtransfer-container .nbd-details-col-1 p,
.bondandtransfer-container .nbd-details-col-2 p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.bondandtransfer-container .nbd-details-col-1 p:first-child {
    margin-bottom: 3px;
    font-weight: bold
}

.bondandtransfer-container .nbd-details-col-2 p {
    margin-bottom: 12px
}

.bondandtransfer-container .breakdown-val {
    color: #17252e;
    font-weight: 500;
    margin-bottom: 12px
}

.bondandtransfer-container .nbd-currency-input {
    position: relative;
    top: 28px;
    right: inherit;
    bottom: inherit;
    left: 15px;
    display: block;
    height: 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    line-height: 0;
    color: #17252e
}

.bondandtransfer-container input[disabled=disabled] {
    cursor: not-allowed
}

.bondandtransfer-container .nbd-form-control {
    padding-left: 26px;
    border-radius: 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #17252e
}

.bondandtransfer-container .nbd-anchor-btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.bondandtransfer-container .modal-body {
    padding-bottom: 31px;
    padding-left: 0;
    padding-right: 0
}

.bondandtransfer-container .nbd-subtitle {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

.bondandtransfer-container .nbd-subtitle a {
    float: right
}

.bondandtransfer-container .nbd-calc-disclaimer {
    padding-top: 32px;
    margin: 0;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.tabsng-container .tabsnedbank .bondandtransfer-container .modal {
    z-index: 1060
}

.tabsng-container .tabsnedbank .bondandtransfer-container .modal .modal-dialog {
    margin-top: 16px
}

@media only screen and (min-width:768px) {
    .bondandtransfer-container .nbd-calc-disclaimer {
        padding-top: 56px
    }

    .bondandtransfer-container #depositamtdiv {
        margin-top: 32px
    }

    .bondandtransfer-container .left-panel {
        padding-right: 20px;
        padding-top: 0
    }

    .bondandtransfer-container .left-panel>div {
        padding-bottom: 32px
    }

    .bondandtransfer-container .right-panel {
        padding-left: 20px;
        padding-right: 15px
    }

    .bondandtransfer-container .right-panel .nbd-title {
        padding-bottom: 8px
    }

    .bondandtransfer-container .result-panel {
        padding: 32px 24px;
        border-radius: 10px;
        margin-bottom: 31px
    }

    .bondandtransfer-container .calc-header {
        padding-bottom: 32px
    }

    .bondandtransfer-container .modal-lg {
        max-width: 724px;
        height: auto
    }

    .bondandtransfer-container .modal-body {
        padding-left: inherit;
        padding-right: inherit
    }

    .bondandtransfer-container .card-body {
        padding: 0 61px
    }

    .bondandtransfer-container .hide-text {
        display: block
    }

    .bondandtransfer-container .nbd-details-row {
        display: inline-flex;
        padding: 16px 0
    }

    .bondandtransfer-container .breakdown-val {
        margin-bottom: 0
    }

    .bondandtransfer-container .nbd-details-col-2 p {
        margin-bottom: 0
    }

    .bondandtransfer-container .nbd-description {
        margin: 72px 0 24px 0
    }

    .bondandtransfer-container .modal-content {
        padding-bottom: 30px !important
    }

    .bondandtransfer-container .close {
        margin-top: 37px
    }

    .bondandtransfer-container .popup-footer-note {
        padding: 0
    }

    .bondandtransfer-container .modal-footer {
        padding: 0 61px
    }

    .bondandtransfer-container .modal-footer .col-sm-12 {
        padding-left: 15px
    }

    .calculator-container.bondandtransfer-container {
        padding: 0 0 32px
    }
}

@media only screen and (min-width:992px) {
    .calculator-container.bondandtransfer-container {
        padding: 5px 46px
    }

    .bondandtransfer-container .left-panel {
        padding-right: 67px
    }

    .bondandtransfer-container .right-panel {
        padding-left: 67px
    }

    .bondandtransfer-container .right-panel .nbd-title {
        padding-bottom: 14px
    }

    .bondandtransfer-container .calc-header {
        padding-bottom: 48px
    }

    .bondandtransfer-container .result-panel {
        padding: 44px 48px 16px 44px;
        margin-bottom: 42px
    }

    .bondandtransfer-container .modal-lg {
        max-width: 1018px;
        height: auto
    }

    .bondandtransfer-container .modal-content {
        padding-bottom: 50px !important
    }

    .bondandtransfer-container .card-body {
        padding: 0 75px
    }

    .bondandtransfer-container .modal-footer {
        padding: 0 75px
    }

    .bondandtransfer-container .nbd-description {
        margin: 54px 0 32px 0
    }

    .bondandtransfer-container .modal-body {
        padding-bottom: 39px
    }

    .bondandtransfer-container .panel-button {
        padding-right: 0 !important;
        padding-left: 13px !important
    }
}

.bond-repayment-container .row div>div[class^='card'] {
    display: block
}

.bond-repayment-container .nbd-btn-tertiary {
    font-weight: 700
}

.bond-repayment-container .result-panel {
    background-color: #fafafa;
    padding: 30px 15px;
    border-radius: 5px;
    margin-bottom: 32px;
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

.bond-repayment-container .result-panel .green-text {
    color: #0C8450
}

.bond-repayment-container .result-panel .black-text {
    color: #17252e
}

.bond-repayment-container .button-wrapper {
    width: 100%;
    margin: 0
}

.bond-repayment-container .nbd-btn {
    margin: 6px 0 6px 0 !important
}

.bond-repayment-container .nbd-title {
    color: #17252e
}

.bond-repayment-container .left-panel .nbd-title {
    padding-bottom: 24px
}

.bond-repayment-container .left-panel>div {
    padding-bottom: 42px
}

.bond-repayment-container .right-panel {
    padding: 0
}

.bond-repayment-container .right-panel .nbd-title {
    padding-bottom: 16px
}

.bond-repayment-container .calc-header {
    padding-bottom: 24px;
    color: #494f50
}

.bond-repayment-container .tooltip {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

.bond-repayment-container .tooltip .tooltip-inner {
    background-color: #17252e;
    border-radius: 5px;
    min-width: 250px;
    padding: 15px 10px;
    text-align: unset
}

.bond-repayment-container .tooltip-img {
    height: 12px;
    width: 12px;
    margin-left: 8px
}

.bond-repayment-container .btn {
    height: 56px
}

.bond-repayment-container .repay-interest-result {
    color: #17252e
}

.bond-repayment-container .repay-change-rate {
    background-color: transparent;
    border: 0;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    outline: 0
}

.bond-repayment-container .interest-rate-desc {
    color: #17252e
}

.bond-repayment-container .interest-rate-desc .cmp-text p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.bond-repayment-container .repay-interest-rate .slidecontainer {
    padding-bottom: 32px
}

.bond-repayment-container .modal-lg {
    height: auto
}

.bond-repayment-container .modal-content {
    border: 0;
    padding-bottom: 20px !important
}

.bond-repayment-container .modal-backdrop.show {
    background-color: #fff
}

.bond-repayment-container .modal-footer {
    border-top: 0;
    padding: 0
}

.bond-repayment-container .close img {
    height: 42px;
    width: 42px
}

.bond-repayment-container .popup-buttons {
    width: 100%
}

.bond-repayment-container .popup-footer-note {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #494f50;
    padding-bottom: 26px
}

.bond-repayment-container .card-body {
    padding: 0
}

.bond-repayment-container .down-arrow {
    display: inline-block;
    background-image: url('../../../assets/static/media/icons/up_arrow_cr.svg');
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    float: right
}

.bond-repayment-container .collapsed .down-arrow {
    background-image: url('../../../assets/static/media/icons/down_arrow_cr.svg')
}

.bond-repayment-container .nbd-btn-secondary:focus {
    border: 2px solid #008533;
    box-shadow: none
}

.bond-repayment-container .nbd-card-amount {
    color: #000;
    padding-bottom: 22px;
    text-align: left
}

.bond-repayment-container .nbd-description {
    color: #17252e;
    margin: 31px 10px 1px 10px
}

.bond-repayment-container .hide-text {
    display: none
}

.bond-repayment-container .purchase-desc,
.bond-repayment-container .deposit-desc {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px
}

.bond-repayment-container .nbd-subtitle {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 4px
}

.bond-repayment-container .nbd-subtitle a {
    float: right
}

.bond-repayment-container .text-muted {
    color: #17252e !important
}

.bond-repayment-container .nbd-details-row {
    display: block;
    width: 100%;
    padding: 21px 10px 0 10px;
    border-bottom: 1px solid #17252e
}

.bond-repayment-container .nbd-details-col-1,
.bond-repayment-container .nbd-details-col-2 {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    width: 100%
}

@media only screen and (min-width:1025px) {

    .bond-repayment-container .nbd-details-col-1,
    .bond-repayment-container .nbd-details-col-2 {
        font-size: 18px;
        line-height: 26px
    }
}

.bond-repayment-container .nbd-details-col-1 P:first-child {
    margin-bottom: 3px
}

.bond-repayment-container .nbd-details-col-2 {
    padding: 0
}

.bond-repayment-container .nbd-details-col-2 p {
    margin-bottom: 12px
}

.bond-repayment-container .breakdown-val {
    color: #17252e;
    margin-bottom: 12px;
    font-weight: 500
}

.bond-repayment-container .nbd-currency-input {
    position: relative;
    top: 28px;
    right: inherit;
    bottom: inherit;
    left: 15px;
    display: block;
    height: 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    line-height: 0;
    color: #17252e
}

.bond-repayment-container .nbd-form-control {
    padding-left: 26px;
    border-radius: 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #17252e
}

.bond-repayment-container .nbd-anchor-btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.bond-repayment-container .modal-body {
    padding-bottom: 31px;
    padding-left: 0;
    padding-right: 0
}

.bond-repayment-container .nbd-calc-disclaimer {
    padding-top: 32px;
    margin: 0;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.bond-repayment-container .slider {
    -webkit-appearance: none;
    -moz-apperance: none;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    outline: 0;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    opacity: 1
}

.bond-repayment-container .slider::-moz-range-progress {
    background-color: #0C8450
}

.bond-repayment-container .slider::-moz-range-track {
    background-color: #bbb
}

.bond-repayment-container .slider::-ms-fill-lower {
    background-color: #0C8450
}

.bond-repayment-container .slider::-ms-fill-upper {
    background-color: #bbb;
    background: #008533;
    border-radius: 5px
}

.bond-repayment-container .slider::-ms-tooltip {
    display: none
}

.bond-repayment-container .slider:hover {
    opacity: 1
}

.bond-repayment-container .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #0C8450;
    cursor: pointer;
    outline: 3px solid #fff
}

.bond-repayment-container .slider::-ms-track {
    width: 100%;
    height: 5px;
    background: #eee;
    border-color: #eee;
    border-width: 1px 0;
    border-radius: 3px;
    color: #bbb
}

.bond-repayment-container .slider:-ms-fill-lower {
    background: #0C8450;
    border-radius: 5px
}

.bond-repayment-container .slider::-ms-thumb {
    width: 24px;
    height: 24px;
    background: #fff;
    border: 3px solid #0C8450;
    border-radius: 15px;
    cursor: pointer;
    margin-top: 0;
    outline: 3px solid #fff
}

.bond-repayment-container .slider:focus::-ms-fill-lower {
    background: #0C8450
}

.bond-repayment-container .slider:focus::-ms-fill-upper {
    background: #eee
}

.bond-repayment-container .slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #0C8450;
    cursor: pointer
}

.bond-repayment-container .slider::after {
    content: "";
    position: absolute;
    top: -1px;
    right: inherit;
    bottom: inherit;
    left: 50%;
    width: 2px;
    height: 2px
}

.bond-repayment-container .repay_slidecontainer {
    width: 100%;
    padding-top: 32px
}

.bond-repayment-container .repay-range-info {
    display: inline;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.bond-repayment-container .bubble {
    color: #000;
    padding: 4px 12px;
    position: relative;
    top: inherit;
    right: inherit;
    bottom: inherit;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 26px;
    color: #17252e
}

@media only screen and (min-width:767px) {
    .bond-repayment-container .bubble {
        font-size: 20px;
        line-height: 28px
    }
}

.bond-repayment-container .bubble::after {
    content: "";
    position: absolute;
    top: -1px;
    right: inherit;
    bottom: inherit;
    left: 50%;
    width: 2px;
    height: 2px
}

.bond-repayment-container input[disabled=disabled] {
    cursor: not-allowed
}

.tabsng-container .tabsnedbank .bond-repayment-container .modal {
    z-index: 1060
}

.tabsng-container .tabsnedbank .bond-repayment-container .modal .modal-dialog {
    margin-top: 16px
}

.cmp-tabs__tabpanel--active:foucs {
    border: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-ms-clear {
    display: none
}

@supports(-ms-ime-align:auto) {
    .bond-repayment-container .slider {
        height: 30px;
        /*         background-image: none !important; */
        background-color: #fff !important
    }
}

input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .bond-repayment-container .slider {
        background-color: #bbb
    }

    .bond-repayment-container .slider::-webkit-slider-runnable-track {
        -webkit-appearance: none;
        color: #008533;
        margin-top: -1px
    }

    .bond-repayment-container .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        background: #fff
    }
}

@media all and (-ms-high-contrast:none) {
    .bond-repayment-container .slider {
        padding-bottom: 0;
        height: 55px
    }
}

@media(-ms-high-contrast:active) {
    .bond-repayment-container .slider {
        padding-bottom: 0;
        height: 55px
    }
}

@media only screen and (min-width:768px) {
    .bond-repayment-container .nbd-calc-disclaimer {
        padding-top: 56px;
        line-height: 22px
    }

    .bond-repayment-container .left-panel {
        padding-right: 20px;
        padding-top: 32px
    }

    .bond-repayment-container .right-panel {
        padding-left: 20px;
        padding-right: 15px
    }

    .bond-repayment-container .right-panel .nbd-title {
        padding-bottom: 8px
    }

    .bond-repayment-container .result-panel {
        padding: 32px 24px;
        border-radius: 10px;
        margin-bottom: 31px
    }

    .bond-repayment-container .modal-lg {
        max-width: 724px
    }

    .bond-repayment-container .modal-body {
        padding-left: inherit;
        padding-right: inherit
    }

    .bond-repayment-container .modal-footer {
        padding: 0 61px
    }

    .bond-repayment-container .modal-footer .col-sm-12 {
        padding-left: 15px
    }

    .bond-repayment-container .card-body {
        padding: 0 61px
    }

    .bond-repayment-container .nbd-card-amount {
        padding-bottom: 16px
    }

    .bond-repayment-container .hide-text {
        display: block
    }

    .bond-repayment-container .nbd-details-row {
        display: inline-flex;
        padding: 16px 0
    }

    .bond-repayment-container .breakdown-val {
        margin-bottom: 0
    }

    .bond-repayment-container .nbd-details-col-2 p {
        margin-bottom: 0
    }

    .bond-repayment-container .nbd-description {
        margin: 72px 0 24px 0
    }

    .bond-repayment-container .modal-content {
        padding-bottom: 30px !important
    }

    .bond-repayment-container .close {
        margin-top: 37px
    }

    .calculator-container.bond-repayment-container {
        padding: 0 0 32px
    }
}

@media only screen and (min-width:992px) {
    .calculator-container.bond-repayment-container {
        padding: 5px 46px
    }

    .bond-repayment-container .left-panel {
        padding-right: 67px;
        padding-top: 0
    }

    .bond-repayment-container .right-panel {
        padding-left: 67px
    }

    .bond-repayment-container .right-panel .nbd-title {
        padding-bottom: 14px
    }

    .bond-repayment-container .calc-header {
        padding-bottom: 48px
    }

    .bond-repayment-container .result-panel {
        padding: 32px 42px 16px 42px;
        margin-bottom: 42px
    }

    .bond-repayment-container .modal-lg {
        max-width: 1018px
    }

    .bond-repayment-container .modal-content {
        padding: 40px 0;
        padding-bottom: 50px !important
    }

    .bond-repayment-container .card-body,
    .bond-repayment-container .modal-footer {
        padding: 0 75px
    }

    .bond-repayment-container .nbd-description {
        text-align: left;
        margin: 54px 0 32px 0
    }

    .bond-repayment-container .purchase-desc,
    .bond-repayment-container .deposit-desc {
        margin-top: 4px
    }

    .bond-repayment-container .change-rate-wrapper {
        margin-top: 16px
    }

    .bond-repayment-container .modal-body {
        padding-bottom: 39px
    }

    .bond-repayment-container .popup-footer-note {
        padding-bottom: 0
    }

    .bond-repayment-container .panel-button {
        padding-right: 0 !important;
        padding-left: 13px !important
    }
}

.nbd-cmb-container {
    margin-right: 20px
}

.nbd-cmb-container .row {
    margin-right: -15px
}

.nbd-cmb-container .text-danger {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-cmb-container .nbd-cmb-heading {
    color: #17252e;
    display: grid;
    margin: 26px 0 24px 0
}

.nbd-cmb-container .nbd-cmb-note {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px
}

@media only screen and (min-width:576px) {
    .nbd-cmb-container .nbd-cmb-note {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-cmb-container .nbd-cmb-note {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-cmb-container .nbd-cmb-form-title {
    color: #17252e;
    margin-top: 0;
    margin-bottom: 24px
}

.nbd-cmb-container .nbd-btn {
    font-weight: 700
}

.nbd-cmb-container .nbd-cmb-dropdown {
    height: 60px;
    max-width: 390px;
    text-align: left
}

.nbd-cmb-container .nbd-cmb-dropdown button {
    color: #bbb;
    padding: 16px 0 16px 16px;
    width: 100%;
    max-width: 390px;
    border: 2px solid #bbb
}

.nbd-cmb-container .nbd-cmb-dropdown .dropdown-menu {
    border-radius: 0
}

.nbd-cmb-container .nbd-cmb-dropdown .dropdown-menu.show {
    width: 100%;
    max-width: 390px;
    margin: 0;
    border: 2px solid #bbb;
    z-index: 1231
}

.nbd-cmb-container .nbd-cmb-dropdown .dropdown-item {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 14px 0 18px 16px;
    text-align: left
}

.nbd-cmb-container .nbd-cmb-dropdown .btn {
    display: flex;
    border-radius: 0
}

.nbd-cmb-container .nbd-form-group {
    margin-bottom: 16px
}

.nbd-cmb-container .nbd-form-group label {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 6px
}

.nbd-cmb-container .nbd-form-group input[type="text"] {
    height: 56px;
    max-width: 390px;
    border: 2px solid #bbb;
    border-radius: 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-cmb-container .nbd-form-group .dropdown-toggle::after {
    position: absolute;
    right: 20px;
    top: 25px;
    content: none
}

.nbd-cmb-container .nbd-form-group .form-control:focus,
.nbd-cmb-container .nbd-form-group .btn {
    box-shadow: none
}

.nbd-cmb-container .nbd-form-group span {
    margin: 0
}

.nbd-cmb-container .nbd-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/down_arrow.svg'); */
    display: block;
    width: 22px;
    height: 22px;
    margin-top: 0;
    position: absolute;
    right: 20px
}

.nbd-cmb-container .nbd-cmb-dropdown.show .nbd-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/up_arrow.svg'); */
    margin-top: 5px
}

.nbd-cmb-container a.nbd-btn {
    padding: 12px 0 10px 0
}

.nbd-cmb-container .nbd-only-desktop,
.nbd-cmb-container .nbd-only-tab {
    display: none
}

.nbd-cmb-container .nbd-only-mobile {
    display: block
}

.nbd-cmb-container .nbd-contact-card {
    box-sizing: border-box;
    height: 253px;
    width: 285px;
    border: 1px solid #e5edec;
    border-radius: 12px;
    background-color: #fff;
    padding: 41px 0 0 0;
    margin-right: 12px
}

.nbd-cmb-container .nbd-contact-card:after {
    content: "";
    position: absolute;
    width: inherit;
    bottom: 1px;
    z-index: -1;
    transform: scale(0.9);
    box-shadow: 0 0 40px 15px rgba(0, 0, 0, 0.1)
}

.nbd-cmb-container .nbd-card-img {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/backgroundshape.svg'); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px 82px;
    height: 80px;
    width: 82px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-left: auto;
    margin-right: auto
}

.nbd-cmb-container .nbd-card-img img {
    height: 33px;
    width: 32px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.nbd-cmb-container .nbd-card-heading {
    margin: 16px 0 8px 0
}

.nbd-cmb-container .nbd-card-heading h4 {
    color: #17252e
}

.nbd-cmb-container .nbd-card-content h7 {
    color: #494f50;
    text-align: left;
    margin-bottom: 0
}

.nbd-cmb-container .nbd-call-us-card {
    height: 100%;
    width: 100%;
    border: 1px solid #e5edec;
    border-radius: 12px;
    background-color: #fff;
    display: flex;
    padding-bottom: 16px;
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

.nbd-cmb-container .nbd-call-us-card .nbd-call-us-card-img {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/backgroundshape.svg'); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 59px 61px;
    height: 59px;
    width: 61px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin: auto 18px auto 36px
}

.nbd-cmb-container .nbd-call-us-card .nbd-call-us-card-img img {
    height: 24px;
    width: 24px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.nbd-cmb-container .nbd-top-margin {
    margin-top: 5px
}

.nbd-cmb-container .nbd-cmb-modal .modal-content {
    padding-bottom: 38px;
    border: 0
}

.nbd-cmb-container .nbd-cmb-modal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.nbd-cmb-container .nbd-cmb-modal .modal-dialog a.nbd-btn {
    margin: 0
}

.nbd-cmb-container .nbd-cmb-modal .modal-body {
    padding: 49px 18px 38px 18px
}

.nbd-cmb-container .nbd-cmb-modal .modal-body .cmp-text h4 .opensansregularclass {
    font-family: 'Open Sans Regular', sans-serif
}

.nbd-cmb-container .nbd-cmb-modal .modal-body .cmp-text .opensansregularclass {
    font-family: 'Open Sans Regular', sans-serif
}

.nbd-cmb-container .nbd-cmb-modal h4 {
    color: #000;
    font-weight: 500;
    margin-bottom: 20px
}

.nbd-cmb-container .nbd-cmb-modal .close {
    position: absolute;
    right: 27px;
    top: 49px
}

.nbd-cmb-container .modal-backdrop.show {
    background-color: rgba(255, 255, 255, 0.96)
}

.nbd-cmb-container .nbd-cmb-success {
    display: none
}

.nbd-cmb-container .nbd-cmb-success .nbd-btn {
    width: 100%;
    font-weight: normal
}

.nbd-cmb-container .nbd-cmb-success .nbd-cmb-note {
    margin-bottom: 32px
}

.nbd-cmb-container .show-id {
    display: block
}

.nbd-cmb-container .hide-id {
    display: none
}

.nbd-cmb-container .id-note {
    color: #94999c;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px
}

.nbd-cmb-container .lock-info {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    max-width: 390px;
    text-align: center
}

.nbd-cmb-container .lock-info img {
    margin-right: 22px
}

.nbd-cmb-container .ndb-spinner .spinner {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/spinner.svg'); */
    background-repeat: no-repeat;
    background-position: right;
    background-size: 35px
}

.nbd-cmb-container .nbd-auto-complete-list {
    position: absolute;
    top: 84px;
    will-change: transform;
    background-color: #fff;
    width: 100vw;
    border: 2px solid #006341;
    z-index: 9;
    height: 220px;
    overflow-y: scroll;
    display: none
}

.nbd-cmb-container .nbd-auto-complete-list.show {
    display: block
}

.nbd-cmb-container .nbd-auto-complete-list-item {
    width: 100%;
    padding: 5px;
    clear: both;
    color: #17252e;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    margin: 0;
    cursor: pointer
}

.nbd-cmb-container .nbd-auto-complete-list-item:hover {
    background-color: #fafafa
}

.nbd-cmb-container .field-error-border {
    border: 2px solid #d22630 !important
}

.nbd-cmb-container .nbd-green-border-dropdown {
    border: 2px solid #78be20 !important
}

.nbd-cmb-container .nbd-green-border-dropdown+.dropdown-menu {
    border: 2px solid #78be20 !important
}

.nbd-cmb-container .nbd-darkgreen-border-dropdown {
    border: 2px solid #006341 !important
}

.nbd-cmb-container .nbd-darkgreen-border-dropdown+.dropdown-menu {
    border: 2px solid #006341 !important
}

.nbd-cmb-container .nbd-error-alert {
    background-color: #f7d4d7;
    height: 88px;
    padding: 20px 0;
    display: none;
    margin-bottom: 30px
}

.nbd-cmb-container .nbd-error-alert span {
    width: 272px;
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-cmb-container .nbd-error-alert .nbd-warning {
    height: 19px;
    width: 22px;
    margin: 2px 11px 0 21px
}

.nbd-cmb-container .nbd-error-alert .nbd-close-small {
    height: 14px;
    width: 14px;
    margin: 5px 25px 0 0;
    cursor: pointer
}

@media only screen and (min-width:576px) and (max-width:992px) {
    .nbd-cmb-container {
        margin-left: 115px;
        margin-right: 20px
    }

    .nbd-cmb-container .nbd-cmb-heading {
        margin: 56px 0 32px 0
    }

    .nbd-cmb-container .nbd-cmb-note {
        width: 348px;
        margin-bottom: 56px
    }

    .nbd-cmb-container .nbd-cmb-form-title {
        margin-bottom: 40px
    }

    .nbd-cmb-container .nbd-form-group {
        margin-bottom: 30px
    }

    .nbd-cmb-container .nbd-form-group input[type="text"],
    .nbd-cmb-container .nbd-form-group label {
        width: 350px
    }

    .nbd-cmb-container .nbd-cmb-dropdown {
        max-width: 350px
    }

    .nbd-cmb-container .nbd-btn-primary,
    .nbd-cmb-container .nbd-btn-secondary,
    .nbd-cmb-container .nbd-btn-commitment,
    .nbd-cmb-container .nbd-btn-tertiary,
    .nbd-cmb-container .lock-info,
    .nbd-cmb-container .nbd-contact-card {
        width: 350px
    }

    .nbd-cmb-container .nbd-btn-commitment,
    .nbd-cmb-container .nbd-btn-tertiary,
    .nbd-cmb-container .nbd-only-tab {
        display: block
    }

    .nbd-cmb-container .no-tab-padding-right {
        padding-right: 0
    }

    .nbd-cmb-container .nbd-contact-card {
        height: 344px
    }

    .nbd-cmb-container .nbd-card-heading {
        margin: 40px 0 8px 0
    }

    .nbd-cmb-container .nbd-call-us-card {
        height: 141px;
        width: 350px;
        margin-top: 10px
    }

    .nbd-cmb-container .nbd-call-us-card .nbd-call-us-card-img {
        background-size: 47px 48px;
        height: 47px;
        width: 48px;
        margin: auto 22px auto 22px
    }

    .nbd-cmb-container .nbd-call-us-card .nbd-call-us-card-img img {
        height: 20px;
        width: 20px
    }

    .nbd-cmb-container .nbd-only-mobile {
        display: none
    }

    .nbd-cmb-container .nbd-cmb-modal .modal-dialog {
        max-width: 724px;
        margin: 70px auto
    }

    .nbd-cmb-container .nbd-cmb-modal .modal-body {
        padding: 36px 93px 36px 93px
    }

    .nbd-cmb-container .nbd-cmb-modal h4 {
        margin-bottom: 32px
    }

    .nbd-cmb-container .nbd-cmb-modal .close {
        right: 41px;
        top: 41px
    }

    .nbd-cmb-container .nbd-cmb-success .nbd-btn {
        width: 285px
    }

    .nbd-cmb-container .nbd-cmb-success .nbd-cmb-note {
        margin-bottom: 48px
    }

    .nbd-cmb-container .nbd-tab-padding-right {
        padding-right: 15px
    }

    .nbd-cmb-container .nbd-auto-complete-list {
        max-width: 350px
    }
}

@media only screen and (min-width:1024px) {
    .nbd-cmb-container {
        margin-left: 107px;
        margin-right: 107px
    }

    .nbd-cmb-container .row div>div[class^="card"] {
        height: 273px;
        width: 286px;
        padding: 48px 0 48px 0;
        margin-top: 0;
        margin-left: 75px
    }

    .nbd-cmb-container .nbd-only-desktop {
        display: block
    }

    .nbd-cmb-container .nbd-cmb-heading {
        width: 598px;
        margin: 80px 0 40px 0
    }

    .nbd-cmb-container .nbd-cmb-note {
        width: 598px;
        margin-bottom: 65px
    }

    .nbd-cmb-container .nbd-cmb-form-title {
        margin: 15px 0 40px 0
    }

    .nbd-cmb-container .nbd-form-group {
        margin-bottom: 24px
    }

    .nbd-cmb-container .nbd-form-group label {
        height: 21px;
        margin-bottom: 8px;
        width: 390px
    }

    .nbd-cmb-container .nbd-form-group input[type="text"] {
        width: 390px
    }

    .nbd-cmb-container .nbd-cmb-dropdown button {
        width: 390px
    }

    .nbd-cmb-container .nbd-only-mobile {
        display: none
    }

    .nbd-cmb-container .nbd-contact-card {
        height: 273px;
        width: 286px;
        padding: 48px 0;
        margin-top: 0;
        transform-style: unset;
        perspective: none
    }

    .nbd-cmb-container .nbd-card-img {
        margin-bottom: 37px
    }

    .nbd-cmb-container .nbd-card-heading {
        margin: 24px 0 18px 0
    }

    .nbd-cmb-container .nbd-card-heading h4 {
        text-align: center
    }

    .nbd-cmb-container .nbd-card-content h7 {
        text-align: center
    }

    .nbd-cmb-container .nbd-cmb-modal .modal-dialog {
        max-width: 960px;
        margin: 30px auto
    }

    .nbd-cmb-container .nbd-cmb-modal .modal-body {
        padding: 48px 75px 56px 75px
    }

    .nbd-cmb-container .nbd-cmb-modal h4 {
        margin-bottom: 32px
    }

    .nbd-cmb-container .nbd-cmb-modal .close {
        right: 37px;
        top: 53px
    }

    .nbd-cmb-container .nbd-cmb-success .nbd-btn {
        width: 100%
    }

    .nbd-cmb-container .nbd-cmb-success .nbd-cmb-note {
        margin-bottom: 86px
    }

    .nbd-cmb-container .nbd-form {
        max-width: 390px;
        padding-right: 0;
        margin-right: 45px
    }

    .nbd-cmb-container .nbd-only-desktop {
        padding-left: 0
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-cmb-container .nbd-error-alert {
        margin-right: 25px
    }

    .nbd-cmb-container .modal-content {
        padding-bottom: 36px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-cmb-container .dropdown-menu.show {
        width: 390px !important
    }

    .nbd-cmb-container .nbd-cmb-form {
        padding-left: 100px
    }

    .nbd-cmb-container .nbd-btn-commitment {
        width: 390px
    }

    .nbd-cmb-container .nbd-auto-complete-list {
        max-width: 390px
    }

    .nbd-cmb-container .nbd-error-alert {
        margin-right: 10px
    }

    .nbd-cmb-container .nbd-error-alert .nbd-close-small {
        margin: 5px 25px 0 25px
    }

    .nbd-cmb-container .modal-content {
        padding-bottom: 56px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .nbd-cmb-container {
        margin-left: 115px;
        margin-right: 20px
    }

    .nbd-cmb-container .nbd-cmb-heading {
        margin: 56px 0 32px 0
    }

    .nbd-cmb-container .nbd-cmb-note {
        width: 348px;
        margin-bottom: 56px
    }

    .nbd-cmb-container .nbd-cmb-form-title {
        margin-bottom: 40px
    }

    .nbd-cmb-container .nbd-form-group {
        margin-bottom: 30px
    }

    .nbd-cmb-container .nbd-form-group input[type="text"] {
        width: 350px
    }

    .nbd-cmb-container .nbd-form-group label {
        width: 350px
    }

    .nbd-cmb-container .nbd-cmb-dropdown button,
    .nbd-cmb-container .nbd-btn-primary,
    .nbd-cmb-container .nbd-btn-secondary,
    .nbd-cmb-container .nbd-btn-commitment,
    .nbd-cmb-container .nbd-btn-tertiary,
    .nbd-cmb-container .lock-info {
        width: 350px
    }

    .nbd-cmb-container .no-tab-padding-right {
        padding-right: 0
    }

    .nbd-cmb-container .nbd-contact-card {
        height: 344px;
        width: 350px
    }

    .nbd-cmb-container .nbd-card-heading {
        margin: 40px 0 80px 0
    }

    .nbd-cmb-container .nbd-call-us-card {
        height: 141px;
        width: 350px;
        margin-top: 10px
    }

    .nbd-cmb-container .nbd-call-us-card .nbd-call-us-card-img {
        background-size: 47px 48px;
        height: 47px;
        width: 48px;
        margin: auto 22px auto 22px
    }

    .nbd-cmb-container .nbd-call-us-card .nbd-call-us-card-img img {
        height: 20px;
        width: 20px
    }

    .nbd-cmb-container .nbd-card-content h7 {
        text-align: center
    }

    .nbd-cmb-container .nbd-only-tab {
        display: block
    }

    .nbd-cmb-container .nbd-only-mobile,
    .nbd-cmb-container .nbd-only-desktop {
        display: none
    }

    .nbd-cmb-container .nbd-cmb-modal .modal-dialog {
        max-width: 724px;
        margin: 70px auto
    }

    .nbd-cmb-container .nbd-cmb-modal .modal-body {
        padding: 36px 93px 36px 93px
    }

    .nbd-cmb-container .nbd-cmb-modal h4 {
        margin-bottom: 32px
    }

    .nbd-cmb-container .nbd-cmb-modal .close {
        right: 41px;
        top: 41px
    }

    .nbd-cmb-container .nbd-cmb-success .nbd-btn {
        width: 285px
    }

    .nbd-cmb-container .nbd-cmb-success .nbd-cmb-note {
        margin-bottom: 48px
    }

    .nbd-cmb-container .nbd-tab-padding-right {
        padding-right: 15px
    }

    .nbd-cmb-container .nbd-cmb-form {
        padding-left: 100px
    }
}

.loading img {
    position: absolute;
    top: 50%;
    left: 48%;
    height: 85px;
    width: 85px
}

.loading {
    z-index: 99999;
    content: '';
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
    background: -webkit-radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8))
}

.nbd-hide-fragment {
    display: none
}

.nbd-show-fragment {
    display: block
}

.nbd-contact-us-container {
    margin-left: 20px;
    margin-right: 20px
}

.nbd-contact-us-container .row {
    margin-right: 0
}

.nbd-contact-us-form {
    margin-left: 0
}

.nbd-contact-us-heading {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 32px;
    line-height: 40px;
    color: #17252e;
    display: grid;
    margin-top: 33px;
    margin-bottom: 24px
}

@media only screen and (min-width:576px) {
    .nbd-contact-us-heading {
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width:767px) {
    .nbd-contact-us-heading {
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-contact-us-heading {
        font-size: 48px;
        line-height: 56px
    }
}

.nbd-contact-us-heading span {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 500
}

.nbd-contact-us-note {
    width: 100%;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px
}

@media only screen and (min-width:576px) {
    .nbd-contact-us-note {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-contact-us-note {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-contact-us-form-help {
    color: #17252e;
    margin-top: 0;
    margin-bottom: 32px
}

.nbd-contact-us-dropdown {
    height: 56px;
    width: 100%;
    text-align: left
}

.nbd-green-border-dropdown,
.nbd-green-border-dropdown+.dropdown-menu {
    border: 2px solid #78be20 !important
}

.nbd-darkgreen-border-dropdown,
.nbd-darkgreen-border-dropdown+.dropdown-menu {
    border: 2px solid #006341 !important
}

.nbd-contact-us-dropdown button {
    color: #bbb;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 14px 0 18px 16px;
    width: 100%;
    text-align: left
}

.nbd-contact-us-dropdown .dropdown-menu.show {
    width: 100%;
    margin: 0;
    border: 2px solid #bbb
}

.nbd-form-group {
    margin-bottom: 16px
}

.nbd-form-group label {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    display: flex
}

.nbd-form-group input[type="text"] {
    height: 56px;
    width: 100%;
    border: 2px solid #bbb;
    border-radius: 0
}

.nbd-contact-us-dropdown .dropdown-item {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 14px 0 18px 16px;
    width: 100%;
    text-align: left
}

.nbd-form-group .dropdown-toggle::after {
    position: absolute;
    right: 20px;
    top: 25px;
    content: none
}

.nbd-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/down_arrow.svg'); */
    display: block;
    width: 22px;
    height: 22px;
    margin-top: 0;
    position: absolute;
    right: 20px
}

.nbd-contact-us-dropdown.show .nbd-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/up_arrow.svg'); */
    margin-top: 5px
}

.nbd-contact-us-dropdown .btn span {
    width: 100%
}

.nbd-contact-us-dropdown .btn {
    display: flex
}

.nbd-form-group .form-control:focus,
.nbd-form-group .btn {
    box-shadow: none
}

.nbd-form .nbd-btn-primary {
    height: 56px;
    width: 100%;
    color: #fff;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-align: center
}

@media only screen and (min-width:1025px) {
    .nbd-form .nbd-btn-primary {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-form .nbd-btn-primary {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-form .nbd-btn-primary {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-form .nbd-btn-secondary {
    height: 56px;
    width: 100%;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-align: center
}

@media only screen and (min-width:1025px) {
    .nbd-form .nbd-btn-secondary {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-form .nbd-btn-secondary {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-form .nbd-btn-secondary {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-only-desktop {
    display: none
}

.nbd-only-tab {
    display: none
}

.nbd-only-mobile {
    display: block
}

.nbd-contact-card {
    box-sizing: border-box;
    width: 285px;
    border: 1px solid #e5edec;
    border-radius: 12px;
    background-color: #fff;
    padding: 41px 0 0 0;
    margin-top: 15px;
    margin-right: 12px
}

.nbd-card-img {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/path_5.svg'); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px 82px;
    height: 80px;
    width: 82px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-left: auto;
    margin-right: auto
}

.nbd-card-img img {
    height: 33px;
    width: 32px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.nbd-card-heading {
    margin-top: 24px;
    margin-bottom: 8px
}

.nbd-card-heading p {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 28px;
    font-size: 18px;
    text-align: center;
    margin: 0
}

@media only screen and (min-width:1025px) {
    .nbd-card-heading p {
        font-size: 24px;
        line-height: 32px
    }
}

.nbd-card-content {
    margin-bottom: 24px
}

.nbd-card-content p {
    width: 235px;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0
}

.nbd-card-Link {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin: 0 0 24px 0
}

.nbd-card-Link a {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: inline-flex
}

.nbd-icon-arrow {
    display: block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow.svg'); */
    height: 17px;
    width: 24px;
    background-repeat: no-repeat
}

.nbd-card-Link a:hover .nbd-icon-arrow {
    margin-left: 20px;
    width: 34px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg') */
}

.nbd-contact-card:after {
    content: "";
    position: absolute;
    width: inherit;
    bottom: 1px;
    z-index: -1;
    transform: scale(0.9);
    box-shadow: 0 0 40px 15px rgba(0, 0, 0, 0.1)
}

.nbd-call-us-card .nbd-card-heading {
    margin-top: 16px;
    margin-bottom: 8px
}

.nbd-call-us-card .nbd-card-heading p {
    font-size: 16px;
    line-height: 29px
}

.nbd-call-us-card .nbd-card-content p {
    font-size: 14px;
    line-height: 24px
}

.nbd-call-us-card {
    height: 93px;
    width: 100%;
    border: 1px solid #e5edec;
    border-radius: 12px;
    background-color: #fff;
    display: flex;
    margin-top: 32px
}

.nbd-call-us-card:after {
    content: "";
    position: absolute;
    width: inherit;
    bottom: 1px;
    z-index: -1;
    transform: scale(0.9);
    box-shadow: 0 0 40px 15px rgba(0, 0, 0, 0.1)
}

.nbd-call-us-card .nbd-call-us-card-img {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/path_5.svg'); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 59px 61px;
    height: 59px;
    width: 61px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin: auto 18px auto 36px
}

.nbd-call-us-card .nbd-call-us-card-img img {
    height: 24px;
    width: 24px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.nbd-call-us-content .nbd-card-heading p,
.nbd-call-us-content .nbd-card-content p {
    text-align: left
}

.nbd-contact-us-modal .modal-content {
    border: 0
}

.nbd-contact-us-modal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.nbd-contact-us-modal .modal-body {
    padding: 49px 18px 38px 18px
}

.nbd-contact-us-modal h4 {
    color: #000;
    line-height: 24px;
    margin-bottom: 20px
}

.nbd-contact-us-modal-para {
    margin-bottom: 56px
}

.nbd-contact-us-modal-para p {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-contact-us-modal-para ol {
    margin-left: -10px
}

.nbd-contact-us-success {
    display: none
}

.nbd-contact-us-success .nbd-btn {
    width: 100%;
    font-weight: normal
}

.nbd-contact-us-success .nbd-contact-us-note {
    margin-bottom: 32px
}

.nbd-contact-us-dropdown .btn {
    border: 2px solid #bbb;
    border-radius: 0
}

.nbd-contact-us-dropdown .dropdown-menu {
    border-radius: 0
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-contact-us-form {
        margin-left: 115px
    }

    .nbd-contact-us-container {
        margin-left: 20px;
        margin-right: 20px
    }

    .nbd-contact-us-container .row {
        margin-right: -15px
    }

    .nbd-contact-us-heading {
        margin-top: 50px;
        margin-bottom: 32px
    }

    .nbd-contact-us-note {
        width: 348px;
        margin-bottom: 64px
    }

    .nbd-contact-us-form-help {
        margin-top: 0;
        margin-bottom: 46px
    }

    .nbd-form-group {
        margin-bottom: 16px
    }

    .nbd-contact-us-container .nbd-form-group input[type="text"],
    .nbd-contact-us-container .nbd-form-group label,
    .nbd-contact-us-dropdown,
    .nbd-contact-us-container .nbd-btn-primary,
    .nbd-contact-us-container .nbd-btn-secondary {
        width: 350px
    }

    .no-tab-padding-right {
        padding-right: 0
    }

    .no-tab-padding-left {
        padding-left: 0
    }

    .nbd-contact-card {
        height: 344px;
        width: 350px
    }

    .nbd-card-heading {
        margin-top: 40px;
        margin-bottom: 8px
    }

    .nbd-card-heading p {
        font-size: 20px;
        line-height: 29px
    }

    .nbd-card-content p {
        font-size: 16px;
        line-height: 24px
    }

    .nbd-card-content {
        margin-bottom: 40px
    }

    .nbd-card-Link {
        margin: 0 0 32px 0
    }

    .nbd-call-us-card {
        height: 141px;
        width: 350px;
        border: 1px solid #e5edec;
        border-radius: 12px;
        background-color: #fff;
        display: flex;
        margin-top: 0
    }

    .nbd-call-us-card .nbd-card-heading {
        margin-top: 40px;
        margin-bottom: 8px
    }

    .nbd-call-us-card:after {
        content: "";
        position: absolute;
        width: inherit;
        bottom: 1px;
        z-index: -1;
        transform: scale(0.9);
        box-shadow: 0 0 40px 15px rgba(0, 0, 0, 0.1)
    }

    .nbd-call-us-card .nbd-call-us-card-img {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/path_5.svg'); */
        background-position: center;
        background-repeat: no-repeat;
        background-size: 47px 48px;
        height: 47px;
        width: 48px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
        margin: auto 22px auto 22px
    }

    .nbd-call-us-card .nbd-call-us-card-img img {
        height: 20px;
        width: 20px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .nbd-call-us-content .nbd-card-heading p,
    .nbd-call-us-content .nbd-card-content p {
        text-align: left
    }

    .nbd-only-tab {
        display: block
    }

    .nbd-only-mobile {
        display: none
    }

    .nbd-contact-us-modal .modal-content {
        border: 0
    }

    .nbd-contact-us-modal .modal-dialog {
        max-width: 724px
    }

    .nbd-contact-us-modal .modal-body {
        padding: 36px 93px 36px 93px
    }

    .nbd-contact-us-modal h4 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 32px
    }

    .nbd-contact-us-modal-para {
        margin-bottom: 36px
    }

    .nbd-contact-us-modal-para p {
        font-size: 16px;
        line-height: 24px
    }

    .nbd-contact-us-modal-para ol {
        margin-left: 25px
    }

    .nbd-contact-us-success .nbd-btn {
        width: 285px;
        font-weight: normal
    }

    .nbd-contact-us-success .nbd-contact-us-note {
        margin-bottom: 48px
    }

    .nbd-contact-us-modal .modal-dialog {
        margin: auto
    }
}

@media only screen and (min-width:1025px) {
    .nbd-contact-us-form {
        margin-left: 104px
    }

    .nbd-contact-us-container {
        margin-left: 104px !important;
        margin-right: 104px !important
    }

    .nbd-contact-us-container .row {
        margin-right: -15px
    }

    .nbd-only-desktop {
        display: block
    }

    .nbd-contact-us-heading {
        margin-top: 77px;
        margin-bottom: 32px
    }

    .nbd-contact-us-note {
        width: 390px;
        margin-bottom: 65px
    }

    .nbd-contact-us-form-help {
        margin-top: 15px;
        margin-bottom: 46px
    }

    .nbd-form-group {
        margin-bottom: 32px
    }

    .nbd-form-group input[type="text"],
    .nbd-form-group label,
    .nbd-contact-us-dropdown,
    .nbd-contact-us-container .nbd-btn-primary,
    .nbd-contact-us-container .nbd-btn-secondary {
        width: 390px
    }

    .nbd-contact-us-dropdown .dropdown-item {
        font-size: 16px;
        line-height: 24px
    }

    .nbd-only-mobile {
        display: none
    }

    .nbd-contact-card {
        width: 286px;
        padding: 96px 0 96px 0
    }

    .nbd-card-heading {
        margin-top: 41px;
        margin-bottom: 35px
    }

    .nbd-card-heading p {
        font-size: 20px;
        line-height: 29px
    }

    .nbd-card-content p {
        font-size: 16px;
        line-height: 24px
    }

    .nbd-card-content {
        margin-bottom: 45px
    }

    .nbd-card-Link {
        margin: 0 0 32px 0
    }

    .nbd-contact-us-modal .modal-content {
        border: 0
    }

    .nbd-contact-us-modal .modal-dialog {
        max-width: 960px
    }

    .nbd-contact-us-modal .modal-body {
        padding: 48px 75px 56px 75px
    }

    .nbd-contact-us-modal h4 {
        font-size: 32px;
        line-height: 28px;
        margin-bottom: 32px
    }

    .nbd-contact-us-modal-para {
        margin-bottom: 56px
    }

    .nbd-contact-us-modal-para p {
        font-size: 16px;
        line-height: 24px
    }

    .nbd-contact-us-modal-para ol {
        margin-left: 100px
    }

    .nbd-contact-us-success .nbd-btn {
        width: 285px;
        font-weight: normal
    }

    .nbd-contact-us-success .nbd-contact-us-note {
        margin-bottom: 86px
    }

    .nbd-contact-us-modal .modal-dialog {
        margin: auto
    }
}

.nbd-contact-us-container .nbd-error-alert {
    background-color: #f7d4d7;
    height: 88px;
    padding: 20px 0;
    display: flex;
    margin-bottom: 30px
}

.nbd-contact-us-container .nbd-error-alert span {
    width: 272px;
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-contact-us-container .nbd-error-alert .nbd-warning {
    height: 19px;
    width: 22px;
    margin: 2px 11px 0 21px
}

.nbd-contact-us-container .nbd-error-alert .nbd-close-small {
    height: 14px;
    width: 14px;
    margin: 5px 25px 0 0;
    cursor: pointer
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-contact-us-container .nbd-error-alert {
        margin-right: 25px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-contact-us-container .nbd-error-alert {
        height: 88px;
        padding: 20px 0;
        margin-bottom: 30px;
        margin-right: 10px
    }

    .nbd-contact-us-container .nbd-error-alert span {
        font-size: 16px;
        line-height: 24px
    }

    .nbd-contact-us-container .nbd-error-alert .nbd-warning {
        height: 19px;
        width: 22px;
        margin: 2px 11px 0 21px
    }

    .nbd-contact-us-container .nbd-error-alert .nbd-close-small {
        height: 14px;
        width: 14px;
        margin: 5px 25px 0 25px
    }
}

.nbd-generic-info label,
.nbd-generic-info span,
.nbd-generic-info span a {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: block;
    margin: 0
}

.nbd-generic-info label {
    font-weight: 600
}

.nbd-generic-info {
    margin-left: 0;
    margin-bottom: 16px
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-generic-info {
        margin-left: 115px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-generic-info {
        margin-left: 104px
    }
}

.nbd-contact-container {
    margin: 0 17px 0 16px
}

.nbd-contact-container .article-bg-charcoal {
    background-color: #17252e !important;
    padding-top: 61px !important
}

.nbd-contact-container .article-bg-charcoal .nbd-card-heading {
    color: #fff !important;
    margin-top: 0 !important
}

.nbd-contact-container .article-bg-charcoal .nbd-card-content a {
    color: #fff !important;
    font-weight: 700
}

.nbd-contact-container .article-bg-charcoal .nbd-card-img {
    visibility: hidden
}

.nbd-contact-container .article-bg-charcoal .nbd-card-Link a .nbd-icon-arrow {
    background-image: url('../../../assets/static/media/icons/arrow-white.svg');
    display: none !important
}

.nbd-contact-container .article-bg-charcoal .nbd-card-Link a:hover .nbd-icon-arrow {
    background-image: url('../../../assets/static/media/icons/Whitehoverarrow.svg')
}

.nbd-contact-container .nbd-contact-card {
    box-sizing: border-box;
    min-height: 253px;
    width: 100%;
    border: 1px solid #e5edec;
    border-radius: 12px;
    background-color: #fff;
    padding: 40px 0 0 0;
    margin: 16px 0 0 0;
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1);
    display: grid;
    text-align: center
}

.nbd-contact-container .nbd-contact-card .nbd-card-img {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/backgroundshape.svg'); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 48px 47px;
    height: 48px;
    width: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin: auto
}

.nbd-contact-container .nbd-contact-card .nbd-card-img img {
    height: 19px;
    width: 19px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.nbd-contact-container .nbd-contact-card .nbd-card-heading {
    color: #17252e;
    margin: 24px 0 8px 0
}

.nbd-contact-container .nbd-contact-card .nbd-card-content {
    margin-bottom: 24px
}

.nbd-contact-container .nbd-contact-card .nbd-card-content p {
    width: 235px;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: auto
}

.nbd-contact-container .nbd-contact-card .nbd-card-content a {
    width: 235px;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}

@media only screen and (min-width:576px) {
    .nbd-contact-container .nbd-contact-card .nbd-card-content a {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-contact-container .nbd-contact-card .nbd-card-content a {
        font-size: 14px;
        line-height: 22px
    }
}

.nbd-contact-container .nbd-contact-card .nbd-card-content.card-body {
    padding: 0
}

.nbd-contact-container .nbd-contact-card .nbd-card-Link {
    margin: 0 0 24px 0
}

.nbd-contact-container .nbd-contact-card .nbd-card-Link a {
    display: inline-flex
}

.nbd-contact-container .nbd-contact-card .nbd-card-Link a .nbd-icon-arrow {
    display: block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow.svg'); */
    height: 13px;
    width: 24px
}

.nbd-contact-container .nbd-contact-card .nbd-card-Link a:hover .nbd-icon-arrow {
    margin-left: 20px;
    width: 34px;
    height: 14px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg') */
}

.nbd-contact-container .nbd-contact-card .nbd-card-Link.card-footer {
    border-radius: 0;
    background-color: transparent;
    padding: 0;
    border-top: 0
}

@media only screen and (min-width:576px) and (max-width:991px) {
    .nbd-contact-container {
        margin: 0 22px
    }

    .nbd-contact-container .nbd-contact-card {
        width: 350px;
        margin: 23.5px 12px 0 0
    }

    .nbd-contact-container .nbd-contact-card .nbd-card-img {
        background-size: 80px 82px;
        height: 80px;
        width: 82px
    }

    .nbd-contact-container .nbd-contact-card .nbd-card-img img {
        height: 33px;
        width: 32px
    }

    .nbd-contact-container .nbd-contact-card .nbd-card-heading {
        margin-top: 40px
    }

    .nbd-contact-container .nbd-contact-card .nbd-card-content {
        margin-bottom: 40px
    }

    .nbd-contact-container .nbd-contact-card .nbd-card-Link {
        margin: 0 0 32px 0
    }
}

@media only screen and (min-width:992px) {
    .nbd-contact-container {
        padding-left: 106px;
        margin: 0
    }

    .nbd-contact-container .nbd-contact-card {
        width: 283px;
        margin: 24px 22px 0 0;
        padding-top: 24px
    }

    .nbd-contact-container .nbd-contact-card .nbd-card-img {
        background-size: 80px 82px;
        height: 80px;
        width: 82px
    }

    .nbd-contact-container .nbd-contact-card .nbd-card-img img {
        height: 33px;
        width: 32px
    }

    .nbd-contact-container .nbd-contact-card .nbd-card-heading {
        margin-top: 24px
    }

    .nbd-contact-container .nbd-contact-card .nbd-card-content {
        margin-bottom: 45px
    }
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .contactus .ng-container {
        margin: 0 30px !important
    }
}

@media screen and (min-width:1440px) {
    .nbd-contact-container .nbd-contact-info {
        margin: 0 106px
    }
}

.nbd-branch-locator.container-fluid {
    padding: 0
}

.bl-hidden {
    display: none
}

.nbd-branch-locator .nbd-branch-locator-detail {
    padding: 0 18px;
    background-color: #fff;
    box-shadow: 8px 2px 9px -4px rgba(0, 0, 0, 0.14)
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search h3 {
    color: #17252e;
    padding: 80px 18px 40px 0;
    margin: 0
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search {
    margin: 24px 0 24px 0
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search label {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 4px 0
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .search-grp input[type="text"] {
    height: 56px;
    width: 100%;
    border: 2px solid #bbb;
    border-radius: 0;
    margin: 0 0 4px 0;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 16px 48px
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .search-grp .autocomplete-results {
    display: none;
    background-color: #fff;
    padding: 0;
    list-style-type: none;
    border: 2px solid #006341;
    margin: -4px 0 0 0
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .search-grp .autocomplete-item {
    position: relative
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .search-grp .autocomplete-cust-item,
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .search-grp .autocomplete-item {
    padding: 12px 16px;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    white-space: nowrap;
    text-overflow: ellipsis
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .search-grp .autocomplete-cust-item .autocomplete-text,
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .search-grp .autocomplete-item .autocomplete-text {
    color: #494f50;
    overflow: hidden
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .search-grp .autocomplete-cust-item:first-child,
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .search-grp .autocomplete-item:first-child {
    display: block
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .search-grp .autocomplete-cust-item:hover,
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .search-grp .autocomplete-item:hover {
    background-color: #f2f9f5;
    cursor: pointer
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .search-grp .nbd-take-location {
    height: 23px;
    width: 22px;
    display: inline-block;
    /* background:  url('../../../content/dam/nedbank/icons/resources/cross_hairs.svg'); */
    margin: 0 9px 0 0;
    position: relative;
    top: 4px
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .search-grp::before {
    content: "";
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/search_small.svg'); */
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    cursor: pointer;
    margin: 16px 8px 16px 16px
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .search-grp .nbd-clear-search {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/close_small.svg'); */
    width: 24px;
    height: 24px;
    display: inline-block;
    cursor: pointer;
    margin: -44px 16px 0 0;
    float: right;
    position: relative
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search>span {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-type {
    margin: 0 0 48px 0
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-type label {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 8px 0
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-type .nbd-tag-style {
    padding: 0;
    list-style-type: none;
    margin: 0
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-type .nbd-tag-style li {
    border: 2px solid #008533;
    border-radius: 21px;
    background-color: #fff;
    text-align: center;
    display: inline-block;
    padding: 10px 18px 10px 16px;
    cursor: pointer;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 0 2px
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-type .nbd-tag-style .button-align-active {
    background-color: #008533;
    color: #fff
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result {
    overflow-y: scroll;
    max-height: 450px
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result .nbd-search-result-item .nbd-search-heading {
    color: #17252e;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result .nbd-search-result-item .nbd-search-heading.branch-heading-link {
    cursor: pointer
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result .nbd-search-result-item .nbd-search-heading .nbd-half-right-arrow-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow_right.svg'); */
    width: 24px;
    height: 24px;
    display: flex;
    margin-right: 10px
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result .nbd-search-result-item .nbd-search-info {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1025px) {
    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result .nbd-search-result-item .nbd-search-info {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result .nbd-search-result-item .nbd-search-info .distance {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 0 2px 0 0
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result .nbd-search-result-item .nbd-search-info .closes-time {
    margin: 0 0 0 3px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result .nbd-search-result-item .directions-btn {
    width: auto;
    height: auto;
    margin: 24px 0 24px 0;
    padding: 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result .nbd-search-result-item .directions-btn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result .nbd-search-result-item .directions-btn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result .nbd-search-result-item .directions-btn {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result .nbd-search-result-item hr {
    border: 2px solid #eee;
    margin: 0 30px 16px 0
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result.scrolling-affect {
    box-shadow: inset 0 2px 3px -4px #000
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-branch-locator-tab-mob label {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-branch-locator-tab-mob .tab {
    overflow: hidden
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-branch-locator-tab-mob .tab button {
    background-color: inherit;
    float: left;
    border: 0;
    cursor: pointer;
    padding: 24px;
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-branch-locator-tab-mob .tab button {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-branch-locator-tab-mob .tab button {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-branch-locator-tab-mob .tab button {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-branch-locator-tab-mob .tab button.active,
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-branch-locator-tab-mob .tab button:hover {
    border-bottom: 4px solid #008533;
    padding-bottom: 15px
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-branch-locator-tab-mob .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: 0
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .map-for-mobile {
    margin: 0 -18px 0 -18px;
    padding: 0;
    min-height: 200px;
    width: 100%;
    height: auto;
    display: flex;
    position: absolute;
    box-shadow: 8px 2px 9px -4px rgba(0, 0, 0, 0.14)
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .map-for-mobile #googleMap,
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .map-for-mobile .street-view-container,
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .map-for-mobile #streetViewPano {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .back-to-search {
    padding: 0 0 37px -18px
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .back-to-search .back-to-search-icon {
    height: 56px;
    width: 56px;
    display: inline-block;
    /* background:  url('../../../content/dam/nedbank/icons/resources/back-to.svg'); */
    margin: 0 0 24px -18px
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info h3 {
    color: #17252e;
    margin: 0 0 16px 0
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .distance-time-info {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px 0
}

@media only screen and (min-width:1025px) {
    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .distance-time-info {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .distance-time-info .distance {
    margin: 0 2px 0 0
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .distance-time-info .closes-time {
    margin: 0 0 0 3px;
    font-family: 'Open Sans Regular', sans-serif;
    font-weight: 700
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info hr {
    border: 2px solid #eee;
    margin: 0 0 32px 0
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item {
    display: flex;
    flex-direction: column;
    margin: 0 0 24px 0
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item div:first-child {
    flex: .1
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item div:last-child {
    flex: .9
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .icon {
    padding-top: 10px
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .icon .nbd-branch-icon,
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .icon .nbd-branch-contact-icon,
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .icon .nbd-branch-time-icon {
    height: 24px;
    width: 24px;
    display: inline-block;
    /* background:  url('../../../content/dam/nedbank/icons/resources/branch-icon.svg') */
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .icon .nbd-branch-contact-icon {
    /* background:  url('../../../content/dam/nedbank/icons/resources/branch-contact-icon.svg')*/
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .icon .nbd-branch-time-icon {
    /* background:  url('../../../content/dam/nedbank/icons/resources/branch-weekdays-icon.svg') */
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .icon .nbd-branch-service-time-icon {
    height: 23px;
    width: 22px;
    display: inline-block;
    /* background:  url('../../../content/dam/nedbank/icons/resources/branch-service-time-icon.png') */
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .info {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1025px) {
    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .info {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .info p {
    margin: 0;
    display: flex;
    justify-content: space-between
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .info .email,
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .info .contact {
    color: #008533
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .info .email a,
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .info .contact a {
    color: #008533
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .info .email a:hover,
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .info .contact a:hover {
    color: #008533
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .info .waiting_time_heading {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .info .waiting_time_heading {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .info table th,
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .info table td {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .info table th,
    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .info table td {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .info table td {
    padding: 0 30px 0 0
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .location-btn {
    margin: 24px 0 8px 0;
    border: 0;
    width: auto
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .location-btn .nbd-refresh-icon {
    height: 23px;
    width: 22px;
    display: inline-block;
    /* background:  url('../../../content/dam/nedbank/icons/resources/refresh-icon.svg'); */
    top: 5px;
    position: relative
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .location-btn:last-child {
    margin: 0;
    display: none
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .last-waiting-time {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 32px 0
}

@media only screen and (min-width:1025px) {
    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .last-waiting-time {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .location-btn {
    border: 0;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 0 0 57px 0;
    padding: 0;
    height: auto
}

@media only screen and (min-width:1025px) {
    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .location-btn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .location-btn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .location-btn {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .location-btn .nbd-refresh-icon {
    height: 23px;
    width: 22px;
    display: inline-block;
    /* background:  url('../../../content/dam/nedbank/icons/resources/refresh-icon.svg');
    top: 5px;
    position: relative;
    margin-left: 21px
}

.nbd-branch-locator .nbd-left-arrow {
    display: inline-block;
/*     background-image: url('../../../content/dam/nedbank/icons/resources/back_white_Arrow.svg'); */
    height: 13px;
    width: 22px;
    top: -45px;
    left: -45px;
    position: relative
}

.nbd-branch-locator .getdirection-arrow-btn {
    height: 23px;
    width: 22px;
    display: inline-block;
    /* background:  url('../../../content/dam/nedbank/icons/resources/get_directions.svg'); */
    vertical-align: bottom
}

.nbd-branch-locator .nbd-branch-locator-map {
    display: none
}

@media screen and (min-width:768px) {
    .nbd-branch-locator {
        display: flex
    }

    .nbd-branch-locator .nbd-branch-locator-detail {
        padding: 0 24px 0 22px;
        max-width: 396px;
        flex: .4;
        z-index: 99
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search h3 {
        padding: 64px 24px 40px 0
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search {
        margin: 0 0 24px 0
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .nbd-close-icon {
        left: 85%
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result {
        max-height: 625px
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result .nbd-search-result-item hr {
        margin: 0 0 16px 0
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .back-to-search {
        padding: 80px 0
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .distance-time-info {
        margin: 0 0 32px 0
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item {
        margin: 0 0 40px 0
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item div:first-child {
        margin-right: 16px
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .location-btn {
        margin: 24px 0
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item .location-btn:last-child {
        display: inline-block
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .last-waiting-time {
        margin: 0 0 40px 0
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .location-btn {
        margin: 0 0 72px 0;
        width: auto;
        height: auto
    }

    .nbd-branch-locator .nbd-branch-locator-map {
        flex: .8;
        display: block
    }

    .nbd-branch-locator .nbd-branch-locator-map #googleMap,
    .nbd-branch-locator .nbd-branch-locator-map .street-view-container,
    .nbd-branch-locator .nbd-branch-locator-map #streetViewPano {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        position: relative
    }
}

@media only screen and (min-width:992px) and (max-width:1024px) {
    .nbd-branch-locator .nbd-search-result {
        max-height: 650px
    }
}

@media screen and (min-width:1025px) {
    .nbd-branch-locator .nbd-branch-locator-detail {
        padding: 0 30px 0 105px;
        max-width: 525px
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search h3 {
        padding: 80px 18px 40px 0
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search {
        margin: 0 0 32px 0
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .nbd-close-icon {
        left: 90%
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-type .nbd-tag-style li {
        margin: 0 8px
    }

    .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result {
        max-height: 400px
    }
}

.nbd-hide-card {
    display: none
}

.nbd-show-card {
    display: block
}

.nbd-account-filter-bg .nbd-account-filter-cards.card-deck {
    margin-right: -15px;
    margin-left: -15px
}

.nbd-account-filter-bg .nbd-account-filter-cards .card {
    border-radius: 7px;
    background-color: #fff;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
    border: 0;
    margin-bottom: 48px
}

.nbd-account-filter-bg .nbd-account-filter-cards .card .nbd-card-header-img {
    height: 7px;
    border-radius: 5px 5px 0 0
}

.nbd-account-filter-bg .nbd-account-filter-cards .card-header {
    padding: 0;
    background-color: #fff;
    border-bottom: 0
}

.nbd-account-filter-bg .nbd-account-filter-cards .card-header img {
    height: 44px;
    width: 69px;
    position: absolute;
    top: inherit;
    right: 24px;
    bottom: inherit;
    left: inherit;
    margin-top: -25px
}

.nbd-account-filter-bg .nbd-account-filter-cards .card-footer {
    background-color: #fff;
    border-top: 0;
    padding: 6px 16px
}

.nbd-account-filter-bg .nbd-account-filter-cards .border-bottom {
    border-bottom: 1px solid #eee !important
}

.nbd-account-filter-bg .nbd-account-filter-cards .card-heading {
    margin: 0 16px
}

.nbd-account-filter-bg .nbd-account-filter-cards .card-heading h3 {
    color: #17252e;
    margin: 27.45px 0 0 0;
    max-width: 240px
}

.nbd-account-filter-bg .nbd-account-filter-cards .card-heading h4 {
    color: #17252e;
    max-width: 240px;
    font-weight: 500;
    margin: 0 0 15.5px 0
}

.nbd-account-filter-bg .nbd-account-filter-cards .card-body {
    padding: 16px 16px 0 16px
}

.nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-details p {
    color: #494f50;
    margin: 0 0 16px 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details h5 {
    color: #17252e;
    margin: 23px 0 16px 0
}

.nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details .nbd-question-tooltip-icon {
    height: 18px;
    width: 18px;
    position: relative;
    top: 5px;
    right: inherit;
    bottom: inherit;
    left: inherit;
    background-size: cover
}

.nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details label {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 4px 0
}

.nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details h3 {
    color: #17252e;
    margin: 0 0 16px 0
}

.nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details h3 span {
    font-size: 14px;
    line-height: 28px
}

.nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-info {
    border: 1.5px solid #eee;
    border-radius: 6px;
    padding: 8px 8px 12px 4px;
    display: inline-flex;
    width: 100%
}

.nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-info p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

.nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-info .nbd-question-tooltip-icon {
    width: 25px;
    height: 25px;
    margin: 5px 8px 0 8px
}

@media only screen and (min-width:576px) {
    .nbd-account-filter-bg .nbd-account-filter-cards.card-deck {
        margin-right: -30px;
        margin-left: -30px
    }

    .nbd-account-filter-bg .nbd-account-filter-cards .card {
        max-width: 347px;
        min-width: 329px;
        margin-bottom: 78px
    }

    .nbd-account-filter-bg .nbd-account-filter-cards .card-header img {
        height: 63px;
        width: 100px
    }

    .nbd-account-filter-bg .nbd-account-filter-cards .card-heading {
        margin: 0 24px
    }

    .nbd-account-filter-bg .nbd-account-filter-cards .card-body {
        padding: 16px 24px 0 24px
    }

    .nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details h5 {
        margin: 23px 0 24px 0
    }

    .nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details label {
        margin: 0 0 8px 0
    }

    .nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details h3 {
        margin: 0 0 24px 0
    }

    .nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-info .nbd-question-tooltip-icon {
        width: 20px
    }

    .nbd-account-filter-bg .nbd-account-filter-cards .card-footer {
        padding: 14px 24px
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .nbd-account-filter-bg .ng-container.nbd-account-filter-container {
        margin: 0 60px
    }

    .nbd-account-filter-bg .nbd-account-filter-cards .card {
        max-width: 350px;
        min-width: 340px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-account-filter-bg .nbd-account-filter-cards .card {
        max-width: 388px;
        min-width: 329px;
        margin-bottom: 86px
    }

    .nbd-account-filter-bg .nbd-account-filter-cards .card-heading {
        margin: 0 16px
    }

    .nbd-account-filter-bg .nbd-account-filter-cards .card-heading h3 {
        margin: 23px 0 0 0
    }

    .nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details h5 {
        margin: 32px 0 24px 0
    }

    .nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details h3 span {
        font-size: 20px;
        line-height: 28px
    }

    .nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details .nbd-question-tooltip-icon {
        height: 12px;
        width: 12px;
        position: relative;
        top: 0;
        right: inherit;
        bottom: inherit;
        left: inherit;
        background-size: cover
    }
}

.nbd-danger-border {
    border-color: #d22630 !important
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    border-bottom-color: #17252e
}

.bs-tooltip-auto[x-placement^=top] .arrow::before {
    border-top-color: #17252e
}

.bs-tooltip-auto[x-placement^=left] .arrow::before {
    border-left-color: #17252e
}

.bs-tooltip-auto[x-placement^=right] .arrow::before {
    border-right-color: #17252e
}

.nbd-account-filter-bg {
    background-color: #fafafa
}

.nbd-account-filter-bg .nbd-account-filter-header {
    text-align: center
}

.nbd-account-filter-bg .nbd-account-filter-header .nbd-account-filter-heading {
    color: #17252e;
    margin: 33px 0 24px 0;
    display: inline-block
}

.nbd-account-filter-bg .no-mb-gutter {
    padding: 0
}

.nbd-account-filter-bg .nbd-account-filter-form {
    margin-bottom: 64px
}

.nbd-account-filter-bg .nbd-form-group label {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 24px 0;
    align-items: center;
    width: -webkit-fill-available
}

.nbd-account-filter-bg .nbd-form-group input[type="text"] {
    height: 56px;
    border: 2px solid #bbb;
    border-radius: 0;
    margin: 0 0 4px 0;
    width: -webkit-fill-available;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-account-filter-bg .nbd-form-group span {
    display: none;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.nbd-account-filter-bg .nbd-form-group span:not(.nbd-error-text) {
    color: #494f50;
    display: block
}

.nbd-account-filter-bg .nbd-form-group .nbd-question-tooltip-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/tooltipon.svg') */
}

.nbd-account-filter-bg .nbd-form-group .radio-wrapper {
    position: relative;
    float: none
}

.nbd-account-filter-bg .nbd-form-group .radio-wrapper label {
    display: block;
    padding: 0 0 0 43px;
    font-weight: 400
}

.nbd-account-filter-bg .nbd-form-group .radio-wrapper input {
    position: absolute;
    top: 0;
    right: inherit;
    bottom: inherit;
    left: 0;
    height: 20px;
    opacity: 0;
    width: 20px
}

.nbd-account-filter-bg .nbd-form-group .radio-wrapper input+label {
    width: auto
}

.nbd-account-filter-bg .nbd-form-group .radio-wrapper input+label::before {
    border: 2px solid #bbb;
    content: "";
    height: 24px;
    position: absolute;
    top: 2px;
    right: inherit;
    bottom: inherit;
    left: 0;
    width: 24px;
    border-radius: 50%
}

.nbd-account-filter-bg .nbd-form-group .radio-wrapper input+label::after {
    content: "";
    opacity: 0;
    border: 7px solid #78be20;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    right: inherit;
    bottom: inherit;
    left: 5px;
    transition: opacity .2s ease-in-out
}

.nbd-account-filter-bg .nbd-form-group .radio-wrapper input:checked+label::after {
    opacity: 1
}

.nbd-account-filter-bg .nbd-form-group .radio-wrapper input:checked+label::before {
    border: 2px solid #78be20
}

.nbd-account-filter-bg .nbd-form-group .radio-wrapper input:focus+label::before {
    box-shadow: 0 0 0 1px #78be20;
    outline: 2px solid transparent
}

.nbd-account-filter-bg .nbd-form-group .radio-wrapper .nbd-selected-radio {
    border-color: #006341
}

.nbd-account-filter-bg .tooltip {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

.nbd-account-filter-bg .tooltip .tooltip-inner {
    background-color: #17252e;
    border-radius: 5px;
    min-width: 250px;
    padding: 15px 10px;
    text-align: unset
}

.nbd-account-filter-bg .nbd-question-tooltip-icon {
    height: 12px;
    width: 12px;
    display: inline-block;
    margin: 0 0 0 8px;
    background-repeat: no-repeat
}

.nbd-account-filter-bg .nbd-card-fee-details .nbd-question-tooltip-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/tooltipon.svg') */
}

.nbd-account-filter-bg .nbd-card-info .nbd-question-tooltip-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/icon-info.svg') */
}

@media only screen and (min-width:576px) {
    .nbd-account-filter-bg .nbd-account-filter-header .nbd-account-filter-heading {
        margin: 32px 0
    }

    .nbd-account-filter-bg .no-tab-gutter-r {
        padding: 0
    }

    .nbd-account-filter-bg .no-tab-gutter-l {
        padding-left: 0;
        padding-right: 15px
    }

    .nbd-account-filter-bg .nbd-form-group input[type="text"] {
        min-width: 350px
    }

    .nbd-account-filter-bg .radio-wrapper {
        float: left !important
    }

    .nbd-account-filter-bg .radio-wrapper:nth-child(3) {
        margin: 0 0 0 32px
    }
}

@media only screen and (min-width:769px) {
    .nbd-account-filter-bg .nbd-form-group input[type="text"] {
        min-width: 240px
    }

    .nbd-account-filter-bg .no-mb-gutter,
    .nbd-account-filter-bg .no-tab-gutter-r {
        padding: 0 15px
    }

    .nbd-account-filter-bg .radio-wrapper:nth-child(2) {
        margin: 0 20px 0 0
    }

    .nbd-account-filter-bg .radio-wrapper:nth-child(3) {
        margin: 0
    }
}

@media only screen and (min-width:1025px) {
    .nbd-account-filter-bg .nbd-account-filter-header .nbd-account-filter-heading {
        margin: 80px 0 48px 0
    }

    .nbd-account-filter-bg .radio-wrapper:nth-child(2) {
        margin: 0
    }

    .nbd-account-filter-bg .radio-wrapper:nth-child(3) {
        margin: 0 0 0 19px
    }
}

@media only screen and (min-width:1025px) and (max-width:1439px) {
    .nbd-account-filter-bg .nbd-account-filter-card-container.card-deck .card {
        flex: none;
        margin: 12.5px 12px 12.5px 12px
    }
}

.choose-container .read-more-btn.nbd-btn {
    width: auto
}

.choose-container .read-more-btn.btn {
    padding: 0
}

.choose-container .read-more-btn .up-right-arrow-btn {
    height: 16px !important;
    width: 20px !important
}

.choose-container .nbd-way-to-pay-without-bg {
    padding: 65px 0 0 0
}

.choose-container .nbd-way-to-pay-with-bg {
    background-color: #fafafa;
    width: 100vw;
    margin-left: calc((100% - 100vw) / 1.86);
    padding: 40px 0 0 0
}

.choose-container .nbd-way-to-pay-heading h2 {
    color: #17252e;
    margin: 0 0 56px 0
}

.choose-container .nbd-way-to-pay-card {
    display: block;
    margin: 0 0 40px 0
}

.choose-container .three-card-layout .nbd-way-to-pay-card {
    display: block
}

.choose-container .three-card-layout .nbd-way-to-pay-icon {
    margin: 0 0 16px 0
}

.choose-container .three-card-layout .nbd-way-to-pay-info p {
    max-width: 314px
}

.choose-container .nbd-way-to-pay-icon img {
    height: 32px;
    width: 32px;
    margin: 0 0 16px 0
}

.choose-container .nbd-way-to-pay-info h3 {
    color: #17252e;
    margin: 0 0 24px 0
}

.choose-container .nbd-way-to-pay-info p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 32px 0;
    max-width: 390px
}

@media only screen and (min-width:576px) {
    .choose-container .nbd-way-to-pay-info p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .choose-container .nbd-way-to-pay-info p {
        font-size: 20px;
        line-height: 28px
    }
}

.choose-container .nbd-way-to-pay-info .info-anchor {
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    position: relative;
    bottom: 0
}

@media only screen and (min-width:1025px) {
    .choose-container .nbd-way-to-pay-info .info-anchor {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .choose-container .nbd-way-to-pay-info .info-anchor {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .choose-container .nbd-way-to-pay-info .info-anchor {
        font-size: 18px;
        line-height: 26px
    }
}

.choose-container .nbd-way-to-pay-info .info-anchor:hover .nbd-icon-arrow {
    transform: translateX(8px)
}

.choose-container .nbd-way-to-pay-info .nbd-icon-arrow {
    height: 13px;
    width: 28px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/right-arrow-green.svg'); */
    transition: transform 900ms
}

@media only screen and (min-width:576px) {
    .choose-container .read-more-btn.btn {
        margin-top: -108px
    }

    .choose-container .nbd-way-to-pay-without-bg {
        padding: 128px 0 0 0;
        padding-top: 80px !important
    }

    .choose-container .nbd-way-to-pay-with-bg {
        padding: 128px 0 0 0
    }

    .choose-container .nbd-way-to-pay-heading h2 {
        margin: 0 0 128px 0
    }

    .choose-container .nbd-way-to-pay-card {
        display: flex;
        margin: 0 0 128px 0
    }

    .choose-container .three-card-layout .nbd-way-to-pay-icon {
        margin: 0 0 24px 0
    }

    .choose-container .nbd-way-to-pay-icon img {
        height: 48px;
        width: 48px;
        margin: 0 56px 0 0
    }

    .choose-container .nbd-way-to-pay-info .info-anchor {
        position: absolute;
        top: inherit;
        right: inherit;
        bottom: -32px;
        left: inherit
    }

    .choose-container .nbd-margin-fix {
        margin-bottom: 160px !important
    }
}

@media only screen and (min-width:768px) {
    .choose-container .nbd-way-to-pay-with-bg .ng-container {
        padding-left: 8px
    }
}

@media only screen and (min-width:1025px) {
    .choose-container .nbd-way-to-pay-with-bg .ng-container {
        padding-left: 17px
    }
}

.filter-background-class {
    padding-bottom: 24px
}

.filter-background-class.blackbg .nbd-filter-button,
.filter-background-class.darkgreybg .nbd-filter-button {
    border: 1.5px solid #fff;
    color: #fff
}

.filter-background-class.blackbg .nbd-filter-button.nbd-filter-active,
.filter-background-class.darkgreybg .nbd-filter-button.nbd-filter-active {
    background-color: #fff;
    color: #000
}

.filter-background-class.blackbg .nbd-filter-active2,
.filter-background-class.darkgreybg .nbd-filter-active2 {
    color: #fff
}

.filter-background-class.blackbg .nbd-toggle-filter-button,
.filter-background-class.darkgreybg .nbd-toggle-filter-button {
    color: #fff;
    border: 1px solid #fff
}

.filter-background-class.blackbg .nbd-filter-button:hover,
.filter-background-class.darkgreybg .nbd-filter-button:hover,
.filter-background-class.blackbg .nbd-toggle-filter-button:hover,
.filter-background-class.darkgreybg .nbd-toggle-filter-button:hover {
    color: #000;
    background-color: #fff
}

.filter-background-class.blackbg .nbd-filter-plus,
.filter-background-class.darkgreybg .nbd-filter-plus {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/thin-0151_plus_final1.svg') */
}

.filter-background-class.blackbg .nbd-filter-plus:hover,
.filter-background-class.darkgreybg .nbd-filter-plus:hover {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/filter-plus-active1.svg') */
}

.filter-background-class.blackbg .nbd-filter-minus,
.filter-background-class.darkgreybg .nbd-filter-minus {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/thin-0151_minus_final1.svg') */
}

.filter-background-class.blackbg .nbd-filter-minus:hover,
.filter-background-class.darkgreybg .nbd-filter-minus:hover {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/filter-minus-active1.svg') */
}

@-moz-document url-prefix() {

    .filter-background-class.blackbg .nbd-filter-plus,
    .filter-background-class.darkgreybg .nbd-filter-plus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/filter-plus-non-active1.svg') */
    }

    .filter-background-class.blackbg .nbd-filter-minus,
    .filter-background-class.darkgreybg .nbd-filter-minus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/filter-minus-non-active1.svg') */
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {

    .filter-background-class.blackbg .nbd-filter-plus,
    .filter-background-class.darkgreybg .nbd-filter-plus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/thin-plus1.svg') */
    }

    .filter-background-class.blackbg .nbd-filter-minus,
    .filter-background-class.darkgreybg .nbd-filter-minus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/thin-minus1.svg') */
    }
}

.filter-background-class.blackbg .nbd-filter-title,
.filter-background-class.darkgreybg .nbd-filter-title {
    color: #fff
}

.filter-background-class .nbd-filter-title {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-right: 20px;
    display: none
}

.filter-background-class .nbd-filter-button,
.filter-background-class .nbd-toggle-filter-button {
    border-radius: 100px;
    text-align: center;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    font-weight: 400
}

@media only screen and (min-width:576px) {

    .filter-background-class .nbd-filter-button,
    .filter-background-class .nbd-toggle-filter-button {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (min-width:1025px) {

    .filter-background-class .nbd-filter-button,
    .filter-background-class .nbd-toggle-filter-button {
        font-size: 14px;
        line-height: 22px
    }
}

.filter-background-class .nbd-filter-button:hover,
.filter-background-class .nbd-toggle-filter-button:hover {
    color: #fff;
    background-color: #008533
}

.filter-background-class .nbd-filter-button.focus,
.filter-background-class .nbd-toggle-filter-button.focus,
.filter-background-class .nbd-filter-button:focus,
.filter-background-class .nbd-toggle-filter-button:focus {
    box-shadow: none
}

.filter-background-class .nbd-filter-button {
    border: 1.5px solid #008533;
    margin: 4px;
    height: 42px;
    padding: 10px 16px 14px 16px
}

.filter-background-class .nbd-toggle-filter-button {
    border: 1px solid #008533;
    margin: 4px auto;
    display: block;
    padding: 11px 16px
}

.filter-background-class .nbd-filter-active,
.filter-background-class .nbd-filter-active2 {
    color: #fff;
    background-color: #008533
}

.filter-background-class #filterTags {
    display: none
}

.nbd-filter-plus,
.nbd-filter-minus {
    height: 42px;
    width: 42px;
    border: none !important;
    display: inline-block;
    outline: 0;
    background-color: none !important
}

.nbd-filter-plus {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/thin-0151_plus_final.svg') */
}

.nbd-filter-plus:hover {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/filter-plus-active.svg') */
}

.nbd-filter-minus {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/thin-0151_minus_final.svg') */
}

.nbd-filter-minus:hover {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/filter-minus-active.svg') */
}

@-moz-document url-prefix() {
    .nbd-filter-plus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/filter-plus-non-active.svg') */
    }

    .nbd-filter-minus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/filter-minus-non-active.svg') */
    }
}

@media only screen and (min-width:576px) {

    .filter-background-class .nbd-filter-title,
    .filter-background-class #filterTags {
        display: inline
    }

    .filter-background-class .nbd-toggle-filter-button {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .filter-background-class {
        padding-bottom: 40px
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .nbd-filter-plus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/thin-plus.svg') */
    }

    .nbd-filter-minus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/thin-minus.svg') */
    }
}

.filter-background-class {
    padding-bottom: 24px
}

.filter-background-class.blackbg .nbd-filter-button,
.filter-background-class.darkgreybg .nbd-filter-button {
    border: 1.5px solid #fff;
    color: #fff
}

.filter-background-class.blackbg .nbd-filter-button.nbd-filter-active,
.filter-background-class.darkgreybg .nbd-filter-button.nbd-filter-active {
    background-color: #fff;
    color: #000
}

.filter-background-class.blackbg .nbd-filter-active2,
.filter-background-class.darkgreybg .nbd-filter-active2 {
    color: #fff
}

.filter-background-class.blackbg .nbd-toggle-filter-button,
.filter-background-class.darkgreybg .nbd-toggle-filter-button {
    color: #fff;
    border: 1px solid #fff
}

.filter-background-class.blackbg .nbd-filter-button:hover,
.filter-background-class.darkgreybg .nbd-filter-button:hover,
.filter-background-class.blackbg .nbd-toggle-filter-button:hover,
.filter-background-class.darkgreybg .nbd-toggle-filter-button:hover {
    color: #000;
    background-color: #fff
}

.filter-background-class.blackbg .nbd-filter-plus,
.filter-background-class.darkgreybg .nbd-filter-plus {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/thin-0151_plus_final1.svg') */
}

.filter-background-class.blackbg .nbd-filter-plus:hover,
.filter-background-class.darkgreybg .nbd-filter-plus:hover {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/filter-plus-active1.svg') */
}

.filter-background-class.blackbg .nbd-filter-minus,
.filter-background-class.darkgreybg .nbd-filter-minus {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/thin-0151_minus_final1.svg') */
}

.filter-background-class.blackbg .nbd-filter-minus:hover,
.filter-background-class.darkgreybg .nbd-filter-minus:hover {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/filter-minus-active1.svg') */
}

@-moz-document url-prefix() {

    .filter-background-class.blackbg .nbd-filter-plus,
    .filter-background-class.darkgreybg .nbd-filter-plus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/filter-plus-non-active1.svg') */
    }

    .filter-background-class.blackbg .nbd-filter-minus,
    .filter-background-class.darkgreybg .nbd-filter-minus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/filter-minus-non-active1.svg') */
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {

    .filter-background-class.blackbg .nbd-filter-plus,
    .filter-background-class.darkgreybg .nbd-filter-plus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/thin-plus1.svg') */
    }

    .filter-background-class.blackbg .nbd-filter-minus,
    .filter-background-class.darkgreybg .nbd-filter-minus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/thin-minus1.svg') */
    }
}

.filter-background-class .nbd-filter-title {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-right: 20px;
    display: none
}

.filter-background-class .nbd-filter-button,
.filter-background-class .nbd-toggle-filter-button {
    border-radius: 100px;
    text-align: center;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    font-weight: 400
}

@media only screen and (min-width:576px) {

    .filter-background-class .nbd-filter-button,
    .filter-background-class .nbd-toggle-filter-button {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (min-width:1025px) {

    .filter-background-class .nbd-filter-button,
    .filter-background-class .nbd-toggle-filter-button {
        font-size: 14px;
        line-height: 22px
    }
}

.filter-background-class .nbd-filter-button:hover,
.filter-background-class .nbd-toggle-filter-button:hover {
    color: #fff;
    background-color: #008533
}

.filter-background-class .nbd-filter-button.focus,
.filter-background-class .nbd-toggle-filter-button.focus,
.filter-background-class .nbd-filter-button:focus,
.filter-background-class .nbd-toggle-filter-button:focus {
    box-shadow: none
}

.filter-background-class .nbd-filter-button {
    border: 1.5px solid #008533;
    margin: 4px;
    height: 42px;
    padding: 10px 16px 14px 16px
}

.filter-background-class .nbd-toggle-filter-button {
    border: 1px solid #008533;
    margin: 4px auto;
    display: block;
    padding: 11px 16px
}

.filter-background-class .nbd-filter-active,
.filter-background-class .nbd-filter-active2 {
    color: #fff;
    background-color: #008533
}

.filter-background-class #filterTags {
    display: none
}

.nbd-filter-plus,
.nbd-filter-minus {
    height: 42px;
    width: 42px;
    border: none !important;
    display: inline-block;
    outline: 0;
    background-color: none !important
}

.nbd-filter-plus {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/thin-0151_plus_final.svg') */
}

.nbd-filter-plus:hover {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/filter-plus-active.svg') */
}

.nbd-filter-minus {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/thin-0151_minus_final.svg') */
}

.nbd-filter-minus:hover {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/filter-minus-active.svg') */
}

@-moz-document url-prefix() {
    .nbd-filter-plus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/filter-plus-non-active.svg') */
    }

    .nbd-filter-minus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/filter-minus-non-active.svg') */
    }
}

@media only screen and (min-width:576px) {

    .filter-background-class .nbd-filter-title,
    .filter-background-class #filterTags {
        display: inline
    }

    .filter-background-class .nbd-toggle-filter-button {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .filter-background-class {
        padding-bottom: 40px
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .nbd-filter-plus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/thin-plus.svg') */
    }

    .nbd-filter-minus {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/thin-minus.svg') */
    }
}

.nbd-wiz-full-bg {
    background-color: #fafafa;
    padding: 33px 0 14px 0
}

.nbd-wiz-content h2 {
    max-width: 284px;
    color: #17252e;
    margin: 0 auto 32px auto;
    text-align: center
}

.nbd-wiz-content .nbd-wiz-card-selection-note {
    max-width: 196px;
    color: #17252e;
    font-weight: 700;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto 48px auto;
    text-align: center
}

@media only screen and (min-width:576px) {
    .nbd-wiz-content .nbd-wiz-card-selection-note {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-wiz-content .nbd-wiz-card-selection-note {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-wiz-content .nbd-wiz-card-selection-note span {
    font-weight: 400
}

.nbd-wiz-content .nbd-unselect-all {
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    text-decoration: underline;
    margin: 0 auto 48px auto;
    text-align: center;
    display: none
}

@media only screen and (min-width:576px) {
    .nbd-wiz-content .nbd-unselect-all {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-wiz-content .nbd-unselect-all {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-wiz-content .nbd-wiz-cards-container {
    margin: 0 -7px 48px -7px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.nbd-wiz-content .nbd-wiz-cards-container .nbd-wiz-card {
    max-width: 87px;
    text-align: center;
    border: 0;
    border-radius: 7px;
    background-color: #fff;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
    padding: 16px 0 10px 0;
    margin: 5.5px;
    flex-grow: 1;
    max-height: 92px;
    cursor: pointer
}

.nbd-wiz-content .nbd-wiz-cards-container .nbd-wiz-card:hover {
    box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.08)
}

.nbd-wiz-content .nbd-wiz-cards-container .nbd-wiz-card img {
    height: 24px;
    width: 24px;
    margin: 0 auto 11px auto
}

.nbd-wiz-content .nbd-wiz-cards-container .nbd-wiz-card object {
    filter: invert(29%) sepia(14%) saturate(228%) hue-rotate(141deg) brightness(90%) contrast(82%)
}

.nbd-wiz-content .nbd-wiz-cards-container .nbd-wiz-card p {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding: 5px;
    word-wrap: break-word
}

.nbd-wiz-content .nbd-wiz-top-card,
.nbd-wiz-content .nbd-wiz-card-suggested {
    color: #17252e;
    margin: 0 auto 48px auto;
    text-align: center
}

.nbd-wiz-content .nbd-wiz-top-card span,
.nbd-wiz-content .nbd-wiz-card-suggested span {
    font-weight: 700
}

.nbd-wiz-content .nbd-wiz-card-suggested {
    display: none
}

.nbd-wiz-content .nbd-wiz-see-all-cards {
    text-align: center;
    display: block;
    margin: 48px 0 32px 0
}

.nbd-wiz-content .nbd-wiz-see-all-cards a {
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    outline: 0
}

@media only screen and (min-width:1025px) {
    .nbd-wiz-content .nbd-wiz-see-all-cards a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-wiz-content .nbd-wiz-see-all-cards a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-wiz-content .nbd-wiz-see-all-cards a {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-wiz-content .nbd-wiz-see-all-cards a:hover .nbd-icon-arrow {
    transform: translateX(10px)
}

.nbd-wiz-content .nbd-wiz-recommendation-note {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

.nbd-wiz-content .nbd-icon-arrow {
    height: 14px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/right-arrow-green.svg'); */
    transition: transform 900ms
}

.nbd-wiz-content .nbd-wiz-active-card {
    border: 1.5px solid #008533 !important;
    background-color: #f2f9f5 !important
}

.nbd-wiz-content .nbd-wiz-active-card object {
    filter: invert(38%) sepia(62%) saturate(3819%) hue-rotate(120deg) brightness(90%) contrast(102%)
}

.nbd-wiz-content .nbd-wiz-active-card p {
    color: #008533 !important
}

@media only screen and (max-width:576px) {
    .nbd-wiz-content .nbd-wiz-cards-container .nbd-wiz-card {
        min-height: 140px;
        max-height: 100%
    }
}

@media only screen and (min-width:768px) {
    .nbd-wiz-content .nbd-wiz-card-selection-note {
        max-width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .nbd-ccd-col.nbd-card-category {
        margin-right: -7px;
        margin-left: -10px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-wiz-full-bg {
        padding: 72px 0 48px 0
    }

    .nbd-wiz-content h2 {
        max-width: 100%
    }

    .nbd-wiz-content .nbd-wiz-cards-container {
        margin: 0 auto 48px auto;
        display: flex
    }

    .nbd-wiz-content .nbd-wiz-cards-container .nbd-wiz-card {
        min-width: 157px;
        padding: 42px 15px 15px 15px;
        margin: 0 14px 14px 14px;
        max-height: 100%
    }

    .nbd-wiz-content .nbd-wiz-cards-container .nbd-wiz-card img {
        height: 48px;
        width: 49px;
        margin: 0 auto 15px auto
    }

    .nbd-wiz-content .nbd-wiz-cards-container .nbd-wiz-card p {
        padding: 0
    }

    .nbd-wiz-content .nbd-wiz-top-card,
    .nbd-wiz-content .nbd-wiz-card-suggested {
        margin: 0 auto
    }
}

.nbd-wcd-container {
    max-width: 100%
}

.nbd-wcd-container .swiper-container {
    padding: 0 20px 0 20px
}

.nbd-wcd-container .swiper-container .swiper-wrapper {
    flex-flow: row
}

.nbd-wcd-container .swiper-container .swiper-wrapper .swiper-slide {
    flex: 1 0 0;
    display: flex;
    height: auto !important;
    width: 100%
}

.nbd-wcd-container .swiper-container .swiper-pagination-row {
    margin: 0 auto 20px auto
}

.nbd-wcd-container .swiper-container .swiper-pagination-row .nbd-swiper-button {
    display: flex;
    padding: 0 !important
}

.nbd-wcd-container .swiper-container .swiper-pagination-row .nbd-swiper-button .swiper-pagination {
    text-align: center;
    position: relative !important;
    top: 14px;
    margin: 0 auto 0 auto
}

.nbd-wcd-container .swiper-container .swiper-pagination-row .nbd-swiper-button .swiper-pagination-clickable .swiper-pagination-bullet {
    margin: 5px
}

.nbd-wcd-container .swiper-container .swiper-pagination-row .nbd-swiper-button .swiper-pagination-bullet-active {
    background: #17252e !important;
    width: 26px !important;
    border-radius: 35px !important
}

.nbd-wcd-container .swiper-container .swiper-pagination-row .nbd-swiper-button .swiper-container-horizontal>.swiper-pagination-bullets {
    position: relative !important
}

.nbd-wcd-container .swiper-container .swiper-pagination-row .nbd-swiper-button .swiper-pagination-custom {
    position: relative !important
}

.nbd-wcd-container .swiper-container .swiper-pagination-row .nbd-swiper-button .swiper-pagination-fraction {
    position: relative !important
}

.nbd-wcd-container .show-md-lg {
    display: none
}

.nbd-wcd-container .show-sm {
    display: block
}

.nbd-wcd-container .show-sm .nbd-pagination-number {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    padding-bottom: 40px
}

.nbd-wcd-container .show-sm .card {
    min-width: 277px
}

.nbd-wcd-container .card {
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
    border: 0;
    border-radius: 7px;
    background-color: #fff;
    margin-bottom: 24px
}

.nbd-wcd-container .card .nbd-ccd-col {
    flex: 1;
    padding: 16px 16px 0 16px;
    margin-right: 31px;
    width: 100%;
    border-radius: 7px;
    background-color: #fff;
    border: 0;
    max-width: 389px
}

.nbd-wcd-container .card .nbd-wcd-header {
    height: 7px;
    width: 100%;
    border-radius: 7px 7px 0 0;
    position: relative
}

.nbd-wcd-container .card .nbd-wcd-header img {
    height: 42px;
    width: 67px;
    position: absolute;
    right: 24px;
    margin-top: -25px
}

.nbd-wcd-container .card .nbd-ccd-heading {
    color: #17252e;
    margin: 16px 16px 0;
    border-bottom: .5px solid #eee;
    padding-bottom: 16.5px
}

.nbd-wcd-container .card .nbd-ccd-heading h4 {
    margin-bottom: 0
}

.nbd-wcd-container .card .nbd-ccd-heading .card-subtitle {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 4px
}

@media only screen and (min-width:576px) {
    .nbd-wcd-container .card .nbd-ccd-heading .card-subtitle {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-wcd-container .card .nbd-ccd-heading .card-subtitle {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-wcd-container .card .card-body {
    padding: 0 16px
}

.nbd-wcd-container .card .card-body .nbd-card-category {
    padding-top: 24px
}

.nbd-wcd-container .card .card-body .nbd-card-category label {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0
}

@media only screen and (min-width:1025px) {
    .nbd-wcd-container .card .card-body .nbd-card-category label {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-wcd-container .card .card-body .nbd-card-category p {
    margin-bottom: 0
}

.nbd-wcd-container .card .card-body .nbd-card-category .nbd-card-category-text {
    width: 100%;
    display: block;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    border-top: 0;
    border-bottom: .5px solid #eee;
    padding: 16px 0
}

.nbd-wcd-container .card .card-body .nbd-card-category .wizard-card-category-desc {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-wcd-container .card .card-body .card-details {
    margin: 24px 0 0
}

.nbd-wcd-container .card .card-body .card-details h3 {
    font-size: 14px
}

.nbd-wcd-container .card .card-body .card-details .card-details-head {
    color: #000;
    margin-bottom: 19px
}

.nbd-wcd-container .card .card-body .card-details .overview-label {
    color: #494f50;
    margin-bottom: 10px;
    width: 100%;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-wcd-container .card .card-body .card-details .overview-value {
    color: #17252e;
    margin-bottom: 16px;
    display: inline-block
}

.nbd-wcd-container .card .card-body .card-details .overview-value span {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-wcd-container .card .card-footer {
    background-color: unset;
    border-top: 0;
    padding: 16px
}

.nbd-wcd-container .card .card-footer a {
    font-weight: 700;
    margin-bottom: 15px
}

.nbd-wcd-container .nbd-btn {
    margin: 0;
    box-sizing: border-box
}

.nbd-wcd-container .nbd-btn-tertiary {
    padding: 0
}

.nbd-wcd-container .right-arrow-btn {
    width: 25px
}

.nbd-wcd-container .nbd-btn-commitment {
    padding: 14px 0
}

.nbd-wcd-container .nbd-na {
    border-bottom: unset !important
}

.nbd-wcd-container .wizard-cards .opensansregclass {
    color: #494f50
}

.nbd-key-benefits label {
    font-size: 20px;
    line-height: 30px
}

@media only screen and (min-width:768px) {
    .col-container {
        display: flex;
        width: 100%;
        justify-content: center
    }

    .col-container:not(:last-child) .nbd-ccd-col:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 16px;
        box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
        z-index: -1
    }

    .col-container:last-child .nbd-ccd-col:before {
        content: "";
        position: absolute;
        top: 16px;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
        z-index: -1
    }

    .nbd-wcd-container .show-md-lg {
        width: max-content;
        margin: 0 auto 0 auto;
        display: flex
    }

    .nbd-wcd-container .show-sm {
        display: none
    }

    .nbd-wcd-container .card {
        max-width: 345px
    }

    .nbd-wcd-container .card .nbd-ccd-heading {
        margin: 19px 24px 0 24px;
        padding-bottom: 18.5px
    }

    .nbd-wcd-container .card .card-body .card-details {
        margin: 0
    }

    .nbd-wcd-container .card .card-body .card-details .row {
        margin-right: -7px;
        margin-left: -10px
    }

    .nbd-wcd-container .card .card-footer {
        padding: 16px 40px 40px 40px
    }
}

@media only screen and (min-width:992px) {
    .nbd-wcd-container {
        margin-top: 72px
    }

    .nbd-wcd-container .card {
        max-width: 388px
    }

    .nbd-wcd-container .card .nbd-wcd-header img {
        width: 100px;
        height: 63px
    }

    .nbd-wcd-container .card .card-body {
        padding: 0
    }

    .nbd-wcd-container .card .card-body .nbd-card-category {
        padding-top: 24px;
        padding-left: 24px;
        padding-right: 24px
    }

    .nbd-wcd-container .card .card-body .card-details h3 {
        font-size: 32px
    }

    .nbd-wcd-container .card .card-body .card-details .row {
        margin-right: 0;
        margin-left: 5px
    }

    .nbd-wcd-container .card .card-body .card-details .overview-label {
        margin-bottom: 8px
    }
}

@media all and (-ms-high-contrast:none) {
    .nbd-wcd-container {
        margin-left: 175px;
        max-width: 1228px
    }

    .nbd-wcd-container .card {
        min-width: 388px
    }

    .nbd-wcd-container .card .card-footer {
        background-color: transparent
    }

    .nbd-wcd-container .wizard-cards .card {
        display: block
    }

    .nbd-wiz-top-card {
        text-align: center
    }

    .nbd-wiz-card {
        max-width: 157px;
        min-width: 157px
    }

    .nbd-wiz-card-suggested {
        text-align: center
    }
}

@media(-ms-high-contrast:active) {
    .nbd-wcd-container {
        margin-left: 175px;
        max-width: 1228px
    }

    .nbd-wcd-container .card {
        min-width: 388px
    }

    .nbd-wcd-container .wizard-cards .card {
        display: block
    }

    .nbd-wcd-container .wizard-cards .card .card-footer {
        background-color: transparent
    }

    .nbd-wiz-top-card {
        text-align: center
    }

    .nbd-wiz-card {
        max-width: 157px;
        min-width: 157px
    }

    .nbd-wiz-card-suggested {
        text-align: center
    }
}

.eligibility {
    padding-top: 40px
}

.eligibility .nb-row>div {
    padding: 0 15px;
    margin-top: 15.5px
}

.eligibility .card {
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

.eligibility .default-card .card-text {
    height: 100%;
    text-align: left
}

.eligibility .default-card .card-link {
    margin-top: 24px;
    display: block
}

.eligibility .card-text {
    text-align: center
}

.eligibility .qualify-list {
    padding: 0 15px
}

.eligibility .doclist {
    padding: 0 15px
}

.eligibility .doclist.bgblue {
    background-color: #fafafa
}

.eligibility .doclist {
    background-color: transparent
}

.eligibility .eligibility__title {
    padding-bottom: 24px;
    color: #17252e;
    margin-bottom: 0;
    text-align: left
}

.eligibility .card {
    transition: .3s;
    box-sizing: border-box;
    border: 1px solid #e5edec;
    border-radius: 12px;
    background-color: #fff
}

.eligibility .qualify-list .card-body {
    padding: 30.5px 36.5px
}

.eligibility .icon-wrapper {
    padding: 11px 12px;
    margin-bottom: 16px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/backgroundshape.svg'); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 48px 47px;
    height: 47px;
    width: 48px;
    align-items: center;
    justify-content: center;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-left: auto;
    margin-right: auto
}

.eligibility .icon-wrapper img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.eligibility .card-icon {
    width: 24px;
    height: 24px
}

.eligibility .card-text {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.eligibility .default-card .card-body {
    padding: 64.5px 50.5px 72.5px 50.5px;
    flex-direction: column
}

.eligibility .default-card .card-body a {
    margin-top: 24px;
    display: block
}

.eligibility .default-card .card-text {
    color: #fff;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0
}

@media only screen and (min-width:767px) {
    .eligibility .default-card .card-text {
        font-size: 20px;
        line-height: 28px
    }
}

.eligibility .ar-icon-arrow {
    height: 13px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    background-image: url('../../../assets/static/media/icons/arrow-white.svg');
    transition: transform 900ms
}

.eligibility .card-link:hover .ar-icon-arrow {
    transform: translateX(8px);
    width: 34px;
    background-image: url('../../../assets/static/media/icons/Whitehoverarrow.svg')
}

.eligibility .card-link {
    color: #fff;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    text-align: center
}

@media only screen and (min-width:576px) {
    .eligibility .card-link {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (min-width:1025px) {
    .eligibility .card-link {
        font-size: 14px;
        line-height: 22px
    }
}

.eligibility .card-link:hover {
    color: #fff
}

.eligibility .eligibility_doc__title {
    color: #17252e;
    padding: 64px 0 40px;
    margin-bottom: 0;
    text-align: left
}

.eligibility .right-icon {
    height: 18px;
    width: 24px
}

.eligibility .doclist {
    padding-bottom: 24px
}

.eligibility .doclist .card-body {
    padding-bottom: 24px;
    padding-right: 0;
    padding-top: 0
}

.eligibility .card-body .row {
    margin: 0
}

.eligibility .right-wrapper {
    padding-right: 15px;
    padding-left: 0;
    text-align: center
}

.eligibility .doc-text {
    padding-left: 0;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.eligibility .bg-green {
    background-color: #008533;
    border: 1px solid #e5edec
}

.eligibility .bg-green:hover {
    background-color: #007237
}

.eligibility .bg-charcoal {
    background-color: #17252e;
    border: 1px solid #e5edec
}

.eligibility .bg-charcoal:hover {
    background-color: #000
}

.doclist .nb-row>div {
    padding: 0;
    margin-top: 0
}

.qualify-list {
    position: relative
}

.eligibilitybg.bgblue {
    width: 100%;
    position: absolute;
    top: inherit;
    right: inherit;
    bottom: opx;
    left: 0;
    z-index: -1;
    padding: 30px 20px;
    background-color: #fafafa;
    height: 131px
}

.eligibilitybg {
    width: 100%;
    position: absolute;
    top: inherit;
    right: inherit;
    bottom: opx;
    left: 0;
    z-index: -1;
    padding: 30px 20px;
    height: 131px;
    background-color: transparent
}

@media only screen and (min-width:768px) {
    .nb-row>div {
        margin-top: 23.5px
    }

    .eligibilitybg {
        height: 83px
    }

    .eligibility {
        padding-top: 49px
    }

    .eligibility .eligibility__title {
        padding-bottom: 17.5px
    }

    .eligibility .qualify-list .cards {
        margin: 15px 11px
    }

    .eligibility .qualify-list .card-body {
        text-align: center;
        padding: 64px 26px 72px 24px
    }

    .eligibility .default-card .card-text {
        text-align: center
    }

    .eligibility .default-card .card-link {
        margin-top: 36px;
        display: inline-block
    }

    .eligibility .default-card .card-body {
        padding: 116.5px 84.5px 116.5px 83.5px;
        text-align: center
    }

    .eligibility .icon-wrapper {
        margin-bottom: 54px;
        padding: 20px 21px;
        background-size: 82px 80px;
        height: 80px;
        width: 82px
    }

    .eligibility .card-icon {
        width: 40px;
        height: 40px
    }

    .eligibility .eligibility_doc__title {
        padding: 87px 0 48px
    }

    .eligibility .right-wrapper {
        padding-right: 23px
    }

    .eligibility .doclist {
        padding-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .eligibility div[class^="card"] {
        display: flex !important;
        flex-direction: column
    }

    .nb-row>div {
        margin-top: 24px
    }

    .eligibilitybg {
        height: 140px
    }

    .eligibility {
        padding-top: 0px
    }

    .eligibility .qualify-list {
        padding: 0 106px
    }

    .eligibility .qualify-list .card-body {
        padding: 40px 32px
    }

    .eligibility .doclist {
        padding: 0 106px;
        padding-bottom: 0px
    }

    .eligibility .eligibility__title {
        padding-bottom: 80px
    }

    .eligibility .default-card .card-body {
        padding: 80.5px 36.5px;
        display: flex !important;
        flex-direction: column
    }

    .eligibility .default-card .card-link {
        margin-top: auto;
        text-align: unset;
        margin-top: 65px;
        display: inline-block
    }

    .eligibility .icon-wrapper {
        margin-bottom: 24px
    }

    .eligibility .eligibility_doc__title {
        padding: 86px 0 80px
    }

    .eligibility .eligibility__doclist .cards {
        width: 285px !important
    }

    .eligibility .eligibility__doclist .card-body {
        padding: 0 0 80px 0
    }

    .eligibility .right-wrapper {
        padding-right: 29px
    }

    .eligibility .doc-text {
        padding-right: 0
    }

    .eligibility .card {
        min-height: 306px
    }
}

.nbd-rta-background-container.nbd-bgblue {
    background-color: #fafafa;
    padding-top: 55px;
    padding-bottom: 16px
}

.nbd-rta-background-container {
    padding-top: 35px
}

.nbd-rta-background-container #colum-heading {
    height: auto;
    color: #17252e;
    margin-bottom: 56px;
    padding: 0
}

.nbd-rta-background-container h1 {
    margin-bottom: 0
}

.nbd-rta-background-container .nbd-rta-container {
    margin: 0 22px
}

.nbd-rta-background-container .nbd-rta-container .no-padding-right {
    padding-right: 0;
    width: 100%
}

.nbd-rta-background-container .nbd-rta-container .no-padding-span {
    margin-bottom: 8px
}

.nbd-rta-background-container .nbd-rta-container .nbd-rta-credit-card-image {
    height: 32px;
    width: 32px;
    padding: 3px;
    margin-bottom: 24px
}

.nbd-rta-background-container .nbd-rta-container .nbd-rta-steps {
    width: 250px;
    color: #17252e;
    text-align: left
}

.nbd-rta-background-container .nbd-rta-container .nbd-rta-desc {
    height: auto;
    color: #494f50;
    margin-bottom: 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-rta-background-container .nbd-rta-container .nbd-ready-to-apply {
    margin-bottom: 40px
}

.nbd-rta-background-container .nbd-rta-container .nbd-rta-image {
    height: 24px;
    width: 24px;
    margin-left: 19px;
    margin-right: 233px;
    margin-bottom: 24px
}

.nbd-rta-background-container .nbd-ready-to-apply:last-child .nbd-rta-vertical-line {
    display: none
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-rta-background-container.nbd-bgblue {
        padding-bottom: 24px
    }

    .nbd-rta-background-container {
        padding-top: 16px
    }

    .nbd-rta-background-container #colum-heading {
        width: 541px;
        color: #17252e;
        text-align: center;
        margin-bottom: 84px
    }

    .nbd-rta-background-container .nbd-rta-container {
        width: 541px;
        margin: auto
    }

    .nbd-rta-background-container .nbd-rta-container .tab-only {
        top: -20px;
        margin-bottom: 48px
    }

    .nbd-rta-background-container .nbd-rta-container .no-padding-right {
        width: unset
    }

    .nbd-rta-background-container .nbd-rta-container .no-padding-span {
        padding: 0;
        margin-bottom: 8px
    }

    .nbd-rta-background-container .nbd-rta-container .nbd-rta-credit-card-image {
        height: 32px;
        width: 32px;
        padding: 3px;
        margin-right: 45px;
        margin-left: 109px;
        margin-bottom: 0
    }

    .nbd-rta-background-container .nbd-rta-container .nbd-rta-image {
        height: 24px;
        width: 24px;
        margin-right: 48px;
        margin-left: 114px;
        margin-bottom: 0
    }

    .nbd-rta-background-container .nbd-rta-container .nbd-rta-desc {
        margin-left: 203px;
        height: auto;
        width: 244px;
        text-align: left
    }

    .nbd-rta-background-container .nbd-rta-container .nbd-ready-to-apply {
        margin-bottom: 0
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .nbd-rta-background-container.nbd-bgblue {
        padding-bottom: 24px
    }

    .nbd-rta-background-container {
        padding-top: 16px
    }

    .nbd-rta-background-container #colum-heading {
        width: 541px;
        color: #17252e;
        text-align: center;
        margin-bottom: 84px
    }

    .nbd-rta-background-container .nbd-rta-container {
        width: 541px;
        margin: auto
    }

    .nbd-rta-background-container .nbd-rta-container .no-padding-right {
        width: unset
    }

    .nbd-rta-background-container .nbd-rta-container .no-padding-span {
        padding: 0;
        margin-bottom: 8px
    }

    .nbd-rta-background-container .nbd-rta-container .nbd-rta-credit-card-image {
        height: 32px;
        width: 32px;
        padding: 3px;
        margin-right: 45px;
        margin-left: 109px;
        margin-bottom: 0
    }

    .nbd-rta-background-container .nbd-rta-container .nbd-rta-image {
        height: 24px;
        width: 24px;
        margin-right: 48px;
        margin-left: 114px;
        margin-bottom: 0
    }

    .nbd-rta-background-container .nbd-rta-container .nbd-rta-desc {
        margin-left: 203px;
        height: auto;
        width: 244px;
        color: #494f50;
        text-align: left
    }

    .nbd-rta-background-container .nbd-rta-container .nbd-ready-to-apply {
        margin-bottom: 0
    }

    .nbd-rta-background-container .nbd-rta-container.tab-only {
        top: -20px;
        margin-bottom: 48px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-rta-background-container {
        padding-top: 16px
    }

    .nbd-rta-background-container #colum-heading {
        width: 479px;
        color: #17252e;
        text-align: center;
        margin-bottom: 80px
    }

    .nbd-rta-background-container .nbd-rta-container {
        width: 479px;
        margin: auto
    }

    .nbd-rta-background-container .nbd-rta-container .no-padding-right {
        width: auto
    }

    .nbd-rta-background-container .nbd-rta-container .no-padding-span {
        padding: 0;
        margin-bottom: 10px
    }

    .nbd-rta-background-container .nbd-rta-container .nbd-ready-to-apply {
        margin-bottom: 16px
    }

    .nbd-rta-background-container .nbd-rta-container .nbd-rta-credit-card-image {
        height: 42px;
        width: 42px;
        padding: 5px;
        margin-right: 51px;
        margin-left: 0;
        margin-bottom: 0
    }

    .nbd-rta-background-container .nbd-rta-container .nbd-rta-image {
        height: 32px;
        width: 32px;
        margin-right: 56px;
        margin-left: 0;
        margin-bottom: 0
    }

    .nbd-rta-background-container .nbd-rta-container .nbd-rta-desc {
        margin-left: 115px;
        height: auto;
        width: 291px;
        margin-bottom: 0
    }

    .nbd-rta-background-container .nbd-rta-container .nbd-rta-line-outer {
        margin-bottom: 16px
    }

    .nbd-rta-background-container .nbd-rta-container .nbd-rta-vertical-line {
        box-sizing: border-box;
        height: 45px;
        width: 1px;
        border-right: 1px solid #78be20;
        margin-left: 148px;
        margin-top: 19px
    }
}

.nbd-money-app {
    background-color: #17252e
}

.nbd-money-app-content {
    margin: 40px 0 40px 0
}

.nbd-money-app-content h2 {
    color: #fff;
    margin: 0 0 20px 0;
    text-align: left
}

.nbd-money-app-content p {
    color: #fff;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 32px 0
}

@media only screen and (min-width:576px) {
    .nbd-money-app-content p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-money-app-content p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-money-app-content .learn-more {
    color: #fff;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    display: block;
    margin: 0 0 32px 0
}

@media only screen and (min-width:576px) {
    .nbd-money-app-content .learn-more {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-money-app-content .learn-more {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:576px) {
    .nbd-money-app-content .learn-more {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-money-app-content .learn-more {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-money-app-content .learn-more.deskview {
    display: none
}

.nbd-money-app-content .learn-more.mobview {
    display: block
}

.nbd-money-app-content .nbd-icon-arrow {
    height: 13px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    background-image: url('../../../assets/static/media/icons/arrow-white.svg');
    transition: transform 900ms
}

.nbd-money-app-content a:hover .nbd-icon-arrow {
    width: 34px;
    background-image: url('../../../assets/static/media/icons/Whitehoverarrow.svg');
    transform: translateX(10px)
}

.nbd-money-app-content .nbd-app-stores-icon {
    text-align: center
}

.nbd-money-app-content .nbd-app-stores-icon img {
    margin: 0 8px 0 0;
    display: none
}

.nbd-money-app-content .nbd-app-stores-icon span {
    display: inline-block;
    height: 56px;
    width: 284px;
    background-repeat: no-repeat, repeat
}

.nbd-money-app-content .nbd-app-stores-icon .nbd-app-gallery {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/app-gallery-mob.svg') */
}

.nbd-money-app-content .nbd-app-stores-icon .nbd-apple {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/app-store-sm.svg') */
}

.nbd-money-app-content .nbd-app-stores-icon .nbd-android {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/play-store-sm.svg') */
}

.nbd-money-app-content .nbd-moneyappQr {
    border-radius: 12px;
    overflow: hidden;
    display: none
}

.nbd-money-app-content .nbd-moneyappqr-text {
    display: none
}

.nbd-money-app-content .nbd-app-stores-icon-withQR {
    align-self: end;
    text-align: right;
    width: 100%;
    justify-content: end;
    cursor: default;
    margin: 0 8px
}

.nbd-money-app-content .nbd-app-stores-icon-withQR img {
    margin: 0 8px;
    height: 24px;
    width: 24px
}

.nbd-money-app-v2 {
    padding-left: 0;
    overflow: hidden
}

.nbd-money-app-v2 .nbd-money-app-content {
    display: flex;
    justify-content: space-between;
    margin: 0
}

.nbd-money-app-v2 .nbd-money-app-content h2,
.nbd-money-app-v2 .nbd-money-app-content p {
    max-width: 517px;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 28px
}

@media only screen and (min-width:1025px) {

    .nbd-money-app-v2 .nbd-money-app-content h2,
    .nbd-money-app-v2 .nbd-money-app-content p {
        font-size: 24px;
        line-height: 32px
    }
}

.nbd-money-app-v2 .nbd-money-app-content p {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700
}

.nbd-money-app-v2 .nbd-money-app-content .learn-more {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-money-app-v2 .nbd-money-app-content .learn-more {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-money-app-v2 .nbd-money-app-content .learn-more {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-money-app-v2 .nbd-money-app-content .learn-more {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-money-app-content {
        margin: 32px 0 64px 7px
    }

    .nbd-money-app-content h2 {
        margin: 0 0 24px 0
    }

    .nbd-money-app-content p {
        margin: 0 0 24px 0
    }

    .nbd-money-app-content .learn-more {
        margin: 0 0 32px 0
    }

    .nbd-money-app-content .nbd-app-stores-icon img {
        display: none;
        height: auto;
        width: auto
    }

    .nbd-money-app-v2 .nbd-money-app-content .nbd-app-stores-icon {
        display: none
    }

    .nbd-money-app-v2 .nbd-money-app-content .nbd-moneyappQr {
        display: block
    }
}

@media only screen and (min-width:992px) {
    .nbd-money-app-v2 .nbd-money-app-content {
        padding: 32px 40px 0 40px
    }

    .nbd-money-app-v2 .nbd-money-app-content h2 {
        margin: 0 0 16px
    }

    .nbd-money-app-v2 .nbd-money-app-content p {
        margin: 0 0 40px
    }

    .nbd-money-app-v2 .nbd-money-app-content .learn-more {
        margin: 0 0 32px
    }

    .nbd-money-app-v2 .nbd-money-app-content .nbd-app-stores-icon-withQR {
        margin: 0 0 32px;
        text-align: left
    }

    .nbd-money-app-v2 .nbd-money-app-content .nbd-app-stores-icon-withQR a img {
        margin: 0 16px 0 0
    }

    .nbd-money-app-v2 .nbd-money-app-content .nbd-app-stores-icon-withQR img {
        margin: 0 16px 0 0
    }

    .nbd-money-app-v2 .nbd-money-app-content .nbd-moneyappQr {
        margin: 0
    }

    .nbd-money-app-v2 .nbd-money-app-content .nbd-moneyappQr .nbd-moneyappQr-box {
        width: 140px;
        height: 140px
    }

    .nbd-money-app-v2 .nbd-money-app-content .nbd-moneyappQr .nbd-moneyappQr-box img {
        width: 100%;
        height: 100%
    }

    .nbd-money-app-v2 .nbd-money-app-content .nbd-moneyappqr-text {
        display: block;
        margin-top: 16px
    }

    .nbd-money-app-v2 .nbd-money-app-content .nbd-moneyappqr-text h7 {
        color: #fff;
        text-align: center
    }
}

@media only screen and (min-width:1025px) {
    .nbd-money-app {
        padding-right: 0;
        position: relative
    }

    .nbd-money-app:after {
        right: -89px;
        background: #17252e;
        content: '';
        display: block;
        position: absolute;
        width: 90px;
        top: 0;
        bottom: 0
    }

    .nbd-money-app-content {
        margin: 64px 0 64px 19px
    }

    .nbd-money-app-content h2 {
        margin: 0 0 24px 0
    }

    .nbd-money-app-content p {
        margin: 0 0 32px 0
    }

    .nbd-money-app-content .learn-more {
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        margin: 0 0 32px 0
    }

    .nbd-money-app-content .learn-more.deskview {
        display: block
    }

    .nbd-money-app-content .learn-more.mobview {
        display: none
    }

    .nbd-money-app-content .nbd-app-stores-icon {
        width: 100%;
        height: 62px
    }

    .nbd-money-app-content .nbd-app-stores-icon span {
        display: inline-block;
        width: 30%;
        height: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat, repeat;
        margin-right: 3px
    }

    .nbd-money-app-content .nbd-app-stores-icon .nbd-app-gallery {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/app-gallery.svg') */
    }

    .nbd-money-app-content .nbd-app-stores-icon .nbd-apple {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/app-store.svg') */
    }

    .nbd-money-app-content .nbd-app-stores-icon .nbd-android {
        /*         background-image: url('../../../content/dam/nedbank/icons/resources/play-store.svg') */
    }

    .nbd-money-app-content .nbd-moneyappQr {
        display: flex;
        justify-content: space-between;
        margin: 64px 0 32px 0
    }

    .nbd-money-app-content .nbd-moneyappQr-box {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        box-shadow: 0 20px 45px -15px rgba(0, 0, 0, 0.16);
        margin: 0
    }

    .nbd-money-app-content .nbd-moneyappQr-box img {
        width: 165px;
        height: 165px
    }

    .nbd-money-app-content .nbd-app-stores-icon {
        display: none
    }

    .nbd-money-app-content .nbd-moneyapp-qr-img {
        height: auto;
        width: 95%
    }

    .nbd-money-app-content .nbd-moneyappqr-text {
        display: block
    }

    .nbd-money-app-content .nbd-moneyappqr-text h7 {
        color: #fff;
        margin: 0
    }

    .nbd-money-app-content .nbd-moneyappqr-text h7 span {
        font-weight: 400
    }
}

@media only screen and (min-width:1025px) and only screen and (min-width:576px) {
    .nbd-money-app-content .learn-more {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) and only screen and (min-width:1025px) {
    .nbd-money-app-content .learn-more {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:1025px) and only screen and (min-width:576px) {
    .nbd-money-app-content .learn-more {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:1025px) and only screen and (min-width:1025px) {
    .nbd-money-app-content .learn-more {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-ccfees-table-body td>label,
.nbd-ccfees-table-body td>label>p,
.nbd-ccfees-table-body td>p {
    margin: 0
}

.cmp-text ul li::marker {
    color: #494f50;
    font-size: 15px
}

.cmp-text ul {
    padding-left: 20px
}

table td,
.table th {
    background-clip: padding-box
}

.nbd-ccfees-container .table-responsive::-webkit-scrollbar {
    height: 8px
}

.nbd-ccfees-container .table-responsive::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 4px
}

.nbd-ccfees-container .table-responsive::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #17252e
}

.nbd-ccfees-container h5 {
    padding: 32px 0 32px 0
}

.nbd-ccfees-container table th {
    border-top: none !important
}

.nbd-ccfees-container .nbd-ccfees-text {
    padding: 0 15px
}

.nbd-ccfees-padding-container {
    padding: 64px 16px 0 16px
}

.nbd-ccfees-margin {
    padding: 0;
    margin: 40px calc((100% - 100vw) / 2) 0
}

.nbd-ccfees-margin .nbd-ccfees-heading h3 {
    padding-left: 18px
}

.nbd-ccfees-margin .nbd-ccfees-optheading {
    margin: 40px 18px 0 18px;
    display: block
}

.nbd-ccfees-margin .nbd-ccfees-left-heading {
    color: #17252e;
    margin-bottom: 16px
}

.nbd-ccfees-margin .nbd-ccfees-right-heading {
    color: #17252e
}

.nbd-ccfees-margin .nbd-ccfees-descwithbullets {
    padding: 24px 18px 40px 18px
}

.nbd-ccfees-margin .nbd-ccfees-descwithbullets .nbd-ccfees-desc-head {
    color: #17252e;
    margin-bottom: 16px
}

.nbd-ccfees-margin .nbd-ccfees-descwithbullets .nbd-ccfees-desc-bullets span {
    color: #494f50;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px
}

.nbd-ccfees-margin .nbd-ccfees-descwithbullets .nbd-ccfees-desc-bullets ul {
    padding-inline-start: 18px !important
}

.nbd-ccfees-margin .nbd-ccfees-descwithbullets .nbd-ccfees-desc-bullets ul li {
    margin-bottom: 8px
}

.nbd-ccfees-margin .nbd-ccfees-descwithbullets .nbd-ccfees-desc-bullets ul li::marker {
    font-size: 12px
}

.nbd-ccfees-container.nbd-ccfees-margin .nbd-ccfees-table-body .nbd-ccfees-row-fixed {
    padding-left: 18px
}

.nbd-ccfees-container.bg-blue {
    background-color: #fafafa
}

.nbd-ccfees-container.bg-blue .nbd-ccfees-row-fixed {
    background-color: #fafafa
}

.nbd-ccfees-container .nbd-ccfees-table {
    width: 100%
}

.nbd-ccfees-container .nbd-ccfees-heading h3 {
    color: #17252e;
    margin-bottom: 31px
}

.nbd-ccfees-container .nbd-ccfees-table-body th {
    color: #494f50;
    font-weight: 700;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 20px 10px 40px
}

@media only screen and (min-width:1025px) {
    .nbd-ccfees-container .nbd-ccfees-table-body th {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-ccfees-container .nbd-ccfees-table-body th:last-child {
    padding-right: 29px
}

.nbd-ccfees-container .nbd-ccfees-table-body .nbd-ccfees-row-fixed {
    background-color: #fff;
    position: sticky;
    left: 0;
    box-shadow: 4px 6px 8px -1px rgba(0, 0, 0, 0.14);
    padding-left: 0
}

.nbd-ccfees-container.nbd-ccfees-margin .nbd-ccfees-table-body .nbd-ccfees-padding {
    padding-left: 18px;
    position: sticky;
    left: 0
}

.nbd-ccfees-container .nbd-ccfees-table-body .nbd-ccfees-skyblue {
    background-color: #fafafa;
    color: #17252e
}

.nbd-ccfees-container .nbd-ccfees-table-body .nbd-ccfees-skyblue td {
    font-weight: 700
}

.nbd-ccfees-container .nbd-ccfees-table-body tr:first-child {
    border-bottom: 2px solid rgba(151, 151, 151, 0.57)
}

.nbd-ccfees-container .nbd-ccfees-table-body tr:nth-last-child(1) {
    border-bottom: .5px solid #bbb
}

.nbd-ccfees-container .nbd-ccfees-table-body td {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 20px 10px 40px
}

.nbd-ccfees-container .nbd-ccfees-table-body .nbd-ccfees-row-fixed {
    max-width: 134px
}

.nbd-ccfees-container .nbd-ccfees-table-body .nbd-ccfees-row-header h6 {
    width: 134px
}

.nbd-ccfees-container .row-heading {
    padding: 4px 8px 8px 0 !important;
    border-top: 0
}

.nbd-ccfees-container .row-heading label {
    font-weight: 700;
    margin-bottom: 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-ccfees-container .nbd-ccfees-table-body td {
    padding: 10px 20px 10px 40px
}

.nbd-ccfees-container .nbd-ccfees-table-body td p {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-ccfees-table .nbd-ccfees-row-fixed.no-border-top label {
    margin-bottom: 0
}

.nbd-ccfees-container .nbd-ccfees-table-body label {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .nbd-ccfees-container .nbd-ccfees-text {
        padding: 0 22px
    }

    .nbd-ccfees-left-heading {
        margin-bottom: 0
    }

    .nbd-ccfees-margin .nbd-ccfees-optheading {
        margin: 40px 22px 0 22px;
        display: flex
    }

    .nbd-ccfees-margin .nbd-ccfees-putright {
        margin-left: auto !important
    }

    .nbd-ccfees-margin .nbd-ccfees-right-heading {
        line-height: 32px
    }

    .nbd-ccfees-margin .nbd-ccfees-descwithbullets {
        padding: 32px 22px 40px 22px
    }

    .nbd-ccfees-container.nbd-ccfees-margin .nbd-ccfees-table-body .nbd-ccfees-padding {
        padding-left: 32px
    }

    .nbd-ccfees-container.nbd-ccfees-margin .nbd-ccfees-table-body .nbd-ccfees-row-fixed {
        padding-left: 32px
    }

    .nbd-ccfees-margin .nbd-ccfees-descwithbullets .nbd-ccfees-desc-head {
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px
    }

    .nbd-ccfees-margin .nbd-ccfees-descwithbullets .nbd-ccfees-desc-bullets span {
        font-size: 20px;
        line-height: 28px
    }

    .nbd-ccfees-margin .nbd-ccfees-descwithbullets .nbd-ccfees-desc-bullets ul {
        margin-bottom: 0 !important
    }

    .nbd-ccfees-margin .nbd-ccfees-descwithbullets .nbd-ccfees-desc-bullets ul li {
        margin-bottom: 0
    }

    .nbd-ccfees-margin .nbd-ccfees-table {
        width: 100%;
        table-layout: fixed
    }

    .nbd-ccfees-container .nbd-ccfees-table-body th {
        padding: 17px 0 10px 30px
    }

    .nbd-ccfees-container .nbd-ccfees-table-body .nbd-ccfees-row-fixed {
        padding: 17px 0 10px 30px;
        max-width: unset;
        width: unset
    }

    .nbd-ccfees-container .nbd-ccfees-table-body .nbd-ccfees-row-fixed h6 {
        max-width: unset;
        width: unset
    }

    .nbd-ccfees-container .nbd-ccfees-table-body td {
        padding: 17px 0 10px 30px
    }

    .nbd-ccfees-container .nbd-ccfees-table-body .nbd-ccfees-row-header h6 {
        max-width: unset;
        width: unset
    }

    .nbd-ccfees-padding-container {
        padding: 32px 0 32px 22px
    }

    .nbd-ccfees-margin {
        padding: 0 22px;
        margin-top: 80px
    }

    .nbd-ccfees-container.nbd-ccfees-no-padding-container .nbd-ccfees-heading h3 {
        padding: 0
    }

    .nbd-ccfees-container .nbd-ccfees-heading h3 {
        margin: 0 0 30px 30px
    }

    .nbd-ccfees-padding-container .nbd-ccfees-table {
        margin-bottom: 40px;
        width: 1103px;
        table-layout: fixed
    }

    .nbd-ccfees-margin .nbd-ccfees-heading h3 {
        padding-left: 0
    }

    .nbd-ccfees-container .nbd-ccfees-table-body .nbd-ccfees-row-fixed {
        width: auto
    }

    .nbd-ccfees-container .nbd-ccfees-table-body td {
        width: auto
    }
}

@media only screen and (min-width:768px) and only screen and (min-width:576px) {
    .nbd-ccfees-margin .nbd-ccfees-descwithbullets .nbd-ccfees-desc-head {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:768px) and only screen and (min-width:1025px) {
    .nbd-ccfees-margin .nbd-ccfees-descwithbullets .nbd-ccfees-desc-head {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-ccfees-padding-container {
        padding: 64px 180px 0 120px
    }

    .nbd-ccfees-container h5 {
        padding: 64px 30px 80px 30px
    }

    .nbd-ccfees-margin {
        margin: auto;
        padding: 0;
        width: max-content
    }

    .nbd-ccfees-margin .nbd-ccfees-optheading {
        padding: 0 32px;
        margin: 0 !important
    }

    .nbd-ccfees-margin .nbd-ccfees-optheading h2 {
        margin-bottom: 0
    }

    .nbd-ccfees-margin .nbd-ccfees-descwithbullets {
        padding: 40px 32px 80px 32px
    }

    .nbd-ccfees-margin .nbd-ccfees-descwithbullets .nbd-ccfees-desc-head {
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px
    }

    .nbd-ccfees-margin .nbd-ccfees-descwithbullets .nbd-ccfees-desc-bullets {
        font-size: 20px;
        line-height: 28px
    }

    .nbd-ccfees-container .nbd-ccfees-heading h3 {
        margin: 0 0 30px 30px
    }

    .nbd-ccfees-container .nbd-ccfees-table-body .nbd-ccfees-skyblue {
        padding-left: 32px
    }

    .nbd-ccfees-container .nbd-ccfees-table-body .nbd-ccfees-row-fixed {
        box-shadow: none
    }

    .nbd-ccfees-container .nbd-ccfees-table-body td {
        width: unset
    }

    .nbd-ccfees-container .nbd-ccfees-table {
        width: 100%;
        table-layout: fixed;
        margin-bottom: 0
    }
}

@media only screen and (min-width:1025px) and only screen and (min-width:576px) {
    .nbd-ccfees-margin .nbd-ccfees-descwithbullets .nbd-ccfees-desc-head {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) and only screen and (min-width:1025px) {
    .nbd-ccfees-margin .nbd-ccfees-descwithbullets .nbd-ccfees-desc-head {
        font-size: 20px;
        line-height: 28px
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .nbd-ccfees-container .nbd-ccfees-table-body .nbd-ccfees-row-fixed h6 {
        max-width: none
    }
}

@media only screen and (min-width:1600px) {
    .nbd-ccfees-margin {
        max-width: 1140px
    }
}

.tabs-container.basictabs-container .tab-panel-container .creditcardfeestable .nbd-ccfees-padding-container {
    margin: 0 106px;
    padding: 64px 0 0 0
}

@media screen and (min-width:1441px) {
    .tabs-container.basictabs-container .tab-panel-container .creditcardfeestable .nbd-ccfees-padding-container {
        max-width: 1228px;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

@media only screen and (min-width:1025px) {
    .tabs-container.basictabs-container .tab-panel-container .creditcardfeestable .nbd-ccfees-padding-container {
        padding: 64px 0 0 0
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .tabs-container.basictabs-container .tab-panel-container .creditcardfeestable .nbd-ccfees-padding-container {
        max-width: 1260px;
        margin: 0 37px;
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:768px) {
    .tabs-container.basictabs-container .tab-panel-container .creditcardfeestable .nbd-ccfees-padding-container {
        padding: 32px 0 32px 0
    }
}

@media screen and (max-width:768px) {
    .tabs-container.basictabs-container .tab-panel-container .creditcardfeestable .nbd-ccfees-padding-container {
        max-width: 748px;
        margin: 0 37px;
        padding-left: 0;
        padding-right: 0
    }
}

.nbd-stage-intercept-wrapper .stageintercepttablist {
    display: none
}

.nbd-stage-intercept-wrapper .stageinterceptheader {
    display: flex;
    justify-content: space-between;
    top: 0
}

.nbd-stage-intercept-wrapper .stageinterceptheader a {
    margin: 16px 24px
}

.nbd-stage-intercept-wrapper .bar-backrgound {
    background-color: #fff
}

.nbd-stage-intercept-wrapper .tabToCount {
    padding: 0 !important;
    margin: 0 !important;
    border: 0
}

.nbd-stage-intercept-wrapper .tabToCount:focus {
    border: 0
}

.nbd-stage-intercept-wrapper .tabToCount:hover {
    border: 0
}

.nbd-stage-intercept-wrapper .progress {
    height: 5px;
    border-radius: 2.5px;
    background-color: #94cead
}

.nbd-stage-intercept-wrapper .progress-bar {
    background-color: #008533
}

.nbd-stage-intercept-wrapper .nbd-step-indexer {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-top: 40px
}

@media only screen and (min-width:1025px) {
    .nbd-stage-intercept-wrapper .nbd-step-indexer {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-stage-intercept-wrapper .nbd-step-indexer p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

@media only screen and (min-width:1025px) {
    .nbd-stage-intercept-wrapper .nbd-step-indexer p {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-stage-intercept-wrapper .nbd-sticky-top .nbd-step-indexer P {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1025px) {
    .nbd-stage-intercept-wrapper .nbd-sticky-top .nbd-step-indexer P {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-stage-intercept-wrapper .nbd-step-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 40px
}

.nbd-stage-intercept-wrapper .nbd-step-buttons .btn {
    max-width: 180px;
    padding-top: 13px;
    margin-right: 5px;
    margin-left: 5px;
    font-weight: 700
}

.nbd-stage-intercept-wrapper .nbd-large-btn {
    max-width: 100% !important
}

.nbd-stage-intercept-wrapper .nbd-sticky-top {
    position: fixed;
    right: 0;
    left: 0
}

.nbd-stage-intercept-wrapper .nbd-progressbar {
    margin-top: 40px
}

.nbd-stage-intercept-wrapper .nbd-progressbar.nbd-sticky-top {
    margin-top: 0;
    top: -25px;
    display: flex;
    flex-direction: column-reverse
}

@media only screen and (min-width:768px) {
    .nbd-stage-intercept-wrapper .nbd-large-btn {
        max-width: 388px !important
    }

    .nbd-stage-intercept-wrapper .nbd-progressbar.nbd-sticky-top {
        margin-top: 0
    }

    .nbd-stage-intercept-wrapper .nbd-step-buttons {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .nbd-stage-intercept-wrapper .nbd-progressbar {
        margin-top: 80px
    }
}

.nbd-save-and-invest-filter {
    background-color: #fff
}

.nbd-save-and-invest-filter .nbd-form-group .label-class {
    display: flex;
    align-self: center
}

.nbd-save-and-invest-filter .nbd-form-group label {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 8px 0;
    font-weight: 400;
    display: block;
    width: unset
}

.nbd-save-and-invest-filter .nbd-form-group .nbd-tooltip-margin {
    margin: -4px 0 0 10px
}

.nbd-save-and-invest-filter .nbd-form-group input[type="text"] {
    box-sizing: border-box;
    height: 56px;
    width: 100%;
    border: 2px solid #bbb;
    border-radius: 0;
    margin: 0 0 4px 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding-left: 25px;
    color: #17252e
}

.nbd-save-and-invest-filter .nbd-form-group span {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.nbd-save-and-invest-filter .nbd-form-group span:not(.nbd-error-text) {
    color: #494f50
}

.nbd-save-and-invest-filter .nbd-form-group .nbd-question-tooltip-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/tooltipon.svg') */
}

.nbd-save-and-invest-filter .tooltip {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

.nbd-save-and-invest-filter .tooltip .tooltip-inner {
    background-color: #17252e;
    border-radius: 5px;
    min-width: 250px;
    padding: 15px 10px;
    text-align: unset
}

.nbd-save-and-invest-filter .nbd-account-filter-header {
    text-align: center
}

.nbd-save-and-invest-filter .nbd-account-filter-heading {
    color: #17252e;
    text-align: center;
    display: inline-block;
    margin: 33px 0 24px 0
}

.nbd-save-and-invest-filter .nbd-account-filter-heading span {
    font-weight: 400
}

.nbd-save-and-invest-filter .no-mb-gutter {
    padding-left: 0;
    padding-right: 0
}

.nbd-save-and-invest-filter .nbd-question-tooltip-icon {
    height: 12px;
    width: 12px;
    display: inline-block;
    margin: 0 0 0 8px;
    background-repeat: no-repeat
}

.nbd-save-and-invest-filter .nbd-card-fee-details .nbd-question-tooltip-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/tooltipon.svg') */
}

.nbd-save-and-invest-filter .nbd-card-info .nbd-question-tooltip-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/icon-info.svg') */
}

.nbd-save-and-invest-filter .nbd-account-filter-form {
    margin-bottom: 48px
}

.nbd-save-and-invest-filter .nbd-tag-style {
    padding: 0;
    list-style-type: none;
    margin: 16px 0 0 0
}

.nbd-save-and-invest-filter .nbd-tag-style li {
    box-sizing: border-box;
    border: 1.5px solid #008533;
    border-radius: 21px;
    background-color: #fff;
    text-align: center;
    display: inline-block;
    padding: 9px 16px;
    cursor: pointer;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 4px;
    max-width: max-content
}

.nbd-save-and-invest-filter .nbd-tag-style .active {
    background-color: #008533;
    color: #fff
}

.nbd-save-and-invest-filter #noticePeriod {
    display: none
}

.nbd-save-and-invest-filter #withdrawalAccess {
    display: none
}

.nbd-save-and-invest-filter .nbd-currency-input {
    position: relative;
    top: 28px;
    right: inherit;
    bottom: inherit;
    display: block;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    left: 15px;
    font-weight: 700;
    line-height: 0 !important;
    color: #17252e
}

@media only screen and (min-width:1025px) {
    .nbd-save-and-invest-filter .nbd-currency-input {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-save-and-invest-filter .nbd-account-filter-heading {
        margin: 32px 0 32px 0
    }

    .nbd-save-and-invest-filter .no-mb-gutter {
        padding-left: 0;
        padding-right: 0
    }

    .nbd-save-and-invest-filter .no-tab-gutter-l {
        padding-left: 0;
        padding-right: 15px
    }

    .nbd-save-and-invest-filter .no-tab-gutter-r {
        padding-left: 15px;
        padding-right: 0
    }

    .nbd-save-and-invest-filter .nbd-form-group input[type="text"] {
        min-width: 224px
    }

    .nbd-save-and-invest-filter .nbd-form-group .label-class {
        padding-top: 2px
    }

    .nbd-save-and-invest-filter .nbd-form-group .nbd-tooltip-margin {
        margin: -4px 0 0 10px
    }

    .nbd-save-and-invest-filter .nbd-tag-style {
        margin: 4px 0 0 0
    }
}

@media only screen and (min-width:769px) {
    .nbd-save-and-invest-filter .no-mb-gutter {
        padding-left: 15px;
        padding-right: 15px
    }

    .nbd-save-and-invest-filter .no-tab-gutter-l {
        padding-left: 15px;
        padding-right: 15px
    }

    .nbd-save-and-invest-filter .no-tab-gutter-r {
        padding-left: 35px;
        padding-right: 15px
    }

    .nbd-save-and-invest-filter .nbd-form-group input[type="text"] {
        min-width: 240px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-save-and-invest-filter .nbd-account-filter-heading {
        margin: 80px 0 88px 0
    }

    .nbd-save-and-invest-filter .nbd-tag-style {
        margin: 4px 0 0 0
    }

    .nbd-save-and-invest-filter .label-class {
        padding-top: 4px
    }
}

@media only screen and (min-width:1025px) and (max-width:1439px) {
    .nbd-save-and-invest-filter .nbd-account-filter-card-container.card-deck .card {
        flex: none;
        margin: 12.5px 12px 12.5px 12px
    }

    .nbd-save-and-invest-filter .nbd-account-filter-card {
        width: 265px;
        min-width: 265px
    }

    .nbd-save-and-invest-filter .nbd-account-filter-card-odd-width {
        width: 365px;
        min-width: 365px
    }
}

.nbd-save-and-invest-filter .sni-hide {
    display: none
}

.nbd-save-and-invest-filter .nbd-show-card {
    display: block
}

.nbd-save-and-invest-filter .nbd-account-filter-cards .card {
    max-width: 100%;
    border-radius: 7px;
    background-color: #fff;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
    border: 0;
    margin-bottom: 48px
}

.nbd-save-and-invest-filter .nbd-account-filter-cards .card .nbd-card-header-img {
    height: 8px;
    width: 100%;
    border-radius: 5px 5px 0 0;
    position: relative
}

.nbd-save-and-invest-filter .nbd-account-filter-cards .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0
}

.nbd-save-and-invest-filter .nbd-account-filter-cards .card-header img {
    height: 44px;
    width: 69px;
    position: absolute;
    right: 24px;
    margin-top: -25px
}

.nbd-save-and-invest-filter .nbd-account-filter-cards .card-footer {
    padding: 0;
    background-color: #fff;
    border-top: 0;
    padding: 6px 16px 6px 16px
}

.nbd-save-and-invest-filter .nbd-account-filter-cards .card-footer a {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-save-and-invest-filter .nbd-account-filter-cards .card-footer a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-save-and-invest-filter .nbd-account-filter-cards .card-footer a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-save-and-invest-filter .nbd-account-filter-cards .card-footer a {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-save-and-invest-filter .nbd-account-filter-cards .border-bottom {
    border-bottom: 1px solid #eee !important
}

.nbd-save-and-invest-filter .nbd-account-filter-cards .card-heading {
    margin: 0 16px 0 24px
}

.nbd-save-and-invest-filter .nbd-account-filter-cards .card-heading h4 {
    color: #17252e;
    margin: 27.45px 0 0 0
}

.nbd-save-and-invest-filter .nbd-account-filter-cards .card-heading h4:nth-child(2) {
    margin: 0 0 15.5px 0;
    font-weight: 400
}

.nbd-save-and-invest-filter .nbd-account-filter-cards .card-heading p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #17252e;
    margin: 0 0 15.5px 0
}

@media only screen and (min-width:576px) {
    .nbd-save-and-invest-filter .nbd-account-filter-cards .card-heading p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-save-and-invest-filter .nbd-account-filter-cards .card-heading p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-save-and-invest-filter .nbd-account-filter-cards .card-body {
    padding: 16px 16px 0 16px
}

.nbd-save-and-invest-filter .nbd-account-filter-cards .nbd-btn-commitment {
    line-height: 24px;
    padding: 14px 0
}

.nbd-save-and-invest-filter .nbd-account-filter-cards .nbd-btn-tertiary {
    height: auto;
    margin: 0 0 8px 0
}

.nbd-save-and-invest-filter .nbd-account-filter-cards.card-deck {
    margin-right: -15px;
    margin-left: -15px
}

.nbd-save-and-invest-filter .nbd-card-details p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1025px) {
    .nbd-save-and-invest-filter .nbd-card-details p {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-save-and-invest-filter .nbd-card-details span a.nbd-btn-tertiary {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 0;
    margin-top: auto;
    display: flex;
    align-items: center;
    bottom: 0
}

@media only screen and (min-width:1025px) {
    .nbd-save-and-invest-filter .nbd-card-details span a.nbd-btn-tertiary {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-save-and-invest-filter .nbd-card-details span a.nbd-btn-tertiary {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-save-and-invest-filter .nbd-card-details span a.nbd-btn-tertiary {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-save-and-invest-filter .nbd-card-fee-details h6 {
    color: #494f50;
    margin: 23px 0 16px 0
}

.nbd-save-and-invest-filter .nbd-card-fee-details .row {
    margin-left: 0;
    margin-right: 0
}

.nbd-save-and-invest-filter .nbd-card-fee-details .nbd-question-tooltip-icon {
    height: 12px;
    width: 12px;
    position: relative;
    top: 5px;
    background-size: cover
}

.nbd-save-and-invest-filter .nbd-card-fee-details label {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 4px 0
}

.nbd-save-and-invest-filter .nbd-card-fee-details h7 {
    color: #17252e;
    margin: 0 0 16px 0;
    display: block
}

.nbd-save-and-invest-filter .nbd-card-fee-details h7 span {
    color: #17252e;
    font-weight: 500
}

.nbd-save-and-invest-filter .nbd-card-info {
    box-sizing: border-box;
    border: 1.5px solid #e5edec;
    border-radius: 6px;
    padding: 8px 8px 12px 4px;
    display: inline-flex;
    width: 100%
}

.nbd-save-and-invest-filter .nbd-card-info p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

@media only screen and (min-width:1025px) {
    .nbd-save-and-invest-filter .nbd-card-info p {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-save-and-invest-filter .nbd-card-info .nbd-question-tooltip-icon {
    width: 25px;
    height: 25px;
    margin: 5px 8px 0 8px
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-save-and-invest-filter .nbd-account-filter-cards .card {
        max-width: 347px;
        min-width: 329px;
        margin-bottom: 78px
    }

    .nbd-save-and-invest-filter .nbd-account-filter-cards .card-header img {
        height: 63px;
        width: 100px;
        position: absolute;
        right: 24px;
        margin-top: -25px
    }

    .nbd-save-and-invest-filter .nbd-account-filter-cards .card-heading {
        margin: 0 24px 0 24px
    }

    .nbd-save-and-invest-filter .nbd-account-filter-cards .card-body {
        padding: 16px 24px 0 24px
    }

    .nbd-save-and-invest-filter .nbd-account-filter-cards .card-footer {
        padding: 14px 24px 14px 24px
    }

    .nbd-save-and-invest-filter .nbd-account-filter-cards .nbd-btn-primary {
        line-height: 36px
    }

    .nbd-save-and-invest-filter .nbd-card-fee-details p {
        margin: 23px 0 24px 0
    }

    .nbd-save-and-invest-filter .nbd-card-fee-details label {
        margin: 0 0 8px 0
    }

    .nbd-save-and-invest-filter .nbd-card-fee-details h7 {
        margin: 0 0 24px 0
    }

    .nbd-save-and-invest-filter .nbd-card-info .nbd-question-tooltip-icon {
        width: 20px;
        margin: 5px 8px 0 8px
    }

    .nbd-save-and-invest-filter .nbd-account-filter-cards.card-deck {
        margin-right: -30px;
        margin-left: -30px
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .nbd-save-and-invest-filter .ng-container.nbd-account-filter-container {
        margin: 0 60px
    }

    .nbd-account-filter-cards .card {
        max-width: 350px;
        min-width: 340px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-save-and-invest-filter .nbd-account-filter-cards .card {
        max-width: 388px;
        min-width: 329px;
        margin-bottom: 86px
    }

    .nbd-save-and-invest-filter .nbd-account-filter-cards .card-header img {
        height: 63px;
        width: 100px;
        position: absolute;
        right: 24px;
        margin-top: -25px
    }

    .nbd-save-and-invest-filter .nbd-account-filter-cards .card-heading h4 {
        margin: 23px 0 0 0
    }

    .nbd-save-and-invest-filter .nbd-account-filter-cards .card-body {
        padding: 16px 24px 0 24px
    }

    .nbd-save-and-invest-filter .nbd-account-filter-cards .card-footer {
        padding: 14px 24px 14px 24px
    }

    .nbd-save-and-invest-filter .nbd-account-filter-cards .nbd-btn-primary {
        line-height: 36px
    }

    .nbd-save-and-invest-filter .nbd-card-fee-details p {
        margin: 32px 0 24px 0
    }

    .nbd-save-and-invest-filter .nbd-card-fee-details label {
        margin: 0 0 8px 0
    }

    .nbd-save-and-invest-filter .nbd-card-fee-details .nbd-question-tooltip-icon {
        height: 12px;
        width: 12px;
        position: relative;
        top: 0;
        background-size: cover
    }

    .nbd-save-and-invest-filter .nbd-card-info .nbd-question-tooltip-icon {
        width: 19px;
        margin: 5px 8px 0 8px
    }
}

.nbd-comparison-table-wapper .tooltip-div,
.save-invest-calc-wrapper .tooltip-div {
    display: flex;
    justify-content: center
}

.nbd-comparison-table-wapper .tooltip,
.save-invest-calc-wrapper .tooltip {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: left
}

.nbd-comparison-table-wapper .tooltip .tooltip-inner,
.save-invest-calc-wrapper .tooltip .tooltip-inner {
    background-color: #17252e !important;
    border-radius: 5px;
    min-width: 250px;
    padding: 15px 10px;
    text-align: unset
}

.nbd-comparison-table-wapper .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.save-invest-calc-wrapper .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.nbd-comparison-table-wapper .bs-tooltip-bottom .arrow::before,
.save-invest-calc-wrapper .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #17252e !important
}

.nbd-comparison-table-wapper .bs-tooltip-auto[x-placement^=top] .arrow::before,
.save-invest-calc-wrapper .bs-tooltip-auto[x-placement^=top] .arrow::before,
.nbd-comparison-table-wapper .bs-tooltip-top .arrow::before,
.save-invest-calc-wrapper .bs-tooltip-top .arrow::before {
    border-top-color: #17252e !important
}

.nbd-comparison-table-wapper .bs-tooltip-auto[x-placement^=left] .arrow::before,
.save-invest-calc-wrapper .bs-tooltip-auto[x-placement^=left] .arrow::before,
.nbd-comparison-table-wapper .bs-tooltip-left .arrow::before,
.save-invest-calc-wrapper .bs-tooltip-left .arrow::before {
    border-left-color: #17252e !important
}

.nbd-comparison-table-wapper .bs-tooltip-auto[x-placement^=right] .arrow::before,
.save-invest-calc-wrapper .bs-tooltip-auto[x-placement^=right] .arrow::before,
.nbd-comparison-table-wapper .bs-tooltip-right .arrow::before,
.save-invest-calc-wrapper .bs-tooltip-right .arrow::before {
    border-right-color: #17252e !important
}

.nbd-comparison-table-wapper .nbd-tooltip-icon,
.save-invest-calc-wrapper .nbd-tooltip-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/tooltipon.svg') */
}

.nbd-comparison-table-wapper .backgroundcolor-2,
.save-invest-calc-wrapper .backgroundcolor-2 {
    background-color: #7b4dc5 !important
}

.nbd-comparison-table-wapper .backgroundcolor-3,
.save-invest-calc-wrapper .backgroundcolor-3 {
    background-color: #0e6ec3 !important
}

.nbd-comparison-table-wapper .color-2,
.save-invest-calc-wrapper .color-2 {
    color: #7b4dc5 !important
}

.nbd-comparison-table-wapper .color-3,
.save-invest-calc-wrapper .color-3 {
    color: #0e6ec3 !important
}

.nbd-comparison-table-wapper {
    display: none
}

.save-invest-calc-wrapper {
    padding: 48px 0
}

.save-invest-calc-wrapper .footer-note-mb-tab {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-top: 32px
}

.save-invest-calc-wrapper .nbd-sic-d-none {
    display: none !important
}

.save-invest-calc-wrapper .card-deck {
    display: block
}

.save-invest-calc-wrapper .card,
.save-invest-calc-wrapper .nbd-sic-heading {
    max-width: 425px;
    margin-left: auto;
    margin-right: auto
}

.save-invest-calc-wrapper.nbd-lightGreen-bg {
    background-color: #f2f9f5
}

.save-invest-calc-wrapper .nbd-sic-heading {
    text-align: center;
    margin: 0 auto 24px auto
}

.save-invest-calc-wrapper .nbd-sic-heading h2 {
    color: #17252e;
    margin: 0
}

.save-invest-calc-wrapper .nbd-sic-heading p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #494f50;
    margin: 16px 0 0 0
}

@media only screen and (min-width:1025px) {
    .save-invest-calc-wrapper .nbd-sic-heading p {
        font-size: 18px;
        line-height: 26px
    }
}

.save-invest-calc-wrapper .card {
    padding: 8px;
    margin-bottom: 16px;
    min-width: 284px;
    min-height: 112px;
    border-radius: 12px;
    background-color: #fff;
    cursor: default
}

.save-invest-calc-wrapper .card:hover,
.save-invest-calc-wrapper .card.nbd-rotateY-180 {
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1)
}

.save-invest-calc-wrapper .card .card-body {
    display: flex;
    padding: 0
}

.save-invest-calc-wrapper .card .nbd-card-img {
    height: 96px;
    width: 116px;
    display: flex;
    justify-content: center;
    align-items: center
}

.save-invest-calc-wrapper .card .nbd-card-img img {
    height: 80px;
    width: 100px;
    padding: 10px
}

.save-invest-calc-wrapper .card .card-front-body .nbd-card-text {
    margin: 12px 8px 12px 4px;
    color: #008533;
    display: flex;
    justify-content: center;
    align-items: center
}

.save-invest-calc-wrapper .card .card-back-body {
    padding: 0 8px 0 8px;
    display: block
}

.save-invest-calc-wrapper .card .card-back-body .nbd-card-text {
    color: #17252e;
    display: none
}

.save-invest-calc-wrapper .card .card-back-body .nbd-form-label {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 24px
}

.save-invest-calc-wrapper .card .card-back-body .drops {
    display: flex;
    margin: 4px 0
}

.save-invest-calc-wrapper .card .card-back-body .form-group {
    flex: 1;
    margin-bottom: 0
}

.save-invest-calc-wrapper .card .card-back-body .form-group:first-child {
    padding-right: 16px
}

.save-invest-calc-wrapper .card .card-back-body input {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 4px 0;
    height: 56px;
    border: 2px solid #bbb;
    border-radius: 0;
    padding-left: 25px
}

.save-invest-calc-wrapper .card .card-back-body .input-msg {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.save-invest-calc-wrapper .card .card-back-body .radio {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: inline-grid;
    grid-template-columns: min-content auto;
    grid-gap: 10px;
    margin: 0 40px 0 0
}

.save-invest-calc-wrapper .card .card-back-body .radio__input input {
    opacity: 0;
    width: 0;
    height: 0
}

.save-invest-calc-wrapper .card .card-back-body .radio__control {
    display: grid;
    place-items: center;
    height: 24px;
    width: 24px;
    border: 2px solid #bbb;
    border-radius: 50%;
    transform: translateY(-0.05em);
    cursor: pointer
}

.save-invest-calc-wrapper .card .card-back-body .radio__input {
    display: flex
}

.save-invest-calc-wrapper .card .card-back-body .radio__label {
    line-height: 24px
}

.save-invest-calc-wrapper .card .card-back-body input+.radio__control::before {
    content: "";
    width: 16px;
    height: 16px;
    box-shadow: inset .5em .5em #008533;
    border: 8px solid #008533;
    border-radius: 50%;
    transition: 180ms transform ease-in-out;
    transform: scale(0)
}

.save-invest-calc-wrapper .card .card-back-body input:checked+.radio__control {
    border: 2px solid #008533
}

.save-invest-calc-wrapper .card .card-back-body input:checked+.radio__control::before {
    transform: scale(1)
}

.save-invest-calc-wrapper .card .card-back-body .nbd-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 6px;
    margin-top: 16px;
    font-weight: 700
}

.save-invest-calc-wrapper .card .card-back-body .nbd-select-btn {
    box-sizing: border-box;
    height: 40px;
    border: 1.5px solid #008533;
    border-radius: 21px;
    background-color: #fff;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    padding: 9px 16px;
    margin: 0 4px 8px 0;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.save-invest-calc-wrapper .card .card-back-body .nbd-select-btn.selected {
    background-color: #008533;
    color: #fff
}

.save-invest-calc-wrapper .card .card-back-body .nbd-select-btn:focus {
    outline: 0
}

.save-invest-calc-wrapper .card .card-back-body .input-select {
    min-height: 123px
}

.save-invest-calc-wrapper .card .card-back-body .input-select .nbd-form-label {
    margin-bottom: 12px !important
}

.save-invest-calc-wrapper .card .nbd-currency-input {
    position: relative;
    left: 15px;
    top: 32px;
    display: block;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    line-height: 0 !important;
    color: #17252e;
    width: 10px
}

.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown {
    height: 59px;
    width: 100%;
    border: 2px solid #bbb;
    text-align: left
}

.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown button {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 14px 0 18px 16px;
    width: 100%;
    text-align: left
}

.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown button:active,
.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown button:focus {
    outline: 0;
    box-shadow: none
}

.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown button span {
    color: #17252e
}

.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown .dropdown-item {
    margin-bottom: 0;
    cursor: pointer;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 14px 16px 18px 16px;
    width: 100%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #17252e
}

.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown .dropdown-item.active,
.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown .dropdown-item:active {
    background-color: transparent !important
}

.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown .dropdown-menu {
    min-width: 5rem;
    border: 2px solid #006341 !important;
    border-radius: 0;
    overflow-y: scroll;
    max-height: 200px
}

.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown .dropdown-menu.show {
    width: 103% !important;
    left: -2px !important;
    margin: 0;
    transform: translate3d(-2px, 53px, 0);
    top: -2px !important
}

.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown .dropdown-menu.productdropdown {
    width: 102% !important
}

@media screen and (max-width:768px) {
    .save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown .dropdown-menu.productdropdown {
        width: 101% !important
    }
}

@media screen and (min-width:992px) {
    .save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown .dropdown-menu.productdropdown {
        width: 101% !important
    }
}

.save-invest-calc-wrapper .nbd-green-border-dropdown,
.save-invest-calc-wrapper .nbd-green-border-dropdown+.dropdown-menu {
    border: 2px solid #78be20 !important
}

.save-invest-calc-wrapper .nbd-darkgreen-border-dropdown,
.save-invest-calc-wrapper .nbd-darkgreen-border-dropdown+.dropdown-menu {
    border: 2px solid #006341 !important
}

.save-invest-calc-wrapper .nbd-form-group .dropdown-toggle::after {
    position: absolute;
    right: 20px;
    top: 25px;
    content: none
}

.save-invest-calc-wrapper .nbd-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/down_arrow.svg'); */
    display: block;
    width: 22px;
    height: 22px;
    margin-top: 0;
    position: absolute;
    right: 20px
}

.save-invest-calc-wrapper .nbd-accordian-down-arrow {
    display: block;
    width: 22px;
    height: 22px;
    margin-top: 0
}

.save-invest-calc-wrapper .card-header a:not(.collapsed) .nbd-accordian-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/up_arrowgreen.svg') */
}

.save-invest-calc-wrapper .card-header a.collapsed .nbd-accordian-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/down_arrow_green.svg') */
}

.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown.show .nbd-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/up_arrow.svg'); */
    margin-top: 5px
}

.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown .btn span {
    width: 77%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown .btn {
    display: flex
}

.save-invest-calc-wrapper .screen-two-mb-tab {
    border-radius: 12px;
    background-color: #fff;
    margin: 0 -8px;
    padding: 0 16px
}

.save-invest-calc-wrapper .back-btn {
    display: flex;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 32px
}

.save-invest-calc-wrapper .back-btn .tertiary-btn-icon {
    margin-right: 8px;
    margin-left: 0
}

.save-invest-calc-wrapper .journey-btn {
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    align-items: center;
    display: flex
}

.save-invest-calc-wrapper .graph-label {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

@media only screen and (min-width:576px) {
    .save-invest-calc-wrapper .graph-label {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .save-invest-calc-wrapper .graph-label {
        font-size: 20px;
        line-height: 28px
    }
}

.save-invest-calc-wrapper .product-onDisplay .dividing-div {
    margin-top: 24px;
    padding-top: 8px;
    border-bottom: 1px solid #eee
}

.save-invest-calc-wrapper .product-onDisplay .dividing-div div {
    display: flex;
    justify-content: space-between
}

.save-invest-calc-wrapper .product-onDisplay .dividing-div div p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0
}

.save-invest-calc-wrapper .product-onDisplay .value-btn {
    border-radius: 6px;
    background-color: #008533;
    color: #fff;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    padding: 1px 8px;
    margin-bottom: 12px
}

.save-invest-calc-wrapper .change-product-div {
    padding: 32px 0
}

.save-invest-calc-wrapper .nbd-warning-div {
    box-sizing: border-box;
    border: 1.5px solid #bbb;
    border-radius: 6px;
    padding: 12px 12px 12px 36px;
    display: flex;
    margin-top: 16px
}

.save-invest-calc-wrapper .nbd-warning-div span {
    position: relative;
    left: -15px;
    top: -2px
}

.save-invest-calc-wrapper .nbd-warning-div span img {
    height: 18px;
    width: 18px
}

.save-invest-calc-wrapper .nbd-warning-div p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

.save-invest-calc-wrapper .select-3-products-to,
.save-invest-calc-wrapper .change-product-tab-div,
.save-invest-calc-wrapper .screen-two-desk {
    display: none
}

.save-invest-calc-wrapper .comparision-table {
    margin-top: 40px
}

.save-invest-calc-wrapper .comparision-table h2 {
    color: #17252e;
    margin-bottom: 24px
}

.save-invest-calc-wrapper .comparision-table h2 span {
    font-weight: 500
}

.save-invest-calc-wrapper .comparision-table .accordion .card {
    border: 0;
    padding: 0;
    min-width: 0;
    min-height: 0;
    margin: 0;
    display: contents
}

.save-invest-calc-wrapper .comparision-table .accordion .card .card-header {
    padding: 20px 0;
    background-color: #fff;
    display: flex;
    justify-content: space-between
}

.save-invest-calc-wrapper .comparision-table .accordion .card .card-header h2 {
    color: #17252e;
    font-weight: 500
}

.save-invest-calc-wrapper .comparision-table .accordion .card .card-body {
    display: block;
    padding: 16px 8px
}

.save-invest-calc-wrapper .comparision-table .accordion .card .card-body .product-comp p,
.save-invest-calc-wrapper .comparision-table .accordion .card .card-body .product-comp h3 {
    color: #494f50
}

.save-invest-calc-wrapper .comparision-table .accordion .card .card-body .product-comp p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1025px) {
    .save-invest-calc-wrapper .comparision-table .accordion .card .card-body .product-comp p {
        font-size: 18px;
        line-height: 26px
    }
}

.save-invest-calc-wrapper .comparision-table .accordion .card .card-body .product-comp h3 {
    margin-bottom: 0
}

.save-invest-calc-wrapper .modal-content {
    margin: 0 18px
}

.save-invest-calc-wrapper .modal-dialog {
    margin: 0
}

.save-invest-calc-wrapper .modal-header button span {
    height: 20px;
    width: 20px
}

@media screen and (min-width:768px) {
    .save-invest-calc-wrapper {
        padding: 68px 0
    }

    .save-invest-calc-wrapper .card,
    .save-invest-calc-wrapper .nbd-sic-heading {
        max-width: 538px
    }

    .save-invest-calc-wrapper .nbd-sic-heading {
        margin: 0 auto 32px auto
    }

    .save-invest-calc-wrapper .nbd-sic-heading p {
        margin: 24px 0 0 0
    }

    .save-invest-calc-wrapper .card {
        padding: 24px 32px;
        margin-bottom: 24px;
        min-width: 284px;
        min-height: 112px;
        border-radius: 12px
    }

    .save-invest-calc-wrapper .card .nbd-card-img {
        height: 128px;
        width: 156px
    }

    .save-invest-calc-wrapper .card .nbd-card-img img {
        height: 112px;
        width: 140px
    }

    .save-invest-calc-wrapper .card .card-front-body .nbd-card-text {
        margin: 36px 0 36px 32px
    }

    .save-invest-calc-wrapper .card .card-back-body {
        padding: 0 0 0 166px
    }

    .save-invest-calc-wrapper .card .card-back-body .nbd-card-text {
        display: none
    }

    .save-invest-calc-wrapper .product-onDisplay,
    .save-invest-calc-wrapper .change-product-btn {
        display: none
    }

    .save-invest-calc-wrapper .change-product-tab-div {
        display: block
    }

    .save-invest-calc-wrapper .select-3-products-to {
        display: block;
        color: #17252e;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        text-align: center;
        margin-bottom: 32px
    }

    .save-invest-calc-wrapper .product-i {
        color: #008533;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        margin-bottom: 16px;
        display: inline-block;
        justify-content: space-between
    }

    .save-invest-calc-wrapper .product-i div {
        padding: 1px 8px;
        border-radius: 6px;
        color: #fff;
        background-color: #008533;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        font-weight: 700;
        margin-top: 16px
    }

    .save-invest-calc-wrapper .nbd-form-label {
        color: #17252e;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 4px;
        display: flex
    }

    .save-invest-calc-wrapper .nbd-btn {
        text-align: left;
        margin: 0;
        display: flex;
        align-items: center;
        padding-left: 0
    }

    .save-invest-calc-wrapper .comparision-table {
        margin-top: 48px
    }

    .save-invest-calc-wrapper .comparision-table h2 {
        margin-bottom: 32px
    }

    .save-invest-calc-wrapper .comparision-table .accordion .card .card-header {
        padding: 22px 24px
    }

    .save-invest-calc-wrapper .comparision-table .accordion .card .card-body {
        padding: 24px 22px
    }
}

@media screen and (min-width:992px) {
    .nbd-comparison-table-wapper {
        display: block;
        margin-top: -80px
    }

    .save-invest-calc-wrapper {
        padding: 80px 0
    }

    .save-invest-calc-wrapper .nbd-sic-d-none {
        display: block
    }

    .save-invest-calc-wrapper .card-deck {
        display: flex;
        justify-content: center;
        width: initial
    }

    .save-invest-calc-wrapper .nbd-warning-div {
        margin-bottom: -8px
    }

    .save-invest-calc-wrapper .nbd-sic-heading {
        margin: 0 auto 48px auto;
        max-width: 598px
    }

    .save-invest-calc-wrapper .product-i {
        display: flex;
        margin-top: 40px
    }

    .save-invest-calc-wrapper .product-i div {
        margin-top: 0
    }

    .save-invest-calc-wrapper .card {
        min-height: 580px;
        min-width: 388px;
        max-width: 388px;
        margin: 0 16px
    }

    .save-invest-calc-wrapper .card:first-child {
        margin-left: 0 !important
    }

    .save-invest-calc-wrapper .card:last-child {
        margin-right: 0 !important
    }

    .save-invest-calc-wrapper .card:last-child .card-back-body .nbd-form-label {
        margin-top: 16px !important
    }

    .save-invest-calc-wrapper .card .card-body {
        display: block
    }

    .save-invest-calc-wrapper .card .nbd-card-img {
        height: 214px;
        width: 260px;
        margin: 98px 32px 32px 32px;
        align-items: flex-end
    }

    .save-invest-calc-wrapper .card .nbd-card-img img {
        height: 180px;
        width: 260px
    }

    .save-invest-calc-wrapper .card .card-front-body {
        padding: 8px 0
    }

    .save-invest-calc-wrapper .card .card-front-body .nbd-card-text {
        text-align: center;
        margin: 0
    }

    .save-invest-calc-wrapper .card .card-back-body {
        padding: 8px 0
    }

    .save-invest-calc-wrapper .card .card-back-body .nbd-card-text {
        display: block
    }

    .save-invest-calc-wrapper .card .nbd-btn {
        position: absolute;
        bottom: 0;
        margin-top: 0
    }

    .save-invest-calc-wrapper .screen-two-mb-tab,
    .save-invest-calc-wrapper .footer-note-mb-tab {
        display: none
    }

    .save-invest-calc-wrapper .screen-two-desk {
        display: block;
        border-radius: 12px;
        background-color: #fff;
        margin: 0 -31px;
        padding: 32px 32px 48px 32px
    }

    .save-invest-calc-wrapper .back-btn {
        display: block;
        text-align: left;
        padding: 0
    }

    .save-invest-calc-wrapper .select-3-products-to {
        text-align: left;
        margin-bottom: 0;
        margin-top: 16px
    }

    .save-invest-calc-wrapper .nbd-warning-div {
        margin-bottom: 24px
    }

    .save-invest-calc-wrapper .graph-label {
        margin-top: 72px
    }

    .card.nbd-rotateY-180 .card-front-body {
        position: absolute;
        display: none
    }

    .card.nbd-rotateY-0 .card-back-body {
        display: none
    }

    .card-back-body,
    .card-front-body {
        position: relative
    }

    .card-back-body {
        transform: rotateY(-180deg);
        -webkit-transform: rotateY(-180deg)
    }

    .save-invest-calc-wrapper .card {
        cursor: pointer
    }

    .nbd-rotateY-180 {
        transform: rotateY(180deg)
    }

    .nbd-rotateY-0 {
        transform: rotateY(0)
    }
}

@media screen and (min-width:1024px) and (max-width:1440px) {
    .save-invest-calc-wrapper .card-deck .card:last-child {
        margin-top: 32px !important
    }
}

.nbd-comparison-table-wapper {
    background-color: #f2f9f5
}

.nbd-comparison-table-wapper .nbd-comparison-table-bg {
    background-color: #f2f9f5
}

.nbd-comparison-table-wapper .nbd-tooltip {
    margin: 0 0 0 8px;
    line-height: 25px
}

.nbd-comparison-table-wapper .nbd-tooltip img {
    height: 12px;
    width: 12px
}

.nbd-comparison-table-wapper .nbd-comparison-table-header {
    text-align: center
}

.nbd-comparison-table-wapper .nbd-comparison-table-header h3 {
    color: #17252e;
    display: inline-block;
    margin: 48px 0 49px 0
}

.nbd-comparison-table-wapper .nbd-comparison-table-header h3 span {
    font-weight: 500
}

.nbd-comparison-table-wapper .nbd-comparison-table {
    margin-bottom: 40px
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-head {
    text-align: center;
    padding: 0 29px 0 30px;
    background-color: #fafafa;
    border-right: 1px solid #eee;
    display: grid;
    align-content: center;
    min-height: 148px
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-head:first-child {
    border-top-left-radius: 10px
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-head:last-child {
    border-top-right-radius: 10px;
    border: 0
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-head-tp {
    background-color: transparent;
    border: 0
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-head h4 {
    color: #17252e;
    margin: 24px 0 16px 0
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-head span {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-head .tooltip-div h3 {
    color: #008533;
    margin: 0 0 8px 0
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-body {
    background-color: #fff
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-body .col-4,
.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-body .col-12 {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding: 0 16px;
    min-height: 72px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-body .col-4:last-child,
.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-body .col-12:last-child {
    border-right: 0
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-body .col-12 {
    font-weight: 700;
    text-align: left
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-body .col-4 {
    justify-content: center
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-left-side {
    border: 1px solid transparent
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-right-side {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    border-radius: 10px
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-footer {
    text-align: center;
    padding: 24px 29px 24px 30px;
    background-color: #fff;
    border-right: 1px solid #eee
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-footer:first-child {
    border-bottom-left-radius: 10px
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-footer:last-child {
    border-bottom-right-radius: 10px;
    border: 0
}

.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-footer a {
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-align: center
}

@media only screen and (min-width:1025px) {
    .nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-footer a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-footer a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-footer a {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-comparison-table-wapper .nbd-cmp-table-footer-note p {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 80px 0
}

.nbd-affordability-container {
    padding: 0
}

.nbd-affordability-container .nbd-btn {
    margin: 6px 0 6px 0 !important
}

.nbd-affordability-container #nbdAddExpense img {
    cursor: pointer
}

.nbd-affordability-container .nbd-expense-remove img {
    margin-left: 15px;
    height: 18px;
    width: 18px
}

.nbd-affordability-container .nbd-expense-remove img:hover {
    cursor: pointer
}

.nbd-affordability-container .change-rate {
    background-color: transparent;
    border: 0;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    outline: 0
}

.nbd-affordability-container .change-rate:focus {
    outline: 0
}

@media only screen and (min-width:1025px) {
    .nbd-affordability-container .change-rate {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-affordability-container .nbd-title {
    color: #17252e;
    padding-bottom: 24px
}

.nbd-affordability-container .result-panel {
    background-color: #fafafa;
    padding: 30px 15px;
    border-radius: 5px;
    margin-bottom: 32px;
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

.nbd-affordability-container .button-wrapper {
    margin: 0
}

.nbd-affordability-container .calc-header {
    padding-bottom: 24px;
    color: #494f50
}

.nbd-affordability-container .tooltip {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

.nbd-affordability-container .tooltip .tooltip-inner {
    background-color: #17252e;
    border-radius: 5px;
    min-width: 250px;
    padding: 15px 10px;
    text-align: unset
}

.nbd-affordability-container .tooltip-img {
    height: 12px;
    width: 12px;
    margin-left: 8px
}

.nbd-affordability-container .right-panel {
    padding-left: 0;
    padding-right: 0
}

.nbd-affordability-container .right-panel .nbd-title {
    padding-bottom: 16px
}

.nbd-affordability-container .left-panel>div {
    padding-bottom: 30px
}

.nbd-affordability-container .left-panel .nbd-new-expense>div:not(.nbd-expense-action) {
    padding-bottom: 30px
}

.nbd-affordability-container .btn {
    height: 56px
}

.nbd-affordability-container .interest-result {
    color: #17252e;
    text-align: left
}

.nbd-affordability-container .interest-rate-desc {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #17252e
}

.nbd-affordability-container .interest-rate-desc .cmp-text {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-affordability-container .interest-rate-desc .cmp-text a {
    color: #008533 !important;
    text-decoration: underline !important
}

.nbd-affordability-container .interest-rate-desc .cmp-text a:hover {
    color: #008533;
    text-decoration: underline
}

.nbd-affordability-container .interest-rate-desc .cmp-text a:focus {
    color: #008533;
    text-decoration: underline
}

.nbd-affordability-container .interest-rate-desc p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-affordability-container .interest-rate .aff_slidecontainer {
    padding-bottom: 32px;
    padding-top: 32px
}

.nbd-affordability-container .modal-lg {
    height: auto
}

.nbd-affordability-container .modal-content {
    border: 0;
    padding-bottom: 20px !important
}

.nbd-affordability-container .modal-backdrop.show {
    background-color: #fff
}

.nbd-affordability-container .modal-footer {
    border-top: 0;
    padding: 0
}

.nbd-affordability-container .close {
    color: #17252e;
    font-size: 64px;
    font-weight: unset
}

.nbd-affordability-container .close img {
    height: 42px;
    width: 42px
}

.nbd-affordability-container .popup-buttons {
    width: 100%
}

.nbd-affordability-container .popup-footer-note {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #494f50;
    padding-bottom: 0 !important
}

.nbd-affordability-container .card-body {
    padding: 0
}

.nbd-affordability-container .breakdown-header {
    padding-left: 0
}

.nbd-affordability-container .down-arrow {
    display: inline-block;
    background-image: url('../../../assets/static/media/icons/up_arrow_cr.svg');
    background-repeat: no-repeat;
    height: 21px;
    width: 25px;
    float: right
}

.nbd-affordability-container .collapsed .down-arrow {
    background-image: url('../../../assets/static/media/icons/down_arrow_cr.svg')
}

.nbd-affordability-container .change-rate-wrapper {
    padding: 0
}

.nbd-affordability-container .nbd-btn-secondary:focus {
    border: 2px solid #008533;
    box-shadow: none
}

.nbd-affordability-container .nbd-card-amount {
    color: #17252e;
    padding-bottom: 22px;
    text-align: left
}

.nbd-affordability-container .nbd-card-amount-green {
    color: #78be20
}

.nbd-affordability-container .nbd-description {
    color: #17252e;
    margin: 31px 10px 1px 10px
}

.nbd-affordability-container .hide-text {
    display: none
}

.nbd-affordability-container .loan-desc {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 8px 0 0 0
}

.nbd-affordability-container .text-muted {
    color: #494f50 !important
}

.nbd-affordability-container .nbd-details-row {
    display: block;
    width: 100%;
    padding: 21px 10px 0 10px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.23)
}

.nbd-affordability-container .nbd-details-col-1 {
    color: #494f50;
    width: 100%
}

.nbd-affordability-container .nbd-details-col-1 P {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-affordability-container .nbd-details-col-1 P:first-child {
    margin-bottom: 3px
}

.nbd-affordability-container .nbd-details-col-2 {
    color: #494f50;
    padding: 0;
    width: 100%
}

.nbd-affordability-container .nbd-details-col-2 p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px
}

.nbd-affordability-container .breakdown-val {
    color: #17252e;
    margin-bottom: 12px;
    font-weight: 500
}

.nbd-affordability-container .nbd-currency-input {
    position: relative;
    left: 15px;
    top: 28px;
    display: block;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    line-height: 0;
    color: #17252e
}

.nbd-affordability-container .nbd-form-control {
    padding-left: 26px;
    border-radius: 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #17252e
}

.nbd-affordability-container .nbd-anchor-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

.nbd-affordability-container .modal-body {
    padding-bottom: 31px;
    padding-left: 0;
    padding-right: 0
}

.nbd-affordability-container .nbd-calc-disclaimer {
    padding-top: 32px;
    margin: 0;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-affordability-container input[type="number"] {
    -moz-appearance: textfield
}

.nbd-affordability-container input[type="number"]::-ms-clear {
    display: none
}

.nbd-affordability-container .slider {
    -webkit-appearance: none;
    -moz-apperance: none;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    outline: 0;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    opacity: 1
}

.nbd-affordability-container .slider::-moz-range-progress {
    background-color: #0C8450
}

.nbd-affordability-container .slider::-ms-fill-lower {
    background-color: #0C8450
}

.nbd-affordability-container .slider::-moz-range-track {
    background-color: #bbb
}

.nbd-affordability-container .slider::-ms-fill-upper {
    background-color: #bbb
}

.nbd-affordability-container .slider::-ms-fill-upper {
    background: #eee;
    border-radius: 5px
}

.nbd-affordability-container .slider::-ms-tooltip {
    display: none
}

.nbd-affordability-container .slider:hover {
    opacity: 1
}

.nbd-affordability-container .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #0C8450;
    cursor: pointer;
    outline: 3px solid #fff
}

.nbd-affordability-container .slider::-ms-track {
    width: 100%;
    height: 5px;
    background: #eee;
    border-color: #eee;
    border-width: 1px 0;
    border-radius: 3px;
    color: #bbb
}

.nbd-affordability-container .slider:-ms-fill-lower {
    background: #0C8450;
    border-radius: 5px
}

.nbd-affordability-container .slider::-ms-thumb {
    width: 24px;
    height: 24px;
    background: #fff;
    border: 3px solid #0C8450;
    border-radius: 15px;
    cursor: pointer;
    margin-top: 0;
    outline: 3px solid #fff
}

.nbd-affordability-container .slider:focus::-ms-fill-lower {
    background: #0C8450
}

.nbd-affordability-container .slider:focus::-ms-fill-upper {
    background: #eee
}

.nbd-affordability-container .slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #0C8450;
    cursor: pointer
}

.nbd-affordability-container .slider::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    top: -1px;
    left: 50%
}

.nbd-affordability-container .range-info {
    display: inline;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-affordability-container .bubble {
    padding: 4px 12px;
    position: relative;
    top: inherit;
    right: inherit;
    bottom: inherit;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 26px;
    color: #494f50
}

@media only screen and (min-width:767px) {
    .nbd-affordability-container .bubble {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-affordability-container .bubble::after {
    content: "";
    position: absolute;
    top: -1px;
    right: inherit;
    bottom: inherit;
    left: 50%;
    width: 2px;
    height: 2px
}

.nbd-affordability-container .nbd-affordability-expenses a {
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    outline: transparent
}

@media only screen and (min-width:1025px) {
    .nbd-affordability-container .nbd-affordability-expenses a {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-affordability-container .nbd-subtitle {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 4px 0
}

.nbd-affordability-container .nbd-tooltip {
    float: right;
    height: 16px;
    outline: transparent
}

.nbd-affordability-container .nbd-left-arrow {
    height: 24px;
    width: 24px;
    margin-top: -5px
}

.nbd-affordability-container .nbd-expense-title {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    margin: 0 0 24px 0
}

.nbd-affordability-container .cmp-tabs__tabpanel--active:foucs {
    border: 0
}

.nbd-affordability-container input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.nbd-affordability-container input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.tabsng-container .tabsnedbank .nbd-affordability-container .modal {
    z-index: 1060
}

.tabsng-container .tabsnedbank .nbd-affordability-container .modal .modal-dialog {
    margin-top: 16px
}

@supports(-ms-ime-align:auto) {
    .nbd-affordability-container .slider {
        height: 30px;
        background-image: none !important;
        background-color: #fff !important
    }
}

#nbd-affordability-expenses-part {
    display: none
}

#nbd-affordability-expenses-part .nbd-affordability-expenses {
    margin: 0 0 31px 0;
    padding: 0
}

#nbd-affordability-expenses-part .nbd-expense-title {
    padding: 0
}

#expensesDebtBuffer {
    display: none
}

#minExpenses {
    display: none
}

.nbd-expense-action {
    display: flex;
    justify-content: space-between
}

#nbd-new-expense-blank {
    display: none
}

.aff-hide {
    display: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .nbd-affordability-container .slider {
        background-color: #bbb
    }

    .nbd-affordability-container .slider::-webkit-slider-runnable-track {
        -webkit-appearance: none;
        color: #008533;
        margin-top: -1px
    }

    .nbd-affordability-container .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        background: #fff
    }
}

@media all and (-ms-high-contrast:none) {
    .nbd-affordability-container .slider {
        padding-bottom: 0;
        height: 55px
    }
}

@media(-ms-high-contrast:active) {
    .nbd-affordability-container .slider {
        padding-bottom: 0;
        height: 55px
    }
}

@media only screen and (max-width:567px) {
    .nbd-affordability-container .modal-footer .popup-footer-note {
        padding: 0 0 26px 0
    }

    .nbd-affordability-container .modal-footer .col-sm-12 {
        padding-left: 0;
        padding-bottom: 0
    }
}

@media only screen and (min-width:768px) {
    .calculator-container.nbd-affordability-container {
        padding: 0 0 32px
    }

    .nbd-affordability-container .left-panel {
        padding-right: 20px
    }

    .nbd-affordability-container .right-panel {
        padding-left: 20px
    }

    .nbd-affordability-container .right-panel .nbd-title {
        padding-bottom: 8px
    }

    .nbd-affordability-container .result-panel {
        padding: 32px 24px;
        border-radius: 10px;
        margin-bottom: 31px
    }

    .nbd-affordability-container .modal-lg {
        max-width: 724px
    }

    .nbd-affordability-container .card-body {
        padding: 0 61px
    }

    .nbd-affordability-container .modal-footer {
        padding: 0 45px
    }

    .nbd-affordability-container .nbd-card-amount {
        padding-bottom: 16px
    }

    .nbd-affordability-container .hide-text {
        display: block
    }

    .nbd-affordability-container .nbd-details-row {
        display: inline-flex;
        padding: 16px 0
    }

    .nbd-affordability-container .breakdown-val {
        margin-bottom: 0
    }

    .nbd-affordability-container .nbd-details-col-2 p {
        margin-bottom: 0
    }

    .nbd-affordability-container .nbd-description {
        margin: 72px 0 24px 0
    }

    .nbd-affordability-container .modal-content {
        padding-bottom: 30px !important
    }

    .nbd-affordability-container .close {
        margin-top: 37px
    }

    .nbd-affordability-container .calc-header {
        padding-bottom: 32px;
        margin-bottom: 0
    }

    .nbd-affordability-container .nbd-calc-disclaimer {
        padding-top: 56px
    }

    #nbd-affordability-expenses-part .nbd-affordability-expenses {
        margin: 0 0 32px 0
    }
}

@media only screen and (min-width:992px) {
    .right-sticky-panel {
        position: sticky;
        top: 64px
    }

    .calculator-container.nbd-affordability-container {
        padding: 5px 46px
    }

    .nbd-affordability-container .left-panel {
        padding-right: 67px
    }

    .nbd-affordability-container .right-panel {
        padding-left: 67px
    }

    .nbd-affordability-container .right-panel .nbd-title {
        padding-bottom: 14px
    }

    .nbd-affordability-container .calc-header {
        padding-bottom: 48px
    }

    .nbd-affordability-container .result-panel {
        padding: 32px 42px 16px 42px;
        margin-bottom: 42px
    }

    .nbd-affordability-container .modal-lg {
        max-width: 1018px
    }

    .nbd-affordability-container .modal-content {
        padding: 40px 0;
        padding-bottom: 50px !important
    }

    .nbd-affordability-container .card-body {
        padding: 0 75px
    }

    .nbd-affordability-container .modal-footer {
        padding: 0 60px
    }

    .nbd-affordability-container .nbd-description {
        text-align: left;
        margin: 54px 0 32px 0
    }

    .nbd-affordability-container .change-rate-wrapper {
        margin-top: 16px
    }

    .nbd-affordability-container .modal-body {
        padding-bottom: 39px
    }

    .nbd-affordability-container .popup-footer-note {
        padding-bottom: 0
    }

    .nbd-affordability-container .radio-wrapper {
        margin-bottom: 14px
    }

    .nbd-affordability-container .panel-button {
        padding-right: 0 !important;
        padding-left: 13px !important
    }

    #nbd-affordability-expenses-part .nbd-affordability-expenses {
        margin: 0 0 48px 0
    }
}

.nbd-listpopup-container .modal.show {
    top: 0;
    width: 100%;
    padding: 0 !important;
    margin: 0;
    height: 100%;
    position: fixed
}

.nbd-listpopup-container .modal-dialog {
    height: 100vh;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.nbd-listpopup-container .modal-content {
    background-color: #fff;
    box-shadow: none;
    min-height: 100%
}

.nbd-listpopup-container .modal-header {
    padding: 9px 20px 32px 20px;
    align-items: center
}

.nbd-listpopup-container .modal-header .nedbank-icon {
    width: 32px;
    height: 32px
}

.nbd-listpopup-container .modal-header .close {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-shadow: none;
    opacity: unset
}

.nbd-listpopup-container .modal-header .close:focus {
    outline: 0
}

.nbd-listpopup-container .modal-header .close img {
    width: 50px;
    height: 50px
}

.nbd-listpopup-container .modal-body .nbd-listpopup-title {
    color: #17252e
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list {
    color: #17252e;
    margin: 0
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head {
    margin: 32px 0 0 0;
    padding: 0
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head .itemList2 {
    height: auto
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head ol {
    margin: 40px 0 0 0
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head a {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-weight: 500;
    font-family: 'Libre Franklin', sans-serif;
    display: flex
}

@media only screen and (min-width:1025px) {
    .nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head a {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head a img {
    margin: 0 24px 0 0;
    height: 24px;
    width: 32px
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head a:hover {
    color: #008533;
    text-decoration: underline
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head a:hover img {
    transition: all .5s ease;
    margin-top: -3px;
    filter: drop-shadow(3px 5px 2px rgba(163, 163, 163, 0.5))
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head a:not(:last-child) {
    margin: 0 0 24px 0
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head .nbd-listpopup-btn .nbd-btn-secondary {
    max-width: 300px;
    width: 100%;
    height: 56px;
    border-radius: 6px;
    border: 0 solid #17252e !important;
    background-color: #17252e;
    color: #fff;
    justify-content: center
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head .nbd-listpopup-btn .nbd-btn-secondary:hover,
.nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head .nbd-listpopup-btn .nbd-btn-secondary:focus {
    text-decoration: none
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 64px
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .columndesc {
    margin: 16px 0 32px 0
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head2 .itemList2 ol {
    margin: 0
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head2 .itemList2 ol:first-child {
    margin: 32px 0 0 0
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head2 .itemList2 ol a {
    padding: 18px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #94999c
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head2 .itemList2.mobileitemlist {
    display: block
}

.nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head2 .itemList2.desktopitemlist {
    display: none
}

.nbd-listpopup-container .modal-content,
.nbd-listpopup-container .modal-header,
.nbd-listpopup-container .modal-body,
.nbd-listpopup-container .modal-footer {
    border: 0
}

@media only screen and (min-width:1025px) {
    .nbd-listpopup-container .modal.show {
        top: 64px
    }

    .nbd-listpopup-container .modal-dialog {
        display: block
    }

    .nbd-listpopup-container .modal-header {
        padding: 40px 89px 15px
    }

    .nbd-listpopup-container .modal-header .close img {
        margin: 0 0 0 8px;
        height: 42px;
        width: 42px;
        object-fit: none
    }

    .nbd-listpopup-container .modal-body {
        max-width: 100%;
        margin: 0 7.37% !important
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list {
        margin: 63px 0 0 0
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head {
        margin: 0;
        padding: 0 15px
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head ol {
        margin: 33px 0 0 0
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head a {
        margin: 0 0 24px 0
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 {
        margin: 8px 0 32px 0;
        display: flex;
        flex-direction: initial
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head:first-child {
        padding-right: 65px;
        border-right: 1px solid #94999c
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head:nth-child(2) {
        padding-left: 65px
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head h1 {
        margin-bottom: 36px
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head .columndesc {
        margin-bottom: 48px
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head .itemList2 {
        margin-top: 32px;
        height: 240px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head .itemList2.mobileitemlist {
        display: none
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head .itemList2.desktopitemlist {
        display: flex
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head .itemList2 ol {
        margin: 0 30px 0 0
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head .itemList2 ol a {
        font-weight: 500;
        padding: 16px 0;
        margin: 0;
        border-bottom: 1px solid #94999c
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head .itemList2 ol a:hover {
        text-decoration: none
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head .itemList2 ol a span {
        width: 100%
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head .itemList2 ol:first-child {
        margin: 0 30px 0 0
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head.nbd-listpopup-head2 h1 {
        margin-bottom: 28px
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head.nbd-listpopup-head2 .columndesc {
        margin-bottom: 0
    }

    .nbd-listpopup-container .modal-body .nbd-listpopup-list.nbd-listpopup-list2 .nbd-listpopup-head.nbd-listpopup-head2 .itemList2 {
        margin-top: 64px
    }
}

.customcheckbox.hide {
    display: none
}

.customcheckbox.show {
    display: block
}

.customcheckbox label::before {
    display: none
}

.customcheckbox .checkbox-wrapper {
    display: grid;
    margin: 0
}

.customcheckbox .checkbox-wrapper .form-check-label {
    display: block;
    position: relative;
    padding-left: 32px;
    width: max-content;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.customcheckbox .checkbox-wrapper .form-check-label:not(:last-child) {
    margin: 0 0 16px 0
}

.customcheckbox .checkbox-wrapper .form-check-label::before {
    display: none
}

.customcheckbox .checkbox-wrapper .form-check-label input {
    position: absolute;
    opacity: 0
}

.customcheckbox .checkbox-wrapper .form-check-label .custom-control-indicator {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    border: 2px solid #bbb;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer
}

.customcheckbox .checkbox-wrapper .form-check-label .custom-control-indicator:hover {
    border: 2px solid #a3a3a3
}

.customcheckbox .checkbox-wrapper .form-check-label .custom-control-indicator:after {
    content: "";
    position: absolute;
    display: none
}

.customcheckbox .checkbox-wrapper .form-check-label .custom-control-indicator:after {
    top: 4px;
    right: 5.72px;
    bottom: 6.92px;
    left: 9.55px;
    width: 5px;
    height: 12px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.customcheckbox .checkbox-wrapper .form-check-label input:checked~.custom-control-indicator {
    background-color: #008533;
    border: 0
}

.customcheckbox .checkbox-wrapper .form-check-label input:checked~.custom-control-indicator:hover {
    background-color: #007237
}

.customcheckbox .checkbox-wrapper .form-check-label input:disabled~.custom-control-indicator {
    border: 2px solid #e0e0e0
}

.customcheckbox .checkbox-wrapper .form-check-label input:disabled:checked~.custom-control-indicator {
    background-color: #94999c;
    border: 0
}

.customcheckbox .checkbox-wrapper .form-check-label input:checked~.custom-control-indicator:after {
    display: block
}

.customdropdown {
    width: 100%
}

.customdropdown .custom-dropdown {
    position: relative;
    max-width: 390px
}

.customdropdown .custom-dropdown select {
    display: none
}

.customdropdown .custom-dropdown .select-selected {
    font-family: 'Open Sans Regular', sans-serif;
    color: #bbb;
    background-color: #fff;
    height: 56px;
    padding: 14px 10px;
    border: 2px solid #bbb;
    cursor: pointer;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/down_arrow.svg'); */
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 25px 25px
}

.customdropdown .custom-dropdown .select-selected.select-arrow-active {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/up_arrow.svg'); */
    background-position: right 10px top 15px;
    border: 2px solid #008533 !important
}

@media only screen and (max-width:768px) {
    .customdropdown .custom-dropdown .select-selected {
        width: 100%
    }
}

.customdropdown .custom-dropdown .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent
}

.customdropdown .custom-dropdown .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px
}

.customdropdown .custom-dropdown .select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    max-width: 400px;
    border: 2px solid #bbb
}

.customdropdown .custom-dropdown .select-items div {
    font-family: 'Open Sans Regular', sans-serif;
    color: #17252e;
    padding: 14px 16px;
    border: 0 solid #bbb;
    cursor: pointer
}

@media only screen and (max-width:768px) {
    .customdropdown .custom-dropdown .select-items {
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .customdropdown .custom-dropdown .select-items {
        max-width: 500px
    }
}

.customdropdown .custom-dropdown .select-hide {
    display: none
}

.customdropdown .custom-dropdown .select-items div:hover,
.customdropdown .custom-dropdown .same-as-selected {
    background-color: rgba(0, 0, 0, 0.05)
}

.customdropdown .nbd-tooltip {
    display: block;
    float: right
}

.customdropdown .tooltip {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

.customdropdown .tooltip .tooltip-inner {
    background-color: #17252e;
    border-radius: 5px;
    min-width: 250px;
    padding: 15px 10px;
    text-align: unset
}

.customdropdown .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.customdropdown .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #17252e !important
}

.customdropdown .bs-tooltip-auto[x-placement^=top] .arrow::before,
.customdropdown .bs-tooltip-top .arrow::before {
    border-top-color: #17252e !important
}

.customdropdown .bs-tooltip-auto[x-placement^=left] .arrow::before,
.customdropdown .bs-tooltip-left .arrow::before {
    border-left-color: #17252e !important
}

.customdropdown .bs-tooltip-auto[x-placement^=right] .arrow::before,
.customdropdown .bs-tooltip-right .arrow::before {
    border-right-color: #17252e !important
}

.customdropdown .tooltip-img {
    height: 12px;
    width: 12px
}

.formv2container {
    display: flex
}

.formv2container .nbd-tooltip {
    float: right;
    height: 16px;
    outline: transparent
}

.formv2container .tooltip-img {
    height: 12px;
    width: 12px;
    margin-left: 8px
}

.formv2container .customfield .suburb-field .form-subgroup {
    position: relative
}

.formv2container .customfield .suburb-field .select-items {
    border: 2px solid #bbb
}

.formv2container .customfield .suburb-field .select-items>div {
    font-family: 'Open Sans Regular', sans-serif;
    color: #17252e;
    padding: 14px 16px;
    border: 0 solid #bbb;
    cursor: pointer
}

.formv2container .customfield .suburb-field .select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    max-width: 400px
}

@media only screen and (max-width:768px) {
    .formv2container .customfield .suburb-field .select-items {
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .formv2container .customfield .suburb-field .select-items {
        max-width: 500px
    }
}

.formv2container .customfield .suburb-field .select-items div:hover {
    background-color: rgba(0, 0, 0, 0.05)
}

.formv2container .customfield .hide {
    display: none
}

.formv2container .customfield .nbd-form-group input[type="text"] {
    height: 56px;
    border: 2px solid #bbb;
    border-radius: 0
}

.formv2container .customfield .nbd-form-group input[type="text"]:focus,
.formv2container .customfield .nbd-form-group input[type="text"]:active {
    border-radius: 0
}

.formv2container .customfield .nbd-form-group label {
    height: auto;
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 8px
}

.formv2container .customfield .nbd-form-group textarea[type="text"] {
    height: 80px;
    border: 2px solid #bbb;
    border-radius: 0
}

.formv2container .customfield .nbd-form-group textarea[type="text"]:focus,
.formv2container .customfield .nbd-form-group textarea[type="text"]:active {
    border-radius: 0
}

.formv2container .customfield .nbd-form-group textarea[type="text"]:focus {
    border-color: #006341
}

.formv2container .error-hide {
    display: none
}

.formv2container .field-error-border {
    border: 2px solid #d22630 !important
}

.formv2container .numericerror-message-hide {
    display: none
}

.formv2container .text-error-message-hide {
    display: none
}

.formv2container .contactnumber-error-message-hide {
    display: none
}

.formv2container .email-error-message-hide {
    display: none
}

.formv2container .id-error-message-hide {
    display: none
}

.formv2container .date-error-message-hide {
    display: none
}

.formv2container .textarea-error-message-hide {
    display: none
}

.formv2container .numericerror-message-show {
    display: block
}

.formv2container .email-error-message-show {
    display: block
}

.formv2container .text-error-message-show {
    display: block
}

.formv2container .error-show {
    display: block
}

.formv2container .contactnumber-error-message-show {
    display: block
}

.formv2container .id-error-message-show {
    display: block
}

.formv2container .date-error-message-show {
    display: block
}

.formv2container .textarea-error-message-show {
    display: block
}

.formv2container .has-tip:after {
    font-family: "Glyphicons Halflings";
    content: " \e085";
    color: #aaa
}

.formv2container a.my-tool-tip,
.formv2container a.my-tool-tip:hover,
.formv2container a.my-tool-tip:visited {
    color: #000
}

.formv2container .nbd-auto-complete-list-item {
    width: 100%;
    padding: 5px;
    clear: both;
    color: #17252e;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    margin: 0;
    cursor: pointer
}

.formv2container .nbd-auto-complete-list-item:hover {
    background-color: #fafafa
}

.formv2container .ndb-spinner .spinner {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/spinner.svg'); */
    background-repeat: no-repeat;
    background-position: right;
    background-size: 35px
}

.formv2container .nbd-auto-complete-list.show {
    display: block
}

.formv2container .nbd-auto-complete-list {
    position: absolute;
    top: 94px;
    will-change: transform;
    background-color: #fff;
    width: 100vw;
    border: 2px solid #006341;
    z-index: 9;
    max-height: 220px;
    height: auto;
    overflow-y: scroll;
    display: none
}

.custominput-date.custominput-datepicker .customdatepicker {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/calendar-icon.svg'); */
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 25px 25px;
    background-color: #fff
}

.custominput-date.custominput-datepicker .calendar-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/calendar-icon.svg'); */
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 25px 25px;
    width: 35px;
    height: 25px;
    position: absolute;
    float: right;
    top: 15px;
    right: 0
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    font-family: 'Libre Franklin', sans-serif;
    color: #666;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr
}

.datepicker .datepicker-days {
    padding: 20px 18px
}

.datepicker .datepicker-days thead tr:first-child {
    display: flex;
    justify-content: space-between
}

.datepicker .datepicker-months,
.datepicker .datepicker-years {
    padding: 24px 20px
}

.datepicker thead tr:first-child th {
    padding-top: 0
}

.datepicker thead tr th {
    font-size: 12px
}

.datepicker thead tr th.dow {
    color: #bbb;
    padding-top: 15px
}

.datepicker thead tr th.dow.active {
    color: #494f50
}

.datepicker thead tr th.switch {
    font-size: 14px;
    color: #494f50
}

.datepicker thead tr th.switch:hover {
    background: transparent;
    color: #008533;
    text-decoration: underline
}

.datepicker table td {
    font-size: 12px;
    color: #333
}

.datepicker table td.day {
    padding: 8px 0;
    color: #494f50
}

.datepicker.dropdown-menu {
    width: 100%;
    max-width: 390px;
    border: 2px solid #006341;
    border-top: 2px solid #eee;
    border-radius: 0;
    margin-top: -3px
}

@media only screen and (max-width:1024px) {
    .datepicker.dropdown-menu {
        max-width: 500px;
        width: 100%
    }
}

.datepicker .next.disabled .icon-arrow-right {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/nextarrow-grey.svg'); */
    cursor: default
}

.datepicker .next.disabled .icon-arrow-right:hover {
    background-color: transparent
}

.datepicker .next .icon-arrow-right {
    display: inline-block;
    background-repeat: no-repeat;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/next-arrow.svg'); */
    height: 24px;
    width: 24px
}

.datepicker .next .icon-arrow-right:hover {
    background-color: #e4f2d2
}

.datepicker .prev.disabled .icon-arrow-left {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/prev-arrow.svg'); */
    cursor: default
}

.datepicker .prev.disabled .icon-arrow-left:hover {
    background-color: transparent
}

.datepicker .prev .icon-arrow-left {
    display: inline-block;
    background-repeat: no-repeat;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/prev-arrow-green.svg'); */
    height: 24px;
    width: 24px
}

.datepicker .prev .icon-arrow-left:hover {
    background-color: #e4f2d2
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px
}

.datepicker-dropdown:after {
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px
}

.datepicker>div {
    display: none
}

.datepicker.days div.datepicker-days {
    display: block
}

.datepicker.months div.datepicker-months {
    display: block
}

.datepicker.years div.datepicker-years {
    display: block
}

.datepicker table {
    margin: 0;
    width: 100%;
    border-collapse: separate
}

.datepicker .datepicker-months td,
.datepicker .datepicker-months th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 0
}

.datepicker .datepicker-days th {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 12px;
    float: left;
    margin: 1% 2.1%;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-family: 'Libre Franklin', sans-serif;
    font-size: 12px;
    align-content: center;
    text-align: center
}

.datepicker .datepicker-days tr {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: space-around
}

.datepicker .datepicker-months tr,
.datepicker .datepicker-years tr {
    width: 100%;
    text-align: center
}

.datepicker .datepicker-days td {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 12px;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-family: 'Libre Franklin', sans-serif;
    font-size: 12px;
    align-content: center;
    text-align: center;
    align-items: center;
    justify-content: center
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day:hover {
    background: #e4f2d2;
    cursor: pointer;
    display: block;
    width: 34px;
    height: 34px;
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    align-content: center;
    text-align: center;
    align-items: center;
    justify-content: center
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: 0;
    color: #999;
    cursor: default
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: transparent;
    border: 1px solid #bbb;
    border-radius: 50%
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #e4f2d2
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
    background-color: #5fa317;
    border: 2px solid #e4f2d2;
    display: block;
    width: 34px;
    height: 34px;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    align-content: center;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #5fa317;
    border: 2px solid #e4f2d2;
    display: block;
    width: 34px;
    height: 34px;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    align-content: center;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #5fa317;
    border: 2px solid #e4f2d2;
    display: block;
    width: 34px;
    height: 34px;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    align-content: center;
    color: #fff
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
    background-color: #5fa317 \9
}

.datepicker table tr td span {
    display: inline-flex;
    width: 34px;
    height: 34px;
    line-height: 12px;
    margin: 1% 6%;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-family: 'Libre Franklin', sans-serif;
    font-size: 12px;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 20px
}

.datepicker table tr td span:hover {
    background: #e4f2d2;
    border-radius: 50%
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: 0;
    color: #999;
    cursor: default
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #5fa317;
    border: 2px solid #e4f2d2;
    border-radius: 50%;
    color: #fff
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #5fa317;
    border: 2px solid #e4f2d2;
    border-radius: 50%;
    color: #fff
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    background-color: #5fa317;
    border: 2px solid #e4f2d2;
    border-radius: 50%;
    color: #fff
}

.datepicker table tr td span.old {
    color: #999
}

.datepicker th.switch {
    width: 145px
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr:first-child th {
    font-weight: 500;
    cursor: pointer
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr:first-child th:hover {
    color: #008533;
    text-decoration: underline;
    background: transparent
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px
}

@media only screen and (max-width:400px) {
    .datepicker table tr td span {
        margin: 1% 5%
    }
}

.customradio>label {
    padding-left: 5px
}

.customradio .customradio-fieldset {
    margin: 0
}

.customradio .customradio-wrapper {
    position: relative
}

.customradio .customradio-wrapper h4 {
    color: #494f50
}

.customradio .customradio-wrapper:not(:last-child) {
    margin: 0 0 4px 0
}

.customradio .customradio-wrapper label {
    padding: 0 0 0 34px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #494f50;
    margin-bottom: 8px !important
}

.customradio .customradio-wrapper input {
    height: 1px;
    opacity: 100;
    position: absolute;
    width: 1px
}

.customradio .customradio-wrapper input+label:hover::before {
    border: 2px solid #a3a3a3
}

.customradio .customradio-wrapper input:checked+label:hover::before {
    border: 2px solid #007237
}

.customradio .customradio-wrapper input:checked+label:hover::after {
    border: 8px solid #007237
}

.customradio .customradio-wrapper input:disabled+label::before {
    border: 2px solid #e0e0e0
}

.customradio .customradio-wrapper input:disabled+label::after {
    border: 8px solid #94999c
}

.customradio .customradio-wrapper input:hover~label {
    color: #17252e
}

.modal-color-1 {
    background-color: #fff
}

@media only screen and (min-width:1024px) {
    .modal-color-2 {
        background-color: #f2f9f5
    }
}

.modal-color-3 {
    background-color: #f2f9f5
}

.modal-form-container .modal-form-content {
    overflow: hidden;
    border: 0;
    border-radius: 12px;
    padding-bottom: 0
}

.modal-form-container .modal-form-content .modal-form-body {
    padding: 0
}

.modal-form-container .modal-form-content .modal-form-body .modal-form-header {
    border: 0
}

.modal-form-container .modal-form-content .modal-form-body form#customform {
    margin: 0
}

.modal-form-container .modal-form-content .modal-form-body form#customform .renderFields {
    padding: 0 30px 0 30px
}

.modal-form-container .modal-form-content .modal-form-body form#customform .column1>div {
    margin: 0 auto
}

.modal-form-container .modal-form-content .modal-form-body form#customform .column2>div {
    margin: 0 auto
}

@media only screen and (min-width:1024px) {
    .modal-form-container .modal-form-content .modal-form-body form#customform button[type=submit] {
        margin-left: 20%
    }
}

.modal-form-container .modal-form-content .modal-form-body form#customform .btnContainer {
    padding: 0 30px 0 30px
}

@media only screen and (min-width:1024px) {
    .modal-form-container .modal-form-content .modal-form-body form#customform .btnContainer {
        padding: 0
    }
}

.modal-form-container .modal-form-content .modal-form-body form#customform .formfooter {
    max-width: none;
    padding: 0 30px 40px 30px
}

@media only screen and (min-width:1024px) {
    .modal-form-container .modal-form-content .modal-form-body form#customform .formfooter {
        padding: 0 0 80px 0
    }
}

.modal-form-container .modal-form-content .modal-form-body .text-center {
    text-align: left !important
}

.nbd-formv2-container {
    background: #fff;
    color: #17252e
}

.nbd-formv2-container.formspacing {
    padding: 64px 100px
}

@media only screen and (max-width:1024px) {
    .nbd-formv2-container.formspacing {
        padding: 36px 25px
    }
}

.nbd-formv2-container.nbd-formv2-containerv2 {
    background: #fff;
    color: #17252e
}

.nbd-formv2-container.nbd-formv2-containerv2 .cmp-text a {
    color: #008533 !important
}

.nbd-formv2-container.nbd-formv2-containerv2 .cmp-text a:hover {
    color: #008533 !important
}

.nbd-formv2-container.nbd-formv2-containerv2 form#customform .formfooter {
    text-align: left !important
}

.nbd-formv2-container.nbd-formv2-containerv2 form#customform .formfooter .shortnote p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.nbd-formv2-container.nbd-formv2-containerv2 form#customform .formfooter .nbd-btn {
    color: #17252e
}

@media only screen and (max-width:1024px) {
    .nbd-formv2-container.nbd-formv2-containerv2 form#customform .formv2container .renderFields.col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.nbd-formv2-container.nbd-formv2-containerv2 form#customform .formv2container label {
    color: #17252e
}

.nbd-formv2-container.nbd-formv2-containerv2 form#customform .formv2container .nbd-tooltip .tooltip-img {
    filter: invert(100%);
    -webkit-filter: invert(100%)
}

.nbd-formv2-container.nbd-formv2-containerv2 header h2 {
    color: #17252e
}

.nbd-formv2-container.nbd-formv2-containerv2 header p {
    color: #17252e
}

.nbd-formv2-container header {
    margin: 0 0 40px 0;
    flex-direction: column
}

.nbd-formv2-container header h2 {
    color: #17252e;
    margin-top: 80px;
    margin-bottom: 0
}

.nbd-formv2-container header p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .nbd-formv2-container header p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-formv2-container header p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-formv2-container .loading {
    z-index: 99999;
    content: '';
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
    background: -webkit-radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8))
}

.nbd-formv2-container .loading img {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    justify-content: center;
    align-content: center;
    align-self: center
}

.nbd-formv2-container form#customform {
    display: flex;
    flex-direction: column;
    margin: 20px 0
}

.nbd-formv2-container form#customform .formv2container {
    padding: 0;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:1025px) {
    .nbd-formv2-container form#customform .formv2container {
        flex-direction: row
    }
}

.nbd-formv2-container form#customform .formv2container section>div {
    width: 100%;
    max-width: 420px
}

@media only screen and (max-width:1024px) {
    .nbd-formv2-container form#customform .formv2container section>div {
        width: 100%;
        max-width: 530px
    }
}

.nbd-formv2-container form#customform .formv2container .renderFields {
    padding: 0
}

.nbd-formv2-container form#customform .formv2container .renderFields h2 {
    margin-bottom: 16px
}

.nbd-formv2-container form#customform .formv2container .renderFields .text {
    display: block
}

.nbd-formv2-container form#customform .formv2container .renderFields .text .cmp-text {
    margin: 0
}

.nbd-formv2-container form#customform .formv2container .renderFields .text .cmp-text p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 20px 0
}

@media only screen and (min-width:576px) {
    .nbd-formv2-container form#customform .formv2container .renderFields .text .cmp-text p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-formv2-container form#customform .formv2container .renderFields .text .cmp-text p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-formv2-container form#customform .formv2container .renderFields input[type=checkbox] {
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    min-width: 24px;
    border: 2px solid #bbb;
    border-radius: 5px;
    background-color: #fff;
    accent-color: #008533
}

.nbd-formv2-container form#customform .formv2container .renderFields label.checkbox {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-formv2-container form#customform .formv2container .renderFields .checkboxoptions.selection {
    display: flex
}

.nbd-formv2-container form#customform .formv2container .renderFields .checkboxoptions.selection label {
    margin-left: 10px
}

.nbd-formv2-container form#customform .formv2container .renderFields .form-group {
    margin: 8px 0;
    width: 100%;
    max-width: 390px;
    display: inline-block;
    position: relative
}

@media only screen and (max-width:1024px) {
    .nbd-formv2-container form#customform .formv2container .renderFields .form-group {
        max-width: 500px
    }
}

.nbd-formv2-container form#customform .formv2container .renderFields .form-group.hide {
    display: none
}

.nbd-formv2-container form#customform .formv2container .renderFields .form-group.show {
    display: inline-block
}

.nbd-formv2-container form#customform .formv2container .renderFields .form-group .form-control {
    border-radius: 0
}

.nbd-formv2-container form#customform .formv2container .renderFields .form-group .form-control:focus,
.nbd-formv2-container form#customform .formv2container .renderFields .form-group .form-control:active {
    border-radius: 0
}

.nbd-formv2-container form#customform .formv2container .renderFields .form-group .form-control.focusout {
    border-color: #78be20 !important
}

.nbd-formv2-container form#customform .formv2container .renderFields .form-group .form-control.focus {
    border-color: #006341 !important
}

.nbd-formv2-container form#customform .formv2container .renderFields .form-group .form-control.field-error-border {
    border: 2px solid #d22630 !important
}

.nbd-formv2-container form#customform .formv2container .renderFields .form-group .field-error-border {
    border: 2px solid #d22630 !important
}

.nbd-formv2-container form#customform .formv2container .renderFields .form-group .field-border {
    border: 2px solid #bbb !important
}

.nbd-formv2-container form#customform .formv2container label {
    display: block;
    width: 100%;
    max-width: 390px;
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

.nbd-formv2-container form#customform .formv2container label .nbd-tooltip {
    float: right
}

@media only screen and (max-width:1024px) {
    .nbd-formv2-container form#customform .formv2container label {
        width: 100%;
        max-width: 500px
    }
}

.nbd-formv2-container form#customform .formv2container label.form-check-label {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-formv2-container form#customform .formv2container label.radio-label {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-formv2-container form#customform .formv2container input {
    font-family: 'Open Sans Regular', sans-serif;
    width: 100%;
    max-width: 390px;
    box-sizing: border-box;
    height: 56px;
    border: 2px solid #bbb;
    background-color: #fff;
    padding: 5px 10px
}

@media only screen and (max-width:1024px) {
    .nbd-formv2-container form#customform .formv2container input {
        max-width: 500px
    }
}

.nbd-formv2-container form#customform .formv2container .text-danger {
    color: #d22630;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.nbd-formv2-container form#customform .formv2container .error-message {
    display: none
}

.nbd-formv2-container form#customform .formv2container input[type=radio] {
    height: 24px;
    width: 24px;
    min-width: 24px;
    accent-color: #008533;
    border-color: #78be20;
    margin-left: 0
}

.nbd-formv2-container form#customform .formv2container .id-note {
    color: #94999c;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-top: 4px
}

.nbd-formv2-container form#customform .nbd-error-alert {
    background-color: #f7d4d7;
    height: 88px;
    padding: 20px 0;
    display: none;
    margin-bottom: 0;
    max-width: 390px;
    position: relative
}

.nbd-formv2-container form#customform .nbd-error-alert span {
    width: 272px;
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    width: 100%
}

.nbd-formv2-container form#customform .nbd-error-alert .nbd-warning {
    height: 19px;
    width: 22px;
    margin: 2px 11px 20px 21px
}

.nbd-formv2-container form#customform .nbd-error-alert .nbd-close-small {
    height: 14px;
    width: 14px;
    margin: 5px 25px 0 0;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px
}

.nbd-formv2-container form#customform input[type=submit],
.nbd-formv2-container form#customform button[type=submit] {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    max-width: 390px;
    width: 100%;
    height: 56px;
    border-radius: 6px;
    border: 0 solid #17252e !important;
    background-color: #17252e;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-top: 25px
}

@media only screen and (min-width:1025px) {

    .nbd-formv2-container form#customform input[type=submit],
    .nbd-formv2-container form#customform button[type=submit] {
        font-size: 18px;
        line-height: 26px
    }
}

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

    .nbd-formv2-container form#customform input[type=submit],
    .nbd-formv2-container form#customform button[type=submit] {
        max-width: 500px
    }
}

.nbd-formv2-container form#customform .formfooter {
    max-width: 390px
}

.nbd-formv2-container form#customform .formfooter .shortnote {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    align-items: center
}

.nbd-formv2-container form#customform .formfooter .shortnote img {
    height: 20px;
    width: auto;
    margin-right: 25px
}

.nbd-formv2-container form#customform .formfooter .shortnote p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 0
}

.nbd-formv2-container form#customform .formfooter .nbd-btn {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 26px 0 10px 0;
    color: #008533
}

@media only screen and (min-width:1025px) {
    .nbd-formv2-container form#customform .formfooter .nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-formv2-container form#customform .modal .modal-content {
    padding-bottom: 56px
}

.nbd-formv2-container form#customform .modal .modal-content .modal-body {
    position: relative;
    padding: 49px 18px 38px 18px
}

@media only screen and (min-width:1024px) {
    .nbd-formv2-container form#customform .modal .modal-content .modal-body {
        padding: 48px 75px 56px 75px
    }
}

.nbd-formv2-container form#customform .modal .modal-content .modal-body .close {
    position: absolute;
    right: 37px;
    top: 53px
}

.nbd-formv2-container form#customform .modal .modal-content .modal-body .close:focus {
    outline: 0;
    border: 0
}

.nbd-formv2-container form#customform .modal .modal-content .modal-body .cmp-text {
    margin: 0
}

.nbd-formv2-container form#customform .modal .modal-content .modal-body .cmp-text p {
    margin: 0
}

.nbd-formv2-container form#customform .modal .modal-content .nbd-btn {
    vertical-align: middle;
    padding: 12px 0 10px 0;
    margin: 0
}

.nbd-formv2-container form#customform .hide {
    display: none
}

.nbd-formv2-container form#customform .show {
    display: block
}

#formsuccess {
    display: none;
    margin: 40px 0
}

#formsuccess.nbd-success-containerv2 {
    background: #fff;
    color: #17252e;
    padding: 64px 0
}

@media only screen and (max-width:1024px) {
    #formsuccess.nbd-success-containerv2 {
        padding: 36px 24px
    }
}

@media only screen and (min-width:1024px) {
    #formsuccess {
        margin: 80px 0
    }
}

#formsuccess .form-success-heading {
    width: 137px;
    max-width: 650px;
    margin-bottom: 24px
}

@media only screen and (min-width:768px) {
    #formsuccess .form-success-heading {
        width: 372px
    }
}

@media only screen and (min-width:1024px) {
    #formsuccess .form-success-heading {
        width: 100%;
        font-size: 48px;
        line-height: 56px;
        margin: 0 auto 40px
    }
}

#formsuccess .form-success-desc>* {
    width: 252px;
    max-width: 650px
}

@media only screen and (min-width:768px) {
    #formsuccess .form-success-desc>* {
        width: 550px
    }
}

@media only screen and (min-width:1024px) {
    #formsuccess .form-success-desc>* {
        width: 100%;
        margin: 0 auto
    }
}

#formsuccess .form-success-desc h3 {
    color: #bbb;
    font-weight: 400;
    margin-top: 16px
}

@media only screen and (min-width:1024px) {
    #formsuccess .form-success-desc h3 {
        margin-top: 24px
    }
}

#formsuccess .form-success-desc #successrefno {
    font-weight: 700;
    margin-top: 10px
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-formv2-container form#customform .nbd-error-alert {
        margin-right: 25px
    }

    .nbd-formv2-container form#customform .modal-content {
        padding-bottom: 36px
    }
}

@media only screen and (max-width:1024px) {
    .nbd-formv2-container form#customform .nbd-error-alert {
        max-width: 500px
    }

    .nbd-formv2-container form#customform .btnContainer {
        margin-left: 0
    }

    .nbd-formv2-container form#customform .formfooter {
        margin-left: 0;
        max-width: 500px;
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .nbd-formv2-container form#customform .nbd-error-alert {
        margin-right: 10px
    }

    .nbd-formv2-container form#customform .nbd-error-alert .nbd-close-small {
        margin: 5px 25px 0 25px
    }

    .nbd-formv2-container form#customform .modal-content {
        padding-bottom: 56px
    }
}

.modal-color-1 {
    background-color: #fff
}

@media only screen and (min-width:1024px) {
    .modal-color-2 {
        background-color: #f2f9f5
    }
}

.modal-color-3 {
    background-color: #f2f9f5
}

@media only screen and (min-width:992px) {
    .modal-form-container .modal-form-dialog {
        max-width: 1018px
    }
}

.modal-form-container .modal-form-dialog .modal-form-content {
    overflow: hidden;
    border: 0;
    border-radius: 12px;
    padding-bottom: 0
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body {
    padding: 0
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .modal-form-header {
    border: 0;
    padding: 0
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .modal-form-header .close {
    outline: 0;
    opacity: 1
}

@media only screen and (min-width:1024px) {
    .modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .modal-form-header .close {
        margin-right: 48px;
        padding: 48px 0 0 0
    }
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container {
    background: 0
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform {
    margin: 0
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .renderFields {
    padding: 0 30px 0 30px
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .column1>div {
    margin: 0 auto 24px auto
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .column1>div .cmp-text {
    width: 246px;
    max-width: 325px
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .column1>div .cmp-text p {
    font-family: 'Libre Franklin', sans-serif
}

@media only screen and (min-width:768px) {
    .modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .column1>div .cmp-text {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .column1>div .cmp-text {
        margin: 0 auto
    }
}

@media only screen and (min-width:1024px) {
    .modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .column1>div {
        margin: 0 auto
    }
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .column2>div {
    margin: 16px auto 0 auto
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .column2>div .cmp-text {
    margin-bottom: 16px
}

@media only screen and (min-width:1024px) {
    .modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .column2>div .cmp-text {
        margin: 0 auto 24px
    }
}

@media only screen and (min-width:1024px) {
    .modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .column2>div {
        margin: 0 auto
    }
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform button[type=submit] {
    outline: 0
}

@media only screen and (min-width:1024px) {
    .modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform button[type=submit] {
        margin-left: 14.7%
    }
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .nbd-error-alert-container {
    padding: 0 30px 0 30px
}

@media only screen and (min-width:1024px) {
    .modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .nbd-error-alert-container {
        padding: 0
    }
}

@media only screen and (min-width:1024px) {
    .modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .nbd-error-alert {
        margin-left: 14.7%
    }
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .btnContainer {
    padding: 0 30px 0 30px
}

@media only screen and (min-width:1024px) {
    .modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .btnContainer {
        padding: 0
    }
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .formfooter {
    max-width: none;
    padding: 0 30px 32px 30px
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .formfooter .shortnote {
    display: flex;
    justify-content: center;
    margin-top: 16px;
    align-items: center
}

.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .formfooter .shortnote p {
    color: #bbb
}

@media only screen and (min-width:1024px) {
    .modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .formfooter .shortnote {
        width: 390px;
        margin-left: 14.7%;
        margin-top: 32px
    }
}

@media only screen and (min-width:1024px) {
    .modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .formfooter {
        padding: 0 0 100px 0
    }
}

.nbd-modal-formv2-container {
    background: #fff;
    color: #17252e
}

.nbd-modal-formv2-container.formspacing {
    padding: 64px 150px
}

@media only screen and (max-width:1024px) {
    .nbd-modal-formv2-container.formspacing {
        padding: 36px 25px
    }
}

.nbd-modal-formv2-container.nbd-formv2-containerv2 form#custform .formfooter {
    color: #fff;
    text-align: left !important
}

.nbd-modal-formv2-container.nbd-formv2-containerv2 form#custform .formfooter .shortnote p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

@media only screen and (max-width:1024px) {
    .nbd-modal-formv2-container.nbd-formv2-containerv2 form#custform .formv2container .renderFields.col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.nbd-modal-formv2-container header {
    margin: 0 0 40px 0;
    flex-direction: column
}

.nbd-modal-formv2-container header h2 {
    color: #17252e;
    margin-top: 80px;
    margin-bottom: 0
}

.nbd-modal-formv2-container header p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .nbd-modal-formv2-container header p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-modal-formv2-container header p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-modal-formv2-container .loading {
    z-index: 99999;
    content: '';
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
    background: -webkit-radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8))
}

.nbd-modal-formv2-container .loading img {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    justify-content: center;
    align-content: center;
    align-self: center
}

.nbd-modal-formv2-container form#custform {
    display: flex;
    flex-direction: column;
    margin: 20px 0
}

.nbd-modal-formv2-container form#custform .formv2container {
    padding: 0;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:1025px) {
    .nbd-modal-formv2-container form#custform .formv2container {
        flex-direction: row
    }
}

.nbd-modal-formv2-container form#custform .formv2container section>div {
    width: 100%;
    max-width: 420px
}

@media only screen and (max-width:1024px) {
    .nbd-modal-formv2-container form#custform .formv2container section>div {
        width: 100%;
        max-width: 500px
    }
}

.nbd-modal-formv2-container form#custform .formv2container .renderFields {
    padding: 0
}

.nbd-modal-formv2-container form#custform .formv2container .renderFields h2 {
    margin-bottom: 16px
}

.nbd-modal-formv2-container form#custform .formv2container .renderFields .text {
    display: block
}

.nbd-modal-formv2-container form#custform .formv2container .renderFields .text .cmp-text {
    margin: 0
}

.nbd-modal-formv2-container form#custform .formv2container .renderFields .text .cmp-text p {
    margin: 20px 0
}

.nbd-modal-formv2-container form#custform .formv2container .renderFields input[type=checkbox] {
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    min-width: 24px;
    border: 2px solid #bbb;
    border-radius: 5px;
    background-color: #fff;
    accent-color: #008533
}

.nbd-modal-formv2-container form#custform .formv2container .renderFields label.checkbox {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-modal-formv2-container form#custform .formv2container .renderFields .checkboxoptions.selection {
    display: flex
}

.nbd-modal-formv2-container form#custform .formv2container .renderFields .checkboxoptions.selection label {
    margin-left: 10px
}

.nbd-modal-formv2-container form#custform .formv2container .renderFields .form-group {
    margin: 8px 0;
    width: 100%;
    max-width: 390px;
    display: inline-block
}

@media only screen and (max-width:1024px) {
    .nbd-modal-formv2-container form#custform .formv2container .renderFields .form-group {
        max-width: 500px
    }
}

.nbd-modal-formv2-container form#custform .formv2container .renderFields .form-group.hide {
    display: none
}

.nbd-modal-formv2-container form#custform .formv2container .renderFields .form-group.show {
    display: inline-block
}

.nbd-modal-formv2-container form#custform .formv2container .renderFields .form-group .form-control {
    border-radius: 0
}

.nbd-modal-formv2-container form#custform .formv2container .renderFields .form-group .form-control:focus,
.nbd-modal-formv2-container form#custform .formv2container .renderFields .form-group .form-control:active {
    border-radius: 0
}

.nbd-modal-formv2-container form#custform .formv2container .renderFields .form-group .field-error-border {
    border: 2px solid #d22630 !important
}

.nbd-modal-formv2-container form#custform .formv2container .renderFields .form-group .field-border {
    border: 2px solid #bbb !important
}

.nbd-modal-formv2-container form#custform .formv2container label {
    display: block;
    max-width: 390px;
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
    font-weight: 500
}

.nbd-modal-formv2-container form#custform .formv2container label .nbd-tooltip {
    float: right
}

@media only screen and (max-width:1024px) {
    .nbd-modal-formv2-container form#custform .formv2container label {
        width: 100%;
        max-width: 500px
    }
}

.nbd-modal-formv2-container form#custform .formv2container label.form-check-label {
    font-weight: 400
}

.nbd-modal-formv2-container form#custform .formv2container label.radio-label {
    font-weight: 400
}

.nbd-modal-formv2-container form#custform .formv2container input {
    font-family: 'Open Sans Regular', sans-serif;
    width: 100%;
    max-width: 390px;
    box-sizing: border-box;
    height: 56px;
    border: 2px solid #bbb;
    background-color: #fff;
    padding: 5px 10px
}

@media only screen and (max-width:1024px) {
    .nbd-modal-formv2-container form#custform .formv2container input {
        max-width: 500px
    }
}

.nbd-modal-formv2-container form#custform .formv2container .text-danger {
    color: #d22630;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.nbd-modal-formv2-container form#custform .formv2container .error-message {
    display: none
}

.nbd-modal-formv2-container form#custform .formv2container input[type=radio] {
    height: 24px;
    width: 24px;
    min-width: 24px;
    accent-color: #008533;
    border-color: #78be20
}

.nbd-modal-formv2-container form#custform .formv2container .id-note {
    color: #7b7a7a;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-top: 4px
}

.nbd-modal-formv2-container form#custform .nbd-error-alert {
    background-color: #f7d4d7;
    height: 88px;
    padding: 20px 0;
    display: none;
    margin-bottom: 0;
    max-width: 390px;
    position: relative
}

.nbd-modal-formv2-container form#custform .nbd-error-alert span {
    width: 272px;
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-modal-formv2-container form#custform .nbd-error-alert .nbd-warning {
    height: 19px;
    width: 22px;
    margin: 2px 11px 0 21px
}

.nbd-modal-formv2-container form#custform .nbd-error-alert .nbd-close-small {
    height: 14px;
    width: 14px;
    margin: 5px 25px 0 0;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px
}

.nbd-modal-formv2-container form#custform input[type=submit],
.nbd-modal-formv2-container form#custform button[type=submit] {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    max-width: 390px;
    width: 100%;
    height: 56px;
    border-radius: 6px;
    border: 0 solid #17252e !important;
    background-color: #17252e;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-top: 25px
}

@media only screen and (min-width:1025px) {

    .nbd-modal-formv2-container form#custform input[type=submit],
    .nbd-modal-formv2-container form#custform button[type=submit] {
        font-size: 18px;
        line-height: 26px
    }
}

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

    .nbd-modal-formv2-container form#custform input[type=submit],
    .nbd-modal-formv2-container form#custform button[type=submit] {
        max-width: 500px
    }
}

.nbd-modal-formv2-container form#custform .formfooter {
    max-width: 390px
}

.nbd-modal-formv2-container form#custform .formfooter .shortnote {
    margin-top: 25px
}

.nbd-modal-formv2-container form#custform .formfooter .shortnote img {
    height: 20px;
    width: auto;
    margin-right: 25px
}

.nbd-modal-formv2-container form#custform .formfooter .shortnote p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin: 0
}

.nbd-modal-formv2-container form#custform .formfooter .nbd-btn {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 26px 0 10px 0;
    color: #008533
}

@media only screen and (min-width:1025px) {
    .nbd-modal-formv2-container form#custform .formfooter .nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-modal-formv2-container form#custform .modal .modal-content {
    padding-bottom: 56px
}

.nbd-modal-formv2-container form#custform .modal .modal-content .modal-body {
    position: relative;
    padding: 49px 18px 38px 18px
}

@media only screen and (min-width:1024px) {
    .nbd-modal-formv2-container form#custform .modal .modal-content .modal-body {
        padding: 48px 75px 56px 75px
    }
}

.nbd-modal-formv2-container form#custform .modal .modal-content .modal-body .close {
    position: absolute;
    right: 37px;
    top: 53px
}

.nbd-modal-formv2-container form#custform .modal .modal-content .modal-body .close:focus {
    outline: 0;
    border: 0
}

.nbd-modal-formv2-container form#custform .modal .modal-content .modal-body .cmp-text {
    margin: 0
}

.nbd-modal-formv2-container form#custform .modal .modal-content .modal-body .cmp-text p {
    margin: 0
}

.nbd-modal-formv2-container form#custform .modal .modal-content .nbd-btn {
    vertical-align: middle;
    padding: 12px 0 10px 0;
    margin: 0
}

.nbd-modal-formv2-container form#custform .hide {
    display: none
}

.nbd-modal-formv2-container form#custform .show {
    display: block
}

#modalformsuccess {
    display: none;
    padding: 24px 24px 128px 24px;
    color: #17252e
}

#modalformsuccess.nbd-success-containerv2 {
    background: #fff;
    color: #17252e;
    padding: 64px 0
}

@media only screen and (max-width:1024px) {
    #modalformsuccess.nbd-success-containerv2 {
        padding: 36px 25px
    }
}

@media only screen and (min-width:992px) {
    #modalformsuccess {
        padding: 22px 0 192px 0
    }
}

#modalformsuccess .form-success-heading {
    width: 137px;
    max-width: 599px;
    margin-bottom: 24px
}

@media only screen and (min-width:768px) {
    #modalformsuccess .form-success-heading {
        width: 257px
    }
}

@media only screen and (min-width:992px) {
    #modalformsuccess .form-success-heading {
        width: 100%;
        font-size: 48px;
        line-height: 56px;
        margin: 0 auto 32px
    }
}

#modalformsuccess .form-success-desc>* {
    width: 252px;
    max-width: 599px
}

@media only screen and (min-width:768px) {
    #modalformsuccess .form-success-desc>* {
        width: 372px
    }
}

@media only screen and (min-width:992px) {
    #modalformsuccess .form-success-desc>* {
        width: 100%;
        margin: 0 auto
    }
}

#modalformsuccess .form-success-desc h3 {
    color: #bbb;
    font-weight: 400;
    margin-top: 16px
}

@media only screen and (min-width:992px) {
    #modalformsuccess .form-success-desc h3 {
        margin-top: 24px
    }
}

#modalformsuccess .form-success-desc #modalsuccessrefno {
    font-weight: 700;
    margin-top: 10px
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-modal-formv2-container form#custform .nbd-error-alert {
        margin-right: 0
    }

    .nbd-modal-formv2-container form#custform .modal-content {
        padding-bottom: 36px
    }
}

@media only screen and (max-width:1024px) {
    .nbd-modal-formv2-container form#custform .nbd-error-alert {
        max-width: 500px
    }

    .nbd-modal-formv2-container form#custform .nbd-error-alert-container {
        margin-left: 0
    }

    .nbd-modal-formv2-container form#custform .btnContainer {
        margin-left: 0
    }

    .nbd-modal-formv2-container form#custform .formfooter {
        margin-left: 0;
        max-width: 500px;
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .nbd-modal-formv2-container form#custform .nbd-error-alert {
        margin-right: 10px
    }

    .nbd-modal-formv2-container form#custform .nbd-error-alert .nbd-close-small {
        margin: 5px 25px 0 25px
    }

    .nbd-modal-formv2-container form#custform .modal-content {
        padding-bottom: 56px
    }
}

.nbd-generic-form h1 {
    color: #17252e;
    font-family: "Nedbank Sans Bold", sans-serif;
    font-size: 32px;
    letter-spacing: -0.57px;
    line-height: 40px;
    display: grid;
    margin-top: 26px;
    margin-bottom: 24px
}

.nbd-generic-form h3 {
    height: 32px;
    color: #17252e;
    font-family: 'NedbankSans-Bold', sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 32px
}

.nbd-generic-form p.nbd-pvtcmb-note {
    width: 100%;
    color: #494f50;
    font-family: "Open Sans Regular", sans-serif;
    font-size: 16px;
    letter-spacing: -0.13px;
    line-height: 24px;
    margin-bottom: 40px
}

.nbd-generic-form .btnContainer {
    width: 100%;
    margin-top: 50px
}

.nbd-generic-form .btnContainer.inline {
    display: inline
}

.nbd-generic-form .btnContainer.inline .submit-btn {
    margin-top: 50px
}

.nbd-generic-form .formcontainer {
    margin: 20px 0;
    display: flex
}

@media only screen and (max-width:768px) {
    .nbd-generic-form .formcontainer {
        display: block
    }
}

.nbd-generic-form header {
    margin-bottom: 40px
}

.nbd-generic-form header .nbd-generic-note {
    font-size: 20px;
    letter-spacing: -0.17px;
    line-height: 28px
}

.nbd-generic-form input::placeholder {
    color: #bbb;
    opacity: 1
}

.nbd-generic-form input:-ms-input-placeholder {
    color: #bbb
}

.nbd-generic-form input::-ms-input-placeholder {
    color: #bbb
}

.nbd-generic-form input[type="date"] {
    -webkit-appearance: none;
    -moz-appearance: none
}

.nbd-generic-form input[type="date"]::-webkit-calendar-picker-indicator {
    width: 25px;
    height: 25px;
    border-color: #bbb;
    /*     background-image: url('data:image/svg+xml;utf8,<svgxmlns="http://www.w3.org/2000/svg"width="16"height="15"viewBox="002424"><pathfill="%23bbbbbb"d="M203h-1V1h-2v2H7V1H5v2H4c-1.10-2.9-22v16c01.1.9222h16c1.102-.92-2V5c0-1.1-.9-2-2-2zm018H4V8h16v13z"/></svg>') */
}

.nbd-generic-form .inputwrapper {
    position: relative
}

.nbd-generic-form .datepicker {
    /*     background-image: url('../../../content/dam/nedbank/icons/calendar-icon.svg'); */
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 25px 25px
}

.nbd-generic-form .calendar-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/calendar-icon.svg'); */
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 25px 25px;
    width: 35px;
    height: 25px;
    position: absolute;
    float: right;
    top: 15px;
    right: 0
}

.nbd-generic-form .nbd-tooltip {
    float: right
}

.nbd-generic-form .tooltip {
    font-family: "Open Sans Regular", sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #fff
}

.nbd-generic-form .tooltip .tooltip-inner {
    background-color: #17252e;
    border-radius: 5px;
    min-width: 250px;
    padding: 15px 10px;
    text-align: unset
}

.nbd-generic-form .bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.nbd-generic-form .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #17252e !important
}

.nbd-generic-form .bs-tooltip-auto[x-placement^="top"] .arrow::before,
.nbd-generic-form .bs-tooltip-top .arrow::before {
    border-top-color: #17252e !important
}

.nbd-generic-form .bs-tooltip-auto[x-placement^="left"] .arrow::before,
.nbd-generic-form .bs-tooltip-left .arrow::before {
    border-left-color: #17252e !important
}

.nbd-generic-form .bs-tooltip-auto[x-placement^="right"] .arrow::before,
.nbd-generic-form .bs-tooltip-right .arrow::before {
    border-right-color: #17252e !important
}

.nbd-generic-form .tooltip-img {
    height: 12px;
    width: 12px;
    margin-left: 8px
}

.nbd-generic-form .errhide {
    display: none
}

.nbd-generic-form .error {
    border: 2px solid #d22630 !important
}

.nbd-generic-form .error-text {
    color: #d22630;
    font-family: "Open Sans Regular", sans-serif;
    font-size: 12px;
    line-height: 21px
}

.nbd-generic-success .nbd-generic-heading {
    color: #17252e;
    font-family: 'Nedbank Sans Bold', sans-serif;
    font-size: 32px;
    letter-spacing: -0.57px;
    line-height: 40px;
    display: grid;
    margin-top: 26px;
    margin-bottom: 24px
}

.nbd-generic-success .nbd-generic-desc p {
    width: 100%;
    color: #494f50;
    font-family: "Open Sans Regular", sans-serif;
    font-size: 16px;
    letter-spacing: -0.13px;
    line-height: 24px
}

.nbd-generic-success a {
    width: 100%;
    color: #008533;
    font-family: "Open Sans Regular", sans-serif;
    font-size: 18px;
    letter-spacing: -0.13px;
    line-height: 24px;
    text-decoration: none
}

.nbd-generic-success a:hover {
    color: #008533;
    text-decoration: none
}

.renderFields {
    padding: 0
}

.renderFields>div {
    margin-top: 16px;
    width: 95%;
    max-width: 400px
}

.renderFields>div:first-child {
    margin-top: 0
}

.renderFields>div:first-child hr {
    display: none
}

.renderFields>div .sub-description {
    margin: 15px 0 48px 0
}

.renderFields>div hr {
    width: 100%;
    max-width: 400px;
    margin-top: 45px;
    margin-bottom: 45px;
    border: 0;
    border-top: 1px solid #ccc
}

.renderFields .form-label {
    height: 22px;
    color: #17252e;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 8px;
    font-family: "Open Sans Semibold", sans-serif
}

@media only screen and (max-width:768px) {
    .renderFields .form-label {
        width: 100%
    }
}

.renderFields div {
    display: grid
}

.renderFields input {
    font-family: "Open Sans Regular", sans-serif;
    width: 100%;
    max-width: 400px;
    box-sizing: border-box;
    height: 56px;
    border: 2px solid #bbb;
    background-color: #fff;
    padding: 5px 10px
}

@media only screen and (max-width:768px) {
    .renderFields input {
        width: 100%
    }
}

.renderFields input:focus {
    border: 2px solid #008533;
    outline: #008533 auto 2px
}

.renderFields input:active {
    border: 2px solid #008533
}

.renderFields input[type=radio] {
    height: 24px;
    width: 24px;
    min-width: 24px;
    accent-color: #008533;
    border-color: #78be20
}

.renderFields input[type=radio]:hover {
    accent-color: #008533;
    border-color: #78be20
}

.renderFields input[type=radio]:focus {
    accent-color: #008533;
    border-color: #78be20
}

.renderFields input[type=radio]:focus:hover {
    accent-color: #008533;
    border-color: #78be20
}

.renderFields input[type=radio]:checked:hover {
    accent-color: #008533;
    border-color: #78be20
}

.renderFields label.radio {
    color: #494f50;
    font-family: "Open Sans Regular", sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px
}

.renderFields input[type=checkbox] {
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    min-width: 24px;
    border: 2px solid #bbb;
    border-radius: 5px;
    background-color: #fff;
    accent-color: #008533
}

.renderFields label.checkbox {
    color: #494f50;
    font-family: "Open Sans Regular", sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px
}

.renderFields textarea {
    font-family: "Open Sans Regular", sans-serif;
    box-sizing: border-box;
    height: 80px;
    border: 2px solid #bbb;
    background-color: #fff;
    padding: 5px 10px
}

@media only screen and (max-width:768px) {
    .renderFields textarea {
        width: 100%
    }
}

.renderFields textarea:focus {
    border: 2px solid #008533;
    outline: #008533 auto 2px
}

.renderFields textarea:active {
    border: 2px solid #008533
}

.renderFields select {
    box-sizing: border-box;
    height: 56px;
    border: 2px solid #bbb;
    background-color: #fff
}

@media only screen and (max-width:768px) {
    .renderFields select {
        width: 100%
    }
}

.renderFields select:focus {
    border: 2px solid #008533;
    outline: #008533 auto 2px
}

.renderFields select:active {
    border: 2px solid #008533
}

.renderFields .checkboxoptions.selection {
    display: flex
}

.renderFields .checkboxoptions.selection label {
    margin-left: 10px
}

.renderFields .radiooptions.selection {
    display: flex
}

.renderFields .radiooptions.selection label {
    margin-left: 10px
}

.icons-icon-question-circle {
    height: 12px;
    width: 12px
}

.renderFields>div.field-hide {
    display: none
}

.nbd-generic-container .nbd-generic-modal .modal-content {
    border: 0;
    overflow-y: auto;
    overflow-x: hidden;
    height: 500px
}

.nbd-generic-container .nbd-generic-modal .modal-content .nbd-btn {
    padding: 14px
}

.nbd-generic-container .nbd-generic-modal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    margin: 50px auto
}

.nbd-generic-container .nbd-generic-modal .modal-body {
    padding: 30px
}

.nbd-generic-container .nbd-generic-modal .modal-body h2,
.nbd-generic-container .nbd-generic-modal .modal-body h3 {
    width: 100%;
    height: auto
}

.nbd-generic-container .nbd-generic-modal .modal-body p {
    font-size: 16px;
    line-height: 24px
}

.nbd-generic-container .nbd-generic-modal h4 {
    color: #000;
    font-family: "Nedbank Sans Medium", sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 20px
}

.nbd-generic-container .nbd-generic-modal-para {
    margin-bottom: 56px
}

.nbd-generic-container .nbd-generic-modal-para p {
    color: #17252e;
    font-family: "Open Sans Regular", sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px
}

.nbd-generic-container .nbd-generic-modal-para ol {
    margin-left: -10px
}

.modal-content {
    padding-bottom: 38px
}

.modal-backdrop.show {
    background-color: rgba(255, 255, 255, 0.96)
}

.sub-title-input {
    color: #17252e;
    font-family: "Nedbank Sans Bold", sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 32px
}

@media only screen and (max-width:768px) {
    .sub-title-input {
        width: 100%
    }
}

.sub-description {
    color: #494f50;
    font-family: "Open Sans Regular", sans-serif;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px
}

@media only screen and (max-width:768px) {
    .sub-description {
        width: 100%
    }
}

.submit-btn {
    font-family: "Open Sans Regular", sans-serif;
    max-width: 400px;
    width: 100%;
    height: 56px;
    border-radius: 6px;
    background-color: #17252e;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center
}

@media only screen and (max-width:768px) {
    .submit-btn {
        width: 100%
    }
}

.disclaimer {
    padding: 12px 0 10px 0;
    margin: 10px 0 10px 0;
    color: #008533;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    text-decoration: initial
}

.disclaimer:hover,
.disclaimer:active,
.disclaimer:focus {
    color: #008533;
    text-decoration: none
}

.selection {
    display: block
}

.disclaimer-text-center {
    width: 90%;
    text-align: center;
    max-width: 400px;
    margin-top: 30px
}

@media only screen and (max-width:768px) {
    .disclaimer-text-center {
        width: 100%
    }
}

.disclaimer-text-center .nbd-btn {
    height: auto
}

.nbd-error-alert {
    background-color: #f7d4d7;
    height: 88px;
    padding: 20px 0;
    display: none;
    margin-bottom: 0;
    max-width: 400px;
    position: relative
}

.nbd-error-alert span {
    width: 272px;
    color: #333;
    font-family: "Open Sans Regular";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px
}

.nbd-error-alert .nbd-warning {
    height: 19px;
    width: 22px;
    margin: 2px 11px 0 21px
}

.nbd-error-alert .nbd-close-small {
    height: 14px;
    width: 14px;
    margin: 5px 25px 0 0;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-error-alert {
        margin-right: 25px
    }

    .modal-content {
        padding-bottom: 36px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-auto-complete-list {
        max-width: 390px
    }

    .nbd-error-alert {
        height: 88px;
        padding: 20px 0;
        margin-bottom: 0;
        margin-right: 10px
    }

    .nbd-error-alert span {
        font-size: 16px;
        line-height: 24px
    }

    .nbd-error-alert .nbd-warning {
        height: 19px;
        width: 22px;
        margin: 2px 11px 0 21px
    }

    .nbd-error-alert .nbd-close-small {
        height: 14px;
        width: 14px;
        margin: 5px 25px 0 25px
    }

    .modal-content {
        padding-bottom: 56px
    }
}

@media only screen and (min-width:1024px) {
    .nbd-generic-form h1 {
        font-size: 48px;
        font-family: "Nedbank Sans Bold", sans-serif;
        letter-spacing: -0.4px;
        line-height: 56px;
        margin-top: 80px;
        margin-bottom: 40px
    }

    .nbd-generic-form h3 {
        font-size: 24px;
        line-height: 32px
    }

    .nbd-generic-form p.nbd-pvtcmb-note {
        font-size: 20px;
        letter-spacing: -0.17px;
        line-height: 32px;
        margin-bottom: 65px
    }
}

@media only screen and (min-width:576px) and (max-width:992px) {
    .nbd-generic-container .nbd-generic-modal .modal-content {
        border: 0
    }

    .nbd-generic-container .nbd-generic-modal .modal-dialog {
        max-width: 724px
    }

    .nbd-generic-container .nbd-generic-modal .modal-body {
        padding: 36px 93px 36px 93px
    }

    .nbd-generic-container .nbd-generic-modal h4 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 32px
    }

    .nbd-generic-container .nbd-generic-modal-para {
        margin-bottom: 36px
    }

    .nbd-generic-container .nbd-generic-modal-para p {
        font-size: 16px;
        line-height: 24px
    }

    .nbd-generic-container .nbd-generic-modal-para ol {
        margin-left: 25px
    }
}

@media only screen and (max-width:1024px) {
    .nbd-generic-form .formcontainer .renderFields {
        width: 100%;
        max-width: 500px
    }

    .nbd-generic-form .formcontainer .renderFields.column1 {
        flex: 0 0 100%
    }

    .nbd-generic-form .formcontainer .renderFields.column2 {
        display: none
    }

    .nbd-generic-form .formcontainer .renderFields>div hr {
        width: 100%;
        max-width: 500px
    }

    .nbd-generic-form .mobviewbtn {
        margin-left: 0
    }

    .renderFields>div {
        width: 100%;
        max-width: 500px
    }

    .renderFields input {
        max-width: 500px
    }

    .nbd-error-alert {
        max-width: 500px
    }

    .submit-btn {
        max-width: 500px
    }

    .disclaimer-text-center {
        max-width: 500px;
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .nbd-generic-container .nbd-generic-modal .modal-content {
        border: 0
    }

    .nbd-generic-container .nbd-generic-modal .modal-dialog {
        max-width: 960px
    }

    .nbd-generic-container .nbd-generic-modal .modal-body {
        padding: 35px
    }

    .nbd-generic-container .nbd-generic-modal h4 {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 32px
    }

    .nbd-generic-container .nbd-generic-modal-para {
        margin-bottom: 56px
    }

    .nbd-generic-container .nbd-generic-modal-para p {
        font-size: 16px;
        line-height: 24px
    }

    .nbd-generic-container .nbd-generic-modal-para ol {
        margin-left: 100px
    }

    .nbd-generic-success .nbd-generic-heading {
        width: 598px;
        font-size: 48px;
        font-family: "Nedbank Sans Bold", sans-serif;
        letter-spacing: -0.4px;
        line-height: 56px;
        margin-top: 80px;
        margin-bottom: 40px
    }

    .nbd-generic-success .nbd-generic-desc p {
        font-size: 20px;
        letter-spacing: -0.17px;
        line-height: 32px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .nbd-generic-container .nbd-generic-modal .modal-content {
        border: 0
    }

    .nbd-generic-container .nbd-generic-modal .modal-dialog {
        max-width: 724px
    }

    .nbd-generic-container .nbd-generic-modal .modal-body {
        padding: 35px
    }

    .nbd-generic-container .nbd-generic-modal h4 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 32px
    }

    .nbd-generic-container .nbd-generic-modal-para {
        margin-bottom: 36px
    }

    .nbd-generic-container .nbd-generic-modal-para p {
        font-size: 16px;
        line-height: 24px
    }

    .nbd-generic-container .nbd-generic-modal-para ol {
        margin-left: 25px
    }
}

.loading {
    z-index: 99999;
    content: '';
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
    background: -webkit-radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8))
}

.loading img {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    justify-content: center;
    align-content: center;
    align-self: center
}

input[type=number]::-webkit-inner-spin-button {
    display: none
}

.nbd-generic-form .formcontainer .custom-dropdown {
    position: relative
}

.nbd-generic-form .formcontainer .custom-dropdown select {
    display: none
}

.nbd-generic-form .formcontainer .select-selected {
    background-color: #fff
}

.nbd-generic-form .formcontainer .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent
}

.nbd-generic-form .formcontainer .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px
}

.nbd-generic-form .formcontainer .select-items {
    border: 2px solid #bbb
}

.nbd-generic-form .formcontainer .select-items div {
    font-family: "Open Sans Regular", sans-serif;
    color: #333;
    padding: 14px 16px;
    border: 0 solid #bbb;
    cursor: pointer
}

.nbd-generic-form .formcontainer .select-selected {
    font-family: "Open Sans Regular", sans-serif;
    color: #bbb;
    height: 56px;
    padding: 14px 10px;
    border: 2px solid #bbb;
    cursor: pointer;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/down_arrow.svg'); */
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 25px 25px
}

.nbd-generic-form .formcontainer .select-selected.select-arrow-active {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/up_arrow.svg'); */
    background-position: right 10px top 15px;
    border: 2px solid #008533 !important
}

@media only screen and (max-width:768px) {
    .nbd-generic-form .formcontainer .select-selected {
        width: 100%
    }
}

.nbd-generic-form .formcontainer .select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    max-width: 400px
}

@media only screen and (max-width:768px) {
    .nbd-generic-form .formcontainer .select-items {
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .nbd-generic-form .formcontainer .select-items {
        max-width: 500px
    }
}

.nbd-generic-form .formcontainer .select-hide {
    display: none
}

.nbd-generic-form .formcontainer .select-items div:hover,
.nbd-generic-form .formcontainer .same-as-selected {
    background-color: rgba(0, 0, 0, 0.05)
}

@media only screen and (min-width:1025px) {
    .genericlisting .ng-container.articlewidth {
        max-width: 810px
    }
}

@media only screen and (min-width:767px) {
    .genericlisting .ng-container.articlewidth .list-container .nb-row {
        margin: 0 15px
    }
}

.genericlisting .heading-section {
    display: flex;
    flex-direction: row;
    margin: 0 0 53px 0
}

.genericlisting .heading-section h2 {
    color: #000
}

.genericlisting .heading-section .icon-arrow {
    height: 18px;
    width: 18px;
    margin-left: 10px;
    display: inline-block;
    transition: transform 900ms;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/sort-flip.svg') */
}

.genericlisting .list-container {
    height: auto;
    width: auto;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1)
}

.genericlisting .list-container .nb-row {
    display: none;
    justify-content: space-between;
    padding: 32px 0 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 24px
}

.genericlisting .list-container .nb-row .list-left {
    display: flex
}

.genericlisting .list-container .nb-row .list-left .pdf-icon {
    width: 24px;
    height: 24px;
    margin-top: 10px;
    display: inline-block;
    background-size: cover;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/pdf-icon.svg') */
}

.genericlisting .list-container .nb-row .list-left .list-left-part2 {
    padding-left: 16px
}

.genericlisting .list-container .nb-row .list-left .list-left-part2 .list-detail {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    font-family: 'Libre Franklin', sans-serif;
    display: inline
}

.genericlisting .list-container .nb-row .list-left .list-left-part2 .list-desc {
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 8px 0;
    -webkit-line-clamp: 2;
    font-size: 16px;
    line-height: 24px
}

.genericlisting .list-container .nb-row .list-right {
    float: right;
    margin: 0 0 8px 40px
}

.genericlisting .list-container .nb-row .list-right .list-link {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-align: right;
    display: inline-flex
}

@media only screen and (min-width:1025px) {
    .genericlisting .list-container .nb-row .list-right .list-link {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .genericlisting .list-container .nb-row .list-right .list-link {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .genericlisting .list-container .nb-row .list-right .list-link {
        font-size: 18px;
        line-height: 26px
    }
}

.genericlisting .list-container .nb-row .list-right .nbd-icon-diagonal-arrow {
    height: 24px;
    width: 24px;
    margin: 0 0 0 8px;
    background-image: url('../../../assets/static/media/icons/diagonal-arrow-green.svg')
}

.genericlisting button {
    border: 0;
    outline: 0;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: end;
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #494f50
}

.genericlisting .nbd-show-more-icon {
    top: 0;
    height: 42px;
    width: 42px;
    background-size: 42px 42px
}

.genericlisting #loadMores {
    color: #17252e;
    font-weight: 700;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1025px) {
    .genericlisting #loadMores {
        font-size: 18px;
        line-height: 26px
    }
}

.genericlisting.listvar2 .heading-section {
    margin: 0 24px 53px 24px
}

.genericlisting.listvar2 .list-container {
    box-shadow: none
}

.genericlisting.listvar2 .list-container .nb-row {
    padding: 0 0 40px 0
}

.genericlisting.listvar2 .list-container .nb-row.listingvar2 {
    border-bottom: 0 solid rgba(0, 0, 0, 0.1);
    width: 100%;
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: self-start
}

.genericlisting.listvar2 .list-container .nb-row .list-left {
    display: block
}

.genericlisting.listvar2 .list-container .nb-row .list-left .list-detail {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: start;
    align-items: end
}

.genericlisting.listvar2 .list-container .nb-row .list-left .list-detail .pdf-icon {
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0
}

.genericlisting.listvar2 .list-container .nb-row .list-left a.nbd-btn-tertiary {
    color: #008533
}

.genericlisting.listvar2 .list-container .nb-row .list-left a.nbd-btn-tertiary:hover {
    text-decoration: underline;
    color: #007237
}

.genericlisting.listvar2 .nbd-show-more-container {
    display: none
}

.genericlisting.listvar2 #sortlist {
    display: none
}

@media only screen and (min-width:576px) {
    .genericlisting .list-container .nb-row {
        flex-direction: row
    }

    .genericlisting .list-container .nb-row .list-left .list-left-part2 .list-desc {
        -webkit-line-clamp: 1;
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:767px) {
    .genericlisting .list-container .nb-row {
        flex-direction: row;
        padding: 32px 0;
        margin: 0 24px
    }

    .genericlisting .list-container .nb-row .list-left .pdf-icon {
        width: 40px;
        height: 40px
    }

    .genericlisting .list-container .nb-row .list-right {
        margin: 24px 0 0 0;
        max-width: fit-content
    }
}

@media only screen and (min-width:1025px) {
    .list-container .nb-row .list-left .list-left-part2 .list-desc {
        max-width: 835px
    }

    .genericlisting #loadMores {
        line-height: 24px
    }

    .genericlisting .heading-section h2 {
        padding-left: 0
    }

    .genericlisting.listvar2 .list-container .nb-row.listingvar2 {
        width: 45%
    }
}

.genericlisting.genericlistingv2 .heading-section h2 {
    margin-bottom: 0;
    padding-left: 0
}

.genericlisting.genericlistingv2 .heading-section button {
    padding-right: 0
}

.genericlisting.genericlistingv2 .list-container {
    padding: 24px
}

.genericlisting.genericlistingv2 .list-container .nb-row {
    margin: 0;
    padding: 16px 0 8px 0;
    flex-direction: column;
    align-items: flex-start
}

.genericlisting.genericlistingv2 .list-container .nb-row a[data-toggle="modal"] {
    cursor: pointer
}

.genericlisting.genericlistingv2 .list-container .nb-row .list-left .list-left-part2 {
    display: flex;
    flex-direction: column;
    justify-content: end
}

.genericlisting.genericlistingv2 .list-container .nb-row .list-left .list-left-part2 .list-desc {
    margin: 0 0 8px 0
}

.genericlisting.genericlistingv2 .list-container .nb-row .list-left em {
    width: 24px;
    height: 24px;
    margin-top: 10px;
    display: inline-block;
    background-size: cover
}

.genericlisting.genericlistingv2 .list-container .nb-row .list-left em.pdf-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/pdf-icon.svg') */
}

.genericlisting.genericlistingv2 .list-container .nb-row .list-left em.image-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/image-icon.svg') */
}

.genericlisting.genericlistingv2 .list-container .nb-row .list-left em.doc-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/doc-icon.svg') */
}

.genericlisting.genericlistingv2 .list-container .nb-row .list-left em.xls-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/xslx-icon.svg') */
}

.genericlisting.genericlistingv2 .list-container .nb-row .list-left em.ppt-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/ppt-icon.svg') */
}

.genericlisting.genericlistingv2 .list-container .nb-row .list-left em.video-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/video-icon.svg') */
}

.genericlisting.genericlistingv2 .list-container .nb-row .list-left em.link-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/link-icon.svg') */
}

.genericlisting.genericlistingv2 .list-container .nb-row .list-right {
    margin-left: 40px
}

.genericlisting.genericlistingv2 .list-container .nb-row .list-right .nbd-icon-diagonal-box-arrow {
    height: 24px;
    width: 24px;
    margin: 0 0 0 8px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/diagonal-box-arrow-green.svg') */
}

.genericlisting.genericlistingv2 .list-container .nb-row .list-right .nbd-icon-right-arrow {
    height: 24px;
    width: 24px;
    margin: 4px 0 0 8px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/button/right-arrow-green.svg'); */
    background-repeat: no-repeat
}

.genericlisting.genericlistingv2 .list-container .nb-row .list-right .list-link {
    cursor: pointer
}

.genericlisting.genericlistingv2 .list-container .modal {
    background-color: rgba(255, 255, 255, 0.9)
}

.genericlisting.genericlistingv2 .list-container .modal .modal-dialog {
    margin: 40px auto;
    padding: 0 24px;
    max-width: 75%;
    width: fit-content;
    min-width: 350px
}

.genericlisting.genericlistingv2 .list-container .modal .modal-content {
    background-color: transparent;
    border: 0
}

.genericlisting.genericlistingv2 .list-container .modal .modal-content .modal-header {
    padding: 8px 0 32px 0;
    align-items: center;
    display: flex
}

.genericlisting.genericlistingv2 .list-container .modal .modal-content .modal-header span a img {
    margin-left: 8px
}

.genericlisting.genericlistingv2 .list-container .modal .modal-body {
    padding: 0;
    display: flex;
    background-color: #fff
}

.genericlisting.genericlistingv2 .list-container .modal .modal-body img {
    width: 100%;
    height: auto;
    max-height: 500px;
    display: block
}

.genericlisting.genericlistingv2 .list-container .modal .modal-body iframe {
    width: 100%;
    height: auto;
    min-height: 200px
}

.genericlisting.genericlistingv2 .list-container .modal.videoviewer .modal-dialog {
    max-width: 1024px;
    height: auto;
    max-height: 600px;
    margin: 40px auto;
    width: 100%;
    padding: 0 24px
}

.genericlisting.genericlistingv2 .list-container .modal.videoviewer .modal-content .modal-header {
    display: flex;
    align-self: flex-end
}

@media only screen and (min-width:576px) {
    .genericlisting.genericlistingv2 .list-container .nb-row {
        flex-direction: row;
        align-items: center
    }

    .genericlisting.genericlistingv2 .list-container .nb-row .list-right {
        margin: 0
    }

    .genericlisting.genericlistingv2 .list-container .nb-row .list-left .list-left-part2 .list-desc {
        margin: 0 0 4px 0
    }

    .genericlisting.genericlistingv2 .list-container .modal {
        margin-top: 64px
    }

    .genericlisting.genericlistingv2 .list-container .modal .modal-dialog {
        margin: 40px auto 20px;
        width: fit-content;
        min-width: 350px;
        max-width: 1024px;
        height: auto;
        max-height: 500px
    }

    .genericlisting.genericlistingv2 .list-container .modal .modal-body iframe {
        min-height: 450px
    }

    .genericlisting.genericlistingv2 .list-container .modal.videoviewer .modal-dialog {
        margin: 0 auto;
        width: 75%
    }
}

.nbd-social-share-wrapper .nbd-hiddden-data {
    display: none
}

.nbd-social-share-wrapper a {
    cursor: pointer;
    max-width: 22px
}

.nbd-social-share-wrapper {
    display: flex;
    left: 80%;
    z-index: 999
}

.nbd-social-share-wrapper.nbd-disp-vertical {
    flex-direction: column
}

.nbd-social-share-wrapper.nbd-disp-fixed {
    position: fixed
}

.nbd-social-share-wrapper.nbd-disp-absolute {
    position: absolute
}

@media only screen and (max-width:1023px) {
    .white-circle {
        background: #fff;
        padding: 5px;
        border-radius: 50%;
        box-shadow: 0 6px 8px 0 rgba(23, 37, 46, 0.1)
    }

    .nbd-icon-hide {
        display: none
    }

    .nbd-social-share-wrapper.nbd-disp-horizontal {
        flex-direction: column
    }

    .nbd-social-share-wrapper a img {
        height: 32px;
        width: 32px;
        margin: 0 15px 15px 0
    }
}

@media only screen and (min-width:1024px) {

    .nbd-social-share-wrapper .nbd-social-share-icon,
    .nbd-social-share-wrapper .nbd-social-share-close-icon {
        display: none
    }

    .nbd-social-share-wrapper.nbd-disp-horizontal {
        flex-direction: row
    }

    .nbd-social-share-wrapper a img {
        height: 24px;
        width: 24px;
        margin: 0 15px 8px 0
    }
}

.no-padding-margin {
    padding: 0;
    margin: 0
}

.termscontainer.nb-head-container {
    padding: 7px 20px 20px 20px
}

.termscontainer .title-h1 {
    color: #17252e;
    text-align: center;
    margin-bottom: 20px
}

.termscontainer .ng-page-head-info {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

@media only screen and (min-width:576px) {
    .termscontainer .ng-page-head-info {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .termscontainer .ng-page-head-info {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-legal-links-content {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 22.5px
}

.nbd-legal-links-content ul {
    padding: 0;
    margin: 0
}

.nbd-legal-links-content ul li {
    list-style-type: none;
    padding: 28px 0 28px 0;
    border-bottom: 1.5px solid #e5edec;
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2)
}

.nbd-legal-links-content ul li a {
    width: 100%;
    height: 100%
}

.nbd-legal-links-content ul li a span {
    color: #17252e;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 28px;
    display: block;
    max-width: 228px;
    margin-left: 20px
}

@media only screen and (min-width:1025px) {
    .nbd-legal-links-content ul li a span {
        font-size: 24px;
        line-height: 32px
    }
}

.nbd-legal-links-content .nbd-arrow-broad {
    margin-top: -15px;
    margin-right: 20px;
    float: right;
    height: 14px;
    width: 24px;
    outline: 0;
    transition: transform 900ms;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow.svg') */
}

.nbd-legal-links-content ul li:hover .nbd-arrow-broad {
    transform: translateX(8px);
    margin-right: 0;
    width: 34px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg') */
}

.nbd-legal-links-content .back-arrow {
    display: block;
    height: 13px;
    width: 22px;
    margin: 5px 10px 0 0;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/back-arrow.svg') */
}

.nbd-legal-links-content .back-link {
    margin: 0 0 16.5px 0
}

.nbd-legal-links-content .back-link .back:hover .back-arrow {
    margin: 5px 8px 0 -10px;
    width: 34px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/Lefthoverarrow.svg') */
}

.nbd-legal-links-content .back {
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-decoration: none;
    display: flex
}

@media only screen and (min-width:1025px) {
    .nbd-legal-links-content .back {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-legal-links-content .back:hover {
    color: #008533
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-legal-links-content {
        padding-left: 115px;
        padding-right: 115px;
        margin-top: 28.5px
    }

    .nbd-legal-links-content ul li {
        list-style-type: none;
        padding: 24px 0 24px 0;
        border-bottom: 1.5px solid #e5edec;
        margin-left: auto;
        margin-right: auto;
        width: auto
    }

    .nbd-legal-links-content ul li a span {
        max-width: 526px;
        margin-left: 0
    }

    .nbd-legal-links-content .back-link {
        margin: 0 0 16.5px 0
    }
}

@media only screen and (min-width:1025px) {
    .ng-page-breadcrumb {
        margin: 5px 0 0 105px
    }

    .termscontainer.nb-head-container {
        padding: 80px 0 67px 0
    }

    .termscontainer.nb-head-container .title-h1 {
        margin-bottom: 40px
    }

    .nbd-legal-links-content {
        padding-left: 315px;
        padding-right: 315px;
        margin-top: 39.5px
    }

    .nbd-legal-links-content .back-link {
        width: 810px
    }

    .nbd-legal-links-content ul li {
        list-style-type: none;
        padding: 24px 0 24px 0;
        border-bottom: 1.5px solid #e5edec;
        margin-left: auto;
        width: auto
    }

    .nbd-legal-links-content ul li a span {
        max-width: 731px;
        margin-left: 0
    }

    .nbd-legal-links-content .back-link {
        margin: 0 0 36.5px 0
    }
}

.leftnav-container .fixme {
    width: 100%;
    z-index: 99
}

.leftnav-container .nbd-form-group {
    margin-bottom: 0
}

.leftnav-container .nbd-form-group label {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    margin: 0 0 6px 0
}

.leftnav-container .nbd-form-group input[type="text"] {
    height: 56px;
    width: 100%;
    max-width: 390px;
    border: 2px solid #bbb;
    border-radius: 0
}

.leftnav-container .nbd-form-group .dropdown-toggle::after {
    position: absolute;
    right: 20px;
    top: 25px;
    content: none
}

.leftnav-container .nbd-form-group .form-control:focus {
    box-shadow: none
}

.leftnav-container .nbd-form-group .btn {
    box-shadow: none
}

.leftnav-container .nbd-cmb-dropdown {
    height: 60px;
    width: 100%;
    text-align: left
}

.leftnav-container .nbd-cmb-dropdown button {
    padding: 12px 13px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    border: 2px solid #bbb;
    text-align: left
}

@media only screen and (min-width:1025px) {
    .leftnav-container .nbd-cmb-dropdown button {
        font-size: 18px;
        line-height: 26px
    }
}

.leftnav-container .nbd-cmb-dropdown .dropdown-menu.show {
    width: 100%;
    margin: 0;
    border: 2px solid #bbb;
    z-index: 1231;
    border-top: none !important
}

.leftnav-container .nbd-cmb-dropdown .dropdown-item {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 6px 13px;
    width: 100%;
    text-align: left;
    color: #17252e
}

@media only screen and (min-width:1025px) {
    .leftnav-container .nbd-cmb-dropdown .dropdown-item {
        font-size: 18px;
        line-height: 26px
    }
}

.leftnav-container .nbd-cmb-dropdown .dropdown-item.active {
    background-color: #eee;
    color: #17252e
}

.leftnav-container .nbd-cmb-dropdown .btn {
    display: flex;
    border-radius: 0;
    max-width: 349px
}

.leftnav-container .nbd-cmb-dropdown .btn span {
    width: 100%;
    color: #17252e
}

.leftnav-container .nbd-cmb-dropdown .dropdown-menu {
    border-radius: 0
}

.leftnav-container .nbd-cmb-dropdown.show .nbd-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/up_arrow.svg'); */
    margin-top: 5px
}

.leftnav-container .nbd-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/down_arrow.svg'); */
    display: block;
    width: 22px;
    height: 22px;
    margin-top: 0;
    margin-left: auto;
    position: relative;
    right: unset
}

.leftnav-container .container {
    padding: 0;
    max-width: 100%
}

.leftnav-container .nbd-leftnav-tabs .cmp-tabs__tab--active {
    border-bottom: 3px solid #008533
}

.leftnav-container .nbd-leftnav-tabs .cmp-tabs__tab--active:focus {
    outline: 0
}

.leftnav-container .nbd-leftnav-tabs.cmp-tabs__tablist {
    margin-bottom: 0;
    display: inline-block;
    flex-wrap: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    margin-right: -10px
}

.leftnav-container .nbd-leftnav-tabs.cmp-tabs__tablist::-webkit-scrollbar {
    display: none
}

.leftnav-container .nbd-leftnav-tabs .cmp-tabs__tab {
    margin: 0 20px;
    padding: 0 0 4px 0;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #17252e;
    flex: 0 0 auto;
    padding-left: 0
}

.leftnav-container .nbd-leftnav-tabs .cmp-tabs__tab.cmp-tabs__tab--active {
    font-weight: 500 !important
}

.leftnav-container .mobile-view .cmp-tabs__tab {
    box-sizing: border-box;
    height: 50px;
    width: 280px;
    border: 2px solid #bbb
}

.leftnav-container .cmp-tabs__tabpanel {
    margin-top: 8px;
    margin-bottom: 32px;
    padding-bottom: 42px;
    padding-top: 0;
    border: 0
}

.leftnav-container .nbd-leftnav-medium {
    display: block
}

.leftnav-container .nbd-leftnav-large {
    display: none
}

.leftnav-container .nbd-ln-form {
    background-color: #fff;
    box-shadow: 8px 2px 9px -4px #ccc;
    padding: 44px 20px 31px 20px;
    position: relative;
    margin: 0 -22px
}

.leftnav-container .nbd-cmb-dropdown.show .nbd-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/up_arrow.svg'); */
    margin-top: 5px
}

.leftnav-container .nbd-cmb-dropdown .dropdown-menu.show {
    width: 100%;
    max-width: 349px;
    margin: 0;
    border: 2px solid #bbb;
    z-index: 1231
}

.leftnav-container button.nbd-darkgreen-border-dropdown {
    border-color: #006341 !important;
    border-style: solid !important;
    border-width: 2px 2px 0 2px !important;
    border-bottom: 2px solid #eee !important
}

.leftnav-container .text-danger {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.leftnav-container .ng-container {
    margin: 0
}

.leftnav-container .leftnavng-container {
    margin: 40px 22px
}

.leftnav-container .leftnav-container.cmp-tabs__tabpanel {
    padding-bottom: 42px
}

.leftnav-container .leftnav-container.cmp-tabs__tabpanel .container {
    padding: 0
}

.leftnav-container .leftnav-container.cmp-tabs__tablist li:first-child {
    margin-left: 0
}

.leftnav-container .cmp-tabs__tab--active:hover {
    outline: 0
}

.leftnav-container .cmp-tabs__tabpanel--active:focus {
    outline: 0
}

.leftnav-container .cmp-tabs__tabpanel--active:hover {
    outline: 0
}

.nbd-darkgreen-border-dropdown.leftnav-container+.dropdown-menu[x-placement=bottom-start] {
    border-color: #006341 !important;
    border-style: solid !important;
    border-width: 0 2px 2px 2px !important
}

.leftnav-container .tabsnedbank .contentTabs.cmp-tabs__tabpanel {
    padding: 32px 0;
    border-bottom: 1px solid #e5edec
}

@media only screen and (min-width:768px) {
    .leftnav-container .cmp-tabs__tabpanel:hover {
        outline: 0
    }

    .leftnav-container .ng-container {
        margin: 0 22px
    }

    .leftnav-container .nbd-ln-form {
        box-shadow: none;
        padding: 0 22px 32px 22px
    }

    .leftnav-container .tabsnedbank .contentTabs.cmp-tabs__tabpanel {
        border: 1px solid #e5edec
    }

    .leftnav-container .tabsnedbank .contentTabs.cmp-tabs__tabpanel .container {
        padding: 0 15px
    }
}

@media only screen and (min-width:992px) {
    .leftnav-container .cmp-tabs__tablist.nbd-leftnav-tabs .cmp-tabs__tab {
        margin: 0 0 9px 0
    }

    .leftnav-container .cmp-tabs__tabpanel {
        margin-bottom: 48px
    }
}

@media only screen and (min-width:1025px) {
    .leftnav-container .leftnavng-container {
        margin-top: 128px
    }

    .leftnav-container .nbd-leftnav-large {
        display: block
    }

    .leftnav-container .nbd-leftnav-medium {
        display: none
    }

    .leftnav-container .cmp-tabs__tabpanel {
        margin-top: 0
    }

    .leftnav-container .tabsnedbank .contentTabs.cmp-tabs__tabpanel {
        padding: 48px 0;
        border: 1px solid #e5edec
    }
}

.nbd-quotation {
    color: #17252e;
    display: flex;
    padding: 25px 0
}

.nbd-quotation blockquote {
    margin-bottom: 0;
    flex-direction: column;
    flex: 1;
    align-items: center;
    min-height: 300px
}

.nbd-quotation blockquote q {
    quotes: "“" "”" "‘" "’";
    font-size: 150px;
    max-height: 50px;
    line-height: 100%;
    margin-bottom: 20px
}

.nbd-quotation blockquote q::before {
    content: open-quote
}

.nbd-quotation blockquote q::after {
    content: none
}

.nbd-quotation blockquote h2 {
    text-align: center;
    padding: 0 16px 0 16px;
    flex: 1;
    margin-bottom: 20px
}

.nbd-quotation blockquote h2 p {
    margin: 0
}

.nbd-quotation blockquote figcaption {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center
}

.nbd-quotation .nbd-link-to-source {
    color: #008533;
    text-decoration: underline !important
}

.nbd-quotation .nbd-link-to-source:hover {
    color: #008533;
    text-decoration: underline !important
}

.nbd-quotation .nbd-line {
    border-bottom: 1.5px solid #78be20;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #494f50;
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 0;
    min-width: 100px
}

.nbd-quotation .nbd-bold-sub-title {
    border-left: 4px solid #78be20;
    width: auto;
    margin: auto;
    min-height: 1px;
    margin-bottom: 20px;
    padding-left: 36px
}

.nbd-quotation .nbd-bold-sub-title h3 {
    margin-bottom: 9px
}

.nbd-quotation .nbd-bold-sub-title p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-quotation blockquote q {
        font-size: 120px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-quotation {
        padding: 15px 0;
        max-width: 100%
    }

    .nbd-quotation blockquote {
        padding: 0 15%
    }

    .nbd-quotation blockquote q {
        font-size: 150px;
        max-height: 60px
    }

    .nbd-quotation blockquote h2 {
        padding: 0 24px 0 24px
    }

    .nbd-quotation .nbd-bold-sub-title {
        padding-right: 15%
    }

    .nbd-quotation .nbd-bold-sub-title h3 {
        margin-bottom: 12px
    }
}

.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    float: left
}

.flex-start {
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.flex-end {
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.center {
    -webkit-align-items: center;
    align-items: center
}

.baseline {
    -webkit-align-items: baseline;
    align-items: baseline
}

.stretch {
    -webkit-align-items: stretch;
    align-items: stretch
}

.nbd-legal-content {
    background-color: #fafafa;
    margin: 80px auto 80px auto;
    padding: 30px 0 30px 0
}

.nbd-legal-content .nbd-legal-content-heading {
    color: #17252e
}

.nbd-legal-content .nbd-legal-content-text {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #494f50;
    margin-top: 38px
}

.nbd-legal-content .nbd-legal-bottom-text {
    margin-top: 48px
}

.nbd-legal-content .nbd-legal-content-table {
    margin: 52px 0 0 0
}

.nbd-legal-content .nbd-legal-content-table .row {
    margin-left: 0;
    margin-right: 0
}

.nbd-legal-content .nbd-legal-content-table .nbd-th {
    opacity: .87;
    color: #494f50;
    padding-left: 0;
    border-bottom: 1px solid #a3a3a3;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px
}

.nbd-legal-content .nbd-legal-content-table .nbd-td {
    opacity: .87;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding-left: 0;
    border-bottom: 1px solid #a3a3a3;
    padding-top: 15px;
    padding-bottom: 15px
}

.nbd-legal-content .ng-container-legaltable {
    margin: 0 22px
}

.nbd-legal-content .nbd-hidden-data {
    display: none
}

@media only screen and (min-width:576px) and (max-width:991px) {
    .nbd-legal-content .ng-container-legaltable {
        margin: 0 22px
    }

    .nbd-legal-content .nbd-hidden-data {
        display: block
    }
}

@media only screen and (min-width:992px) {
    .nbd-legal-content .ng-container-legaltable {
        padding: 0 106px;
        margin: 0
    }

    .nbd-legal-content .nbd-hidden-data {
        display: block
    }
}

.repayment-container .row div>div[class^='card'] {
    display: block
}

.calculator-container {
    padding: 0
}

.repayment-container .change-rate:focus {
    outline: 0
}

.repayment-container .nbd-title {
    color: #17252e;
    padding-bottom: 24px
}

.repayment-container .nbd-title .nbd-tooltip {
    display: inline-block;
    float: none
}

.repayment-container .result-panel {
    background-color: #fafafa;
    padding: 30px 10px;
    border-radius: 5px;
    margin-bottom: 32px;
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

.repayment-container .result-panel .green-text {
    color: #0C8450
}

.repayment-container .calc-header {
    padding-bottom: 24px;
    color: #494f50
}

.repayment-container .nbd-shadow-hr {
    margin: 0;
    content: "";
    position: relative;
    width: 100%;
    bottom: 43px;
    z-index: -1;
    transform: scale(0.8);
    box-shadow: 0 0 40px 15px rgba(0, 0, 0, 0.1)
}

.repayment-container .tooltip {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

.repayment-container .tooltip .tooltip-inner {
    background-color: #17252e;
    border-radius: 5px;
    min-width: 250px;
    padding: 15px 10px;
    text-align: unset
}

.repayment-container .modal-footer .nbd-btn {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .repayment-container .modal-footer .nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .repayment-container .modal-footer .nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .repayment-container .modal-footer .nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

.repayment-container .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    border-bottom-color: #17252e !important
}

.repayment-container .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #17252e !important
}

.repayment-container .bs-tooltip-auto[x-placement^=top] .arrow::before {
    border-top-color: #17252e !important
}

.repayment-container .bs-tooltip-top .arrow::before {
    border-top-color: #17252e !important
}

.repayment-container .bs-tooltip-auto[x-placement^=left] .arrow::before {
    border-left-color: #17252e !important
}

.repayment-container .bs-tooltip-left .arrow::before {
    border-left-color: #17252e !important
}

.repayment-container .bs-tooltip-auto[x-placement^=right] .arrow::before {
    border-right-color: #17252e !important
}

.repayment-container .bs-tooltip-right .arrow::before {
    border-right-color: #17252e !important
}

.repayment-container .tooltip-img {
    height: 12px;
    width: 12px;
    margin-left: 8px
}

.repayment-container .right-panel .nbd-title {
    padding-bottom: 16px
}

.repayment-container .left-panel>div {
    padding-bottom: 42px
}

.repayment-container .left-panel .person-loan-wrapper {
    padding-bottom: 16px
}

.repayment-container .btn {
    height: 56px
}

.repayment-container .radio-wrapper label {
    display: block;
    padding: 0 0 0 43px;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.repayment-container .interest-result {
    color: #17252e;
    text-align: left
}

.repayment-container .change-rate {
    background-color: transparent;
    border: 0;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    outline: 0
}

.repayment-container .interest-rate-desc .cmp-text p {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.repayment-container .interest-rate-desc .cmp-text a,
.repayment-container .interest-rate-desc .cmp-text a:hover,
.repayment-container .interest-rate-desc .cmp-text a:focus {
    color: #008533;
    text-decoration: underline !important
}

.repayment-container .interest-rate .slidecontainer {
    padding-top: 32px;
    padding-bottom: 32px
}

.repayment-container .modal-lg {
    height: auto
}

.repayment-container .modal-content {
    border: 0;
    padding-bottom: 20px !important
}

.repayment-container .modal-backdrop.show {
    background-color: rgba(255, 255, 255, 0.96)
}

.repayment-container .modal-footer {
    border-top: 0;
    padding: 0
}

.repayment-container .close {
    color: #17252e;
    font-size: 4rem;
    font-weight: unset
}

.repayment-container .close img {
    height: 42px;
    width: 42px
}

.repayment-container .popup-buttons {
    width: 100%
}

.repayment-container .popup-footer-note {
    color: #494f50;
    padding-bottom: 24px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.repayment-container .card-body {
    padding: 0
}

.repayment-container .breakdown-header {
    padding-left: 0
}

.repayment-container .down-arrow {
    display: inline-block;
    background-image: url('../../../assets/static/media/icons/up_arrow_cr.svg');
    background-repeat: no-repeat;
    height: 21px;
    width: 25px;
    float: right
}

.repayment-container .collapsed .down-arrow {
    background-image: url('../../../assets/static/media/icons/down_arrow_cr.svg')
}

.repayment-container .change-rate-wrapper {
    padding: 0
}

.repayment-container .nbd-btn-secondary:focus {
    border: 2px solid #007237;
    box-shadow: none
}

.repayment-container .nbd-card-amount {
    padding-bottom: 22px;
    text-align: left
}

.repayment-container .nbd-personal-loan {
    color: #000;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.repayment-container .nbd-description {
    color: #17252e;
    margin: 31px 10px 1px 10px
}

.repayment-container .hide-text {
    display: none
}

.repayment-container .loan-desc {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px
}

.repayment-container .text-muted {
    color: #494f50 !important
}

.repayment-container .nbd-details-row {
    display: block;
    width: 100%;
    padding: 21px 10px 0 10px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.23)
}

.repayment-container .nbd-details-col-1 {
    color: #494f50;
    margin: 0;
    width: 100%
}

.repayment-container .nbd-details-col-1 P {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.repayment-container .nbd-details-col-1 P:first-child {
    margin-bottom: 3px
}

.repayment-container .nbd-details-col-2 {
    color: #494f50;
    padding: 0;
    margin: 0;
    width: 100%
}

.repayment-container .nbd-details-col-2 P {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.repayment-container .breakdown-val {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 24px;
    line-height: 32px;
    color: #17252e;
    font-weight: 500;
    margin-bottom: 12px
}

@media only screen and (min-width:576px) {
    .repayment-container .breakdown-val {
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-width:1025px) {
    .repayment-container .breakdown-val {
        font-size: 32px;
        line-height: 40px
    }
}

.repayment-container .nbd-currency-input {
    position: relative;
    top: 28px;
    right: inherit;
    bottom: inherit;
    left: 15px;
    display: block;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    line-height: 0;
    color: #17252e
}

.repayment-container .nbd-form-control {
    padding-left: 26px;
    border-radius: 0;
    color: #17252e;
    font-weight: 700;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.repayment-container .nbd-anchor-btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.repayment-container .modal-body {
    padding-bottom: 31px
}

.calculator-container .nbd-btn {
    margin: 6px 0 6px 0 !important
}

.repayment-container .radio-wrapper {
    margin-bottom: 16px
}

.repayment-container .nbd-details-col-2 p {
    margin-bottom: 12px
}

.repayment-container .loan-insurance-link {
    color: #008533;
    text-decoration: underline !important;
    font-weight: 400
}

.repayment-container .loan-insurance-link:hover {
    color: #78be20
}

.loan-insurance-link:focus {
    color: #78be20
}

input[type=number]::-ms-clear {
    display: none
}

.range-info {
    display: inline;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.bubble {
    padding: 4px 12px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    color: #17252e;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 28px
}

@media only screen and (min-width:1025px) {
    .bubble {
        font-size: 24px;
        line-height: 32px
    }
}

.bubble::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    top: -1px;
    left: 50%
}

.tabsng-container .tabsnedbank .repayment-container .modal {
    z-index: 1060
}

.tabsng-container .tabsnedbank .repayment-container .modal .modal-dialog {
    margin-top: 16px
}

@media only screen and (min-width:768px) {
    .calculator-container {
        padding: 0 0 32px
    }

    .repayment-container .left-panel {
        padding-right: 20px;
        padding-top: 32px
    }

    .repayment-container .left-panel .person-loan-wrapper {
        padding-bottom: 0
    }

    .repayment-container .right-panel {
        padding-left: 20px
    }

    .repayment-container .right-panel .nbd-title {
        padding-bottom: 8px
    }

    .repayment-container .result-panel {
        padding: 32px 24px;
        border-radius: 10px;
        margin-bottom: 31px
    }

    .repayment-container .modal-lg {
        max-width: 724px;
        height: auto
    }

    .repayment-container .card-body {
        padding: 0 61px
    }

    .repayment-container .nbd-card-amount {
        padding-bottom: 16px
    }

    .repayment-container .hide-text {
        display: block
    }

    .repayment-container .nbd-details-row {
        display: inline-flex;
        padding: 16px 0
    }

    .repayment-container .breakdown-val {
        margin-bottom: 0
    }

    .repayment-container .nbd-details-col-2 p {
        margin-bottom: 0
    }

    .repayment-container .nbd-description {
        margin: 72px 0 24px 0
    }

    .repayment-container .modal-content {
        padding-bottom: 30px !important
    }

    .repayment-container .close {
        margin-top: 37px
    }

    .modal-footer {
        padding: 0 61px
    }
}

@media only screen and (min-width:992px) {
    .calculator-container {
        padding: 5px 46px
    }

    .repayment-container .left-panel {
        padding-right: 67px;
        padding-top: 0
    }

    .repayment-container .right-panel {
        padding-left: 67px;
        margin-top: -12px
    }

    .repayment-container .right-panel .nbd-title {
        padding-bottom: 14px
    }

    .repayment-container .calc-header {
        padding-bottom: 58px;
        margin-bottom: 0
    }

    .repayment-container .result-panel {
        padding: 32px 42px 16px 42px;
        margin-bottom: 42px
    }

    .repayment-container .modal-lg {
        max-width: 1018px;
        height: auto
    }

    .repayment-container .modal-content {
        padding: 40px 0;
        padding-bottom: 50px !important
    }

    .repayment-container .card-body {
        padding: 0 75px
    }

    .repayment-container .modal-footer {
        padding: 0 75px
    }

    .repayment-container .nbd-description {
        text-align: left;
        margin: 54px 0 32px 0
    }

    .repayment-container .loan-desc {
        margin-top: 8px
    }

    .repayment-container .change-rate-wrapper {
        margin-top: 16px
    }

    .repayment-container .modal-body {
        padding-bottom: 39px
    }

    .repayment-container .popup-footer-note {
        padding-bottom: 0
    }

    .repayment-container .radio-wrapper {
        margin-bottom: 14px
    }

    .repayment-container .panel-button {
        padding-right: 0 !important;
        padding-left: 13px !important
    }
}

.cmp-tabs__tabpanel--active:foucs {
    border: 0
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.radio-wrapper {
    position: relative
}

.radio-wrapper input {
    height: 20px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.radio-wrapper input+label::before {
    border: 2px solid #bbb;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 24px;
    border-radius: 50%
}

.radio-wrapper input+label::after {
    content: "";
    opacity: 0;
    border: 7px solid #78be20;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 7px;
    transition: opacity .2s ease-in-out
}

.radio-wrapper input:checked+label::after {
    opacity: 1
}

.radio-wrapper input:checked+label::before {
    border: 2px solid #78be20
}

.radio-wrapper input:focus+label::before {
    box-shadow: 0 0 0 1px #78be20;
    outline: 2px solid transparent
}

@media(max-width:767px) {
    .repayment-container .right-panel {
        padding-left: 0;
        padding-right: 0
    }

    .repayment-container .result-panel {
        padding: 30px 15px
    }

    .repayment-container .modal-content {
        padding-left: 14px;
        padding-right: 14px
    }

    .repayment-container .modal-body {
        padding-left: 0;
        padding-right: 0
    }

    .repayment-container .popup-footer-note {
        padding: 0 0 26px 0 !important
    }

    .repayment-container .modal-footer .col-sm-12 {
        padding-left: 0;
        padding-bottom: 0
    }

    .repayment-container .button-wrapper {
        width: 100%;
        margin: 0
    }
}

.nbd-tft-mobile-view p,
.nbd-tft-mobile-view h1,
.nbd-tft-mobile-view h2 {
    margin: 0
}

.nbd-tft-mobile-view {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: calc((100% - 100vw) / 2);
    margin-right: calc((100% - 100vw) / 2)
}

.nbd-tft-mobile-view .nbd-tft-container {
    padding: 18px auto
}

.nbd-tft-mobile-view .nbd-tft-heading {
    margin: 40px 18px 0 18px;
    display: block
}

.nbd-tft-mobile-view .nbd-tft-left-heading {
    color: #17252e;
    margin-bottom: 16px
}

.nbd-tft-mobile-view .nbd-tft-right-heading {
    color: #17252e
}

.nbd-tft-descwithbullets {
    padding: 24px 18px 0 18px
}

.nbd-tft-descwithbullets .nbd-tft-desc-head {
    color: #17252e;
    margin-bottom: 16px
}

.nbd-tft-descwithbullets .nbd-tft-desc-bullets span {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-tft-descwithbullets .nbd-tft-desc-bullets ul {
    padding-inline-start: 18px !important
}

.nbd-tft-descwithbullets .nbd-tft-desc-bullets ul li {
    margin-bottom: 8px
}

.nbd-tft-descwithbullets .nbd-tft-desc-bullets ul li::marker {
    font-size: 12px
}

.nbd-tft-mobile-view .nbd-tft-subheading {
    display: block;
    margin: 40px 18px 24px 18px;
    letter-spacing: 0
}

.nbd-tft-mobile-view .nbd-tft-subheading h3 {
    color: #17252e;
    margin: 0 0 24px 0
}

.nbd-tft-mobile-view .nbd-tft-subheading p {
    color: #494f50;
    font-weight: 700;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.nbd-tft-mobile-view .nbd-tft-subheading p span {
    font-family: 'Open Sans Regular', sans-serif
}

.nbd-tft-mobile-view .nbd-tft-accord-div {
    color: #494f50;
    margin: 0 18px 38px 18px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-tft-mobile-view .nbd-tft-accord-heading {
    align-items: center
}

.nbd-tft-mobile-view .nbd-tft-accord-heading:last-child {
    margin: 0 !important
}

.nbd-tft-mobile-view .nbd-tft-accord-heading:not(:last-child) {
    margin: 0 0 16px 0
}

.nbd-tft-mobile-view img {
    height: 24px;
    width: 24px;
    margin-right: 16px
}

.nbd-tft-mobile-view .nbd-tft-card {
    border: none !important
}

.nbd-tft-mobile-view .nbd-tft-card-body {
    padding: 0 !important
}

.nbd-tft-mobile-view .nbd-tft-card-div,
.nbd-tft-mobile-view .nbd-tft-card-highlight-div {
    display: flex
}

.nbd-tft-mobile-view .nbd-tft-card-highlight-div {
    background-color: #fafafa;
    padding: 18px
}

.nbd-tft-mobile-view .nbd-tft-card-div:not(:last-child) {
    padding: 18px 18px 0 18px
}

.nbd-tft-mobile-view .nbd-tft-card-div:last-child {
    padding: 18px
}

.nbd-tft-mobile-view .nbd-tft-card-div .nbd-tft-card-span {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-tft-mobile-view .nbd-tft-card-highlight-div .nbd-tft-card-span {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.nbd-tft-mobile-view .nbd-tft-card-header {
    padding: 18px;
    background-color: #fff;
    border-bottom: 3px solid #e5edec
}

.nbd-tft-mobile-view .nbd-tft-card-header a {
    display: flex
}

.nbd-tft-mobile-view .nbd-tft-card-header h4 {
    color: #17252e
}

.nbd-tft-mobile-view .nbd-tft-card-header object {
    margin-left: auto
}

.nbd-tft-mobile-view .nbd-tft-header-img {
    filter: brightness(0) saturate(100%) invert(24%) sepia(94%) saturate(2222%) hue-rotate(137deg) brightness(99%) contrast(100%);
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-position-x: right;
    border: none !important
}

.nbd-tft-mobile-view .nbd-tft-card-header .nbd-tft-down-arrow {
    /* content: url('../../../content/dam/nedbank/icons/resources/arrow-down-grey.svg') */
}

.nbd-tft-mobile-view .nbd-tft-card-header .nbd-tft-up-arrow {
    /* content: url('../../../content/dam/nedbank/icons/resources/arrow-up-grey.svg') */
}

@media only screen and (min-width:768px) {
    .nbd-tft-mobile-view .nbd-tft-margin {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 80px
    }

    .nbd-tft-left-heading {
        margin-bottom: 0 !important
    }

    .nbd-tft-mobile-view .nbd-tft-heading {
        margin: 0 22px 0 22px;
        display: flex
    }

    .nbd-tft-putright {
        margin-left: auto !important
    }

    .nbd-tft-mobile-view .nbd-tft-right-heading {
        line-height: 32px
    }

    .nbd-tft-descwithbullets {
        padding: 32px 22px 0 22px
    }

    .nbd-tft-descwithbullets .nbd-tft-desc-head {
        margin-bottom: 24px
    }

    .nbd-tft-mobile-view .nbd-tft-subheading {
        margin: 40px 22px 32px 22px
    }

    .nbd-tft-mobile-view .nbd-tft-subheading h3 {
        margin: 0 0 32px 0
    }

    .nbd-tft-descwithbullets .nbd-tft-desc-bullets ul {
        margin-bottom: 0 !important
    }

    .nbd-tft-descwithbullets .nbd-tft-desc-bullets ul li {
        margin-bottom: 0
    }

    .nbd-tft-mobile-view .nbd-tft-accord-div {
        margin: 0 22px 40px 22px
    }

    .nbd-tft-mobile-view .nbd-tft-card-header {
        padding: 16px 22px
    }

    .nbd-tft-mobile-view .nbd-tft-card-highlight-div {
        padding: 10px 22px
    }

    .nbd-tft-mobile-view .nbd-tft-card-div:not(:last-child) {
        padding: 24px 22px 0 22px
    }

    .nbd-tft-mobile-view .nbd-tft-card-div:last-child {
        padding: 24px 24px 40px 22px
    }

    .nbd-tft-mobile-view img {
        height: 32px;
        width: 32px
    }
}

@media only screen and (min-width:1025px) {

    .nbd-tft-table-body td>label,
    .nbd-tft-table-body td>label>p,
    .nbd-tft-table-body td>p {
        margin: 0
    }

    .nbd-tft-desktop-view table td,
    .nbd-tft-desktop-view table th {
        background-clip: padding-box;
        padding: 12px !important;
        border-top: none !important
    }

    .nbd-tft-desktop-view .nbd-tft-margin {
        margin: 0 auto;
        width: max-content
    }

    .nbd-tft-desktop-view .nbd-tft-container {
        margin-bottom: 80px;
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-table {
        width: 100%
    }

    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-heading {
        padding: 0 32px;
        margin: 0 !important
    }

    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-subheading {
        padding: 0 32px;
        margin: 80px 0 56px 0 !important
    }

    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-subheading h3 {
        color: #17252e
    }

    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-heading h2 {
        color: #17252e;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        letter-spacing: 0;
        font-size: 24px;
        line-height: 32px
    }

    .nbd-tft-descwithbullets {
        padding: 40px 32px 0 32px
    }

    .nbd-tft-descwithbullets .nbd-tft-desc-head {
        margin-bottom: 24px
    }

    .nbd-tft-descwithbullets .nbd-tft-desc-bullets {
        font-size: 20px;
        line-height: 28px
    }

    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-heading h2 span {
        font-weight: 500
    }

    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-table-body tr:first-child {
        border-bottom: 2px solid rgba(151, 151, 151, 0.57)
    }

    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-table-body .nbd-tft-backcolor-row {
        background-color: #fafafa
    }

    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-table-body .nbd-tft-theader {
        color: #494f50;
        font-family: 'Open Sans Regular', sans-serif;
        font-weight: 700;
        border-top: 0
    }

    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-table-body .nbd-tft-tdata-bold {
        color: #17252e;
        font-family: 'Open Sans Regular', sans-serif;
        font-weight: 700
    }

    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-table-body .nbd-tft-tdata-reg {
        color: #17252e;
        font-family: 'Open Sans Regular', sans-serif;
        border-bottom: .5px solid rgba(151, 151, 151, 0.57)
    }

    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-table-body tr td:first-child,
    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-table-body tr th:first-child {
        padding-left: 32px !important
    }

    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-table-body tr td:last-child,
    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-table-body tr th:first-child {
        padding-right: 32px !important
    }
}

@media only screen and (min-width:1025px) and only screen and (min-width:767px) {
    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-heading h2 {
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width:1025px) and only screen and (min-width:1025px) {
    .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-heading h2 {
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width:1440px) {
    .nbd-tft-desktop-view .nbd-tft-margin {
        width: max-content
    }
}

.nbd-qcp-background {
    background-color: #fafafa
}

.nbd-qcp-container {
    padding: 40px 10px
}

.nbd-qcp-container .nbd-qcp-heading h2 {
    color: #17252e;
    margin-bottom: 0;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 24px;
    line-height: 32px
}

@media only screen and (min-width:767px) {
    .nbd-qcp-container .nbd-qcp-heading h2 {
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-qcp-container .nbd-qcp-heading h2 {
        font-size: 40px;
        line-height: 48px
    }
}

.nbd-qcp-container .nbd-qcp-heading .nbd-qcp-desktop-span {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .nbd-qcp-container .nbd-qcp-heading .nbd-qcp-desktop-span {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-qcp-container .nbd-qcp-heading .nbd-qcp-desktop-span {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-qcp-container .centeralign {
    text-align: center
}

.nbd-qcp-container .centeralign h2 {
    margin-bottom: 16px;
    padding: 0 23px
}

.nbd-qcp-container .leftalign h2 {
    margin-bottom: 16px
}

.nbd-qcp-container .nbd-qcp-table-heading .nbd-qcp-rates {
    vertical-align: top;
    text-align: center;
    color: #17252e;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:767px) {
    .nbd-qcp-container .nbd-qcp-table-heading .nbd-qcp-rates {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-qcp-container .nbd-qcp-table-heading .nbd-qcp-header-img {
    text-align: center;
    padding: 0
}

.nbd-qcp-container .nbd-qcp-table-heading img {
    height: 20px;
    width: 33px;
    margin: 50px 15px 11px 15px
}

.nbd-qcp-container .nbd-qcp-table {
    margin-bottom: 33px
}

.nbd-qcp-container .nbd-qcp-table thead th {
    border-top: 0;
    border-bottom: 0;
    text-align: center
}

.nbd-qcp-container .nbd-qcp-table td {
    border-top: 0;
    border-bottom: 0;
    text-align: center
}

.nbd-qcp-container .nbd-qcp-table th {
    border-top: 0
}

.nbd-qcp-container .nbd-qcp-table-mobile-only {
    border-top: 0
}

.nbd-qcp-container .nbd-qcp-table-body .nbd-qcp-td-img img {
    height: 24px;
    width: 24px;
    margin: 0
}

.nbd-qcp-container .nbd-qcp-row-fixed {
    background-color: #fff;
    position: sticky;
    width: 130px;
    left: 0;
    padding: 7px 0
}

.nbd-qcp-container .nbd-qcp-row-fixed:after {
    border-bottom: 1px solid #fafafa;
    content: " ";
    margin: 7px -10px -7px -10px;
    display: block
}

.nbd-qcp-container .table-responsive-sm::-webkit-scrollbar {
    height: 8px
}

.nbd-qcp-container .table-responsive-sm::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border-radius: 8px
}

.nbd-qcp-container .table-responsive-sm::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #17252e
}

.nbd-qcp-container tbody tr:nth-child(1) th {
    box-shadow: 0 -5px 6px -5px rgba(0, 0, 0, 0.05), -5px 0 6px -5px rgba(0, 0, 0, 0.05), 5px 0 6px -5px rgba(0, 0, 0, 0.05)
}

.nbd-qcp-container tbody tr:nth-last-child(1) th {
    box-shadow: -5px 0 6px -5px rgba(0, 0, 0, 0.05), 0 5px 6px -5px rgba(0, 0, 0, 0.05), 5px 0 6px -5px rgba(0, 0, 0, 0.05)
}

.nbd-qcp-container tbody tr:not(:last-child):not(:first-child) th {
    box-shadow: -5px 0 5px -6px rgba(0, 0, 0, 0.05), 5px 0 6px -5px rgba(0, 0, 0, 0.05), 0 -5px 6px -5px transparent
}

.nbd-qcp-container .nbd-qcp-row-desktop-only th {
    color: #17252e;
    padding: 0 10px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1025px) {
    .nbd-qcp-container .nbd-qcp-row-desktop-only th {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-qcp-container .nbd-qcp-row-desktop-only label {
    min-width: 114px;
    width: 114px;
    margin: 0;
    display: block;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1025px) {
    .nbd-qcp-container .nbd-qcp-row-desktop-only label {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-qcp-container .nbd-qcp-table-heading tr:last-child th {
    padding: 0 0 12px 0
}

.nbd-qcp-container .nbd-qcp-row-fixed label {
    min-width: 97px;
    color: #17252e;
    margin-bottom: 0;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    margin: 21px 0
}

@media only screen and (min-width:767px) {
    .nbd-qcp-container .nbd-qcp-row-fixed label {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-qcp-container .nbd-qcp-table-body td {
    padding: 8px 7px;
    color: #17252e;
    vertical-align: middle;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 26px
}

@media only screen and (min-width:767px) {
    .nbd-qcp-container .nbd-qcp-table-body td {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-qcp-container tbody tr:nth-child(odd) td {
    background-color: #fafafa;
    height: 42px
}

.nbd-qcp-container tbody tr:nth-child(even) td {
    background-color: #fff
}

.nbd-qcp-container .nbd-qcp-table .nbd-qcp-table-body td:not(:last-child),
.nbd-qcp-container .nbd-qcp-table .nbd-qcp-table-body th:not(:last-child) {
    border-right: 1px solid #fafafa
}

.nbd-qcp-container .highcard-label {
    color: #fff;
    background: #17252e;
    padding: 2px 10px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    border-radius: 10px;
    margin: 0
}

.nbd-qcp-background .nbd-qcp-empty-header {
    position: sticky;
    width: 130px;
    left: 0;
    padding: 7px 10px;
    background-color: #fafafa
}

.nbd-qcp-no-background .nbd-qcp-empty-header {
    position: sticky;
    width: 130px;
    left: 0;
    padding: 7px 10px;
    background-color: #fff
}

@media only screen and (max-width:767px) {
    .nbd-qcp-container .nbd-qcp-row-desktop-only label {
        font-size: 12px;
        line-height: 20px
    }

    .nbd-qcp-container .table-responsive-lg {
        margin-left: -22px
    }
}

@media only screen and (min-width:768px) {
    .nbd-qcp-container .nbd-qcp-table {
        margin-bottom: 0
    }

    .nbd-qcp-container .nbd-qcp-table-body {
        border: 1px solid #e5edec;
        box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.11)
    }

    .nbd-qcp-container .nbd-qcp-table-body .nbd-qcp-td-img img {
        height: 32px;
        width: 32px
    }

    .nbd-qcp-container tbody tr:nth-child(1) th {
        box-shadow: none
    }

    .nbd-qcp-container tbody tr:nth-last-child(1) th {
        box-shadow: none
    }

    .nbd-qcp-container tbody tr:not(:last-child):not(:first-child) th {
        box-shadow: none
    }

    .nbd-qcp-container .nbd-qcp-row-fixed {
        background-color: #fff;
        position: sticky;
        width: 130px;
        left: 0;
        padding: 7px 35px
    }

    .nbd-qcp-container .nbd-qcp-row-fixed:after {
        border-bottom: 2px solid #fafafa;
        content: " ";
        display: block
    }

    .nbd-qcp-container .nbd-qcp-row-fixed label {
        margin: 0
    }

    .nbd-qcp-container .nbd-qcp-row-desktop-only th {
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        letter-spacing: 0;
        font-size: 20px;
        line-height: 28px
    }

    .nbd-qcp-container .nbd-qcp-row-desktop-only label {
        width: 100%;
        font-weight: 700
    }

    .nbd-qcp-container tbody tr:nth-child(odd) td {
        background-color: #fafafa;
        height: 42px
    }

    .nbd-qcp-container tbody tr:nth-child(even) td {
        background-color: #fff
    }

    .nbd-qcp-background .nbd-qcp-empty-header {
        position: sticky;
        width: 130px;
        left: 0;
        padding: 7px 10px;
        background-color: #fafafa
    }

    .nbd-qcp-container .nbd-qcp-table-body td {
        vertical-align: middle;
        padding: 18px 30px
    }

    .nbd-qcp-container .nbd-qcp-table-body td span {
        font-family: 'Open Sans Regular', sans-serif
    }

    .nbd-qcp-container .nbd-qcp-table .nbd-qcp-table-body td:not(:last-child) {
        border-right: 1px solid #e0e0e0
    }

    .nbd-qcp-container .nbd-qcp-table .nbd-qcp-table-body th:not(:last-child) {
        border-right: 1px solid #e0e0e0
    }

    .nbd-qcp-container .nbd-qcp-heading h2 {
        margin-bottom: 16px
    }

    .nbd-qcp-container .nbd-qcp-heading .nbd-qcp-desktop-span {
        display: block
    }

    .nbd-qcp-container .nbd-qcp-table-heading img {
        height: 48px;
        width: 76.95px;
        margin: 40px 20px
    }

    .nbd-qcp-container .nbd-qcp-row-fixed {
        max-width: 339px;
        padding: 34px 3px
    }

    .nbd-qcp-container .nbd-qcp-row-fixed:after {
        margin: 20px -30px -34px -3px
    }

    .nbd-qcp-container .nbd-qcp-row-fixed label {
        width: 171px
    }

    .nbd-qcp-container .nbd-qcp-table th,
    .nbd-qcp-container .nbd-qcp-table td {
        width: 26%
    }

    .nbd-qcp-container .nbd-qcp-table th:first-child,
    .nbd-qcp-container .nbd-qcp-table td:first-child {
        width: 0
    }
}

@media only screen and (min-width:768px) and only screen and (min-width:1025px) {
    .nbd-qcp-container .nbd-qcp-row-desktop-only th {
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-qcp-container .nbd-qcp-table {
        margin-top: 40px
    }

    .nbd-qcp-container .nbd-qcp-heading h2 {
        margin-bottom: 40px
    }

    .nbd-qcp-container .nbd-qcp-heading .nbd-qcp-desktop-span {
        display: block
    }

    .nbd-qcp-container .centeralign {
        padding: 0
    }

    .nbd-qcp-container .centeralign h2 {
        padding: 0
    }

    .nbd-qcp-container .nbd-qcp-table-heading img {
        height: 63px;
        width: 101px;
        margin: 24px 20px
    }

    .nbd-qcp-container .nbd-qcp-row-fixed {
        max-width: 388px;
        padding: 27px 40px;
        text-align: center;
        background-color: #fff;
        position: unset;
        left: 0;
        width: auto;
        border-right: 1px solid #e5edec !important
    }

    .nbd-qcp-container .nbd-qcp-row-fixed label {
        max-width: 273px;
        width: auto
    }

    .nbd-qcp-container .nbd-qcp-row-fixed:after {
        margin: 27px -40px -27px -40px
    }

    .nbd-qcp-container .nbd-qcp-background .nbd-qcp-empty-header {
        position: unset;
        width: auto;
        left: 0;
        padding: 7px 10px
    }

    .nbd-qcp-container .nbd-qcp-table-body td {
        padding: 25px 10px
    }

    .nbd-qcp-container .nbd-qcp-row-desktop-only th {
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 700;
        letter-spacing: 0;
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:1025px) and only screen and (min-width:1025px) {
    .nbd-qcp-container .nbd-qcp-row-desktop-only th {
        font-size: 24px;
        line-height: 32px
    }
}

.nbd-credit-card-banner-bg-color {
    background-color: #fafafa
}

.privateclientdetail-bgimage {
    display: block;
    background-size: contain;
    height: 100%;
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 0 -15px
}

.nbd-saveinvest-banner-img.privateclientdetail-bgimage {
    background-size: cover
}

.nbd-saveinvest-cta-button {
    text-align: center
}

.nbd-saveinvest-cta-button .nbd-btn {
    width: fit-content
}

.nbd-tooltip img {
    height: 12px;
    width: 12px;
    margin-left: 8px
}

.nbd-ccd-page .tooltip {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

.nbd-ccd-page .tooltip .tooltip-inner {
    background-color: #17252e;
    border-radius: 5px;
    min-width: 250px;
    padding: 15px 10px;
    text-align: unset
}

.nbd-credit-card-banner-img {
    position: relative;
    height: 210px;
    width: 302px;
    margin: 23px 0 0 2px
}

.nbd-credit-card-banner-content {
    margin: 64px 0 16px 0
}

.nbd-credit-card-banner-content h1 {
    max-width: 600px;
    color: #17252e;
    margin: 0 0 16px 0
}

.nbd-credit-card-banner-content p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    max-width: 495px;
    color: #494f50;
    margin: 0 0 16px 0
}

@media only screen and (min-width:576px) {
    .nbd-credit-card-banner-content p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-credit-card-banner-content p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-card-fees label {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: block;
    max-width: 210px;
    color: #494f50;
    margin: 0 0 8px 0
}

.nbd-card-fees .nbd-credit-gap label {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-card-fees .nbd-card-fees-span {
    justify-content: start;
    align-items: baseline;
    display: flex;
    max-width: 210px;
    color: #17252e;
    margin: 0 0 16px 0
}

.nbd-card-fees .nbd-card-fees-span h7 {
    display: inline
}

.nbd-credit-card-banner-link {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #008533;
    display: block
}

@media only screen and (min-width:1025px) {
    .nbd-credit-card-banner-link {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-credit-card-banner-link {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-credit-card-banner-link {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-credit-card-banner-link.nbd-float-center {
    text-align: center
}

.nbd-credit-card-banner-link.nbd-float-left {
    text-align: left;
    padding-left: 5px
}

.nbd-credit-card-banner-link:hover {
    color: #008533
}

.nbd-credit-card-banner-content .nbd-btn,
.nbd-ccd-links .nbd-btn {
    line-height: 35px
}

.nbd-credit-card-banner-content .nbd-icon-arrow,
.nbd-ccd-links .nbd-icon-arrow {
    height: 13px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green.svg'); */
    transition: transform 900ms
}

.nbd-credit-card-banner-content a:hover .nbd-icon-arrow,
.nbd-ccd-links a:hover .nbd-icon-arrow {
    transform: translateX(10px)
}

.nbd-credit-card-banner-mb-view {
    display: block;
    background-color: #fafafa;
    position: relative;
    width: 100%;
    height: 210px
}

.nbd-credit-card-banner-mb-view .animbg {
    height: 210px;
    width: 100%
}

.nbd-credit-card-banner-mb-view .animbg #lottie {
    width: 100%;
    height: 100%
}

.nbd-credit-card-banner-tab-desktop-view {
    display: none
}

.nbd-ccd-for-dp-mb {
    display: block
}

.nbd-ccd-for-tab {
    display: none
}

.nbd-credit-card-banner-infomsg {
    display: inline-flex;
    box-sizing: border-box;
    min-height: 49px;
    max-width: 100%;
    border: 1.5px solid #e0e0e0;
    border-radius: 6px;
    padding: 8px;
    margin-bottom: 32px;
    margin-top: 8px
}

.nbd-credit-card-banner-infomsg img {
    height: 18px;
    width: 18px;
    margin: 0 5px 0 0;
    align-self: center
}

.nbd-credit-card-banner-infomsg span {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #494f50;
    align-self: center
}

.nbd-bank-card-type {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 8px 0
}

@media only screen and (max-width:576px) {
    .col-6.nbd-bankcard-col-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .nbd-credit-card-banner-link {
        margin: 8px 0 16px 0
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {

    .nbd-credit-card-banner-bg-color,
    .nbd-ccd-links {
        background-color: #fafafa
    }

    .nbd-credit-card-banner-img {
        position: absolute;
        height: 275px;
        width: 372px;
        margin: 64px 0 0 -25px
    }

    .nbd-credit-card-banner-tab-desktop-view .animbg {
        height: 275px;
        width: 100%
    }

    .nbd-credit-card-banner-tab-desktop-view .animbg #lottie {
        width: 100%;
        height: 100%
    }

    .nbd-credit-card-banner-content {
        margin: 32px 0 0 7px
    }

    .nbd-credit-card-banner-content h1 {
        max-width: 350px;
        margin: 0 0 16px 0
    }

    .nbd-credit-card-banner-content p {
        max-width: 350px
    }

    .nbd-card-fees label {
        max-width: 163px;
        margin: 0 0 8px 0
    }

    .rateunit-font-cls {
        font-size: 20px !important;
        line-height: 32px !important
    }

    .nbd-card-fees .nbd-card-fees-span {
        max-width: 163px;
        margin: 0 0 24px 0
    }

    .nbd-credit-card-links {
        display: flex
    }

    .nbd-credit-card-banner-link {
        text-align: left;
        padding-left: 10px
    }

    .nbd-credit-card-banner-content .nbd-btn,
    .nbd-ccd-links .nbd-btn {
        max-width: 285px;
        line-height: 35px
    }

    .nbd-credit-card-banner-mb-view {
        display: none
    }

    .nbd-credit-card-banner-tab-desktop-view {
        display: block
    }

    .nbd-ccd-for-dp-mb {
        display: none
    }

    .nbd-ccd-for-tab {
        display: flex;
        align-items: center
    }

    .nbd-ccd-links .nbd-ccd-for-tab {
        margin: 0 0 24px 0
    }

    .nbd-ccd-links .col-sm-3 {
        padding-right: 0
    }

    .nbd-ccd-links .nbd-credit-card-banner-link {
        display: block
    }

    .nbd-credit-card-banner-link.nbd-float-center {
        text-align: left
    }

    .nbd-credit-card-banner-infomsg {
        padding: 12px;
        max-width: 350px;
        margin: 0
    }

    .nbd-bank-card-type {
        margin: 16px 0
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-saveinvest-cta-button {
        text-align: left;
        padding: 0 0 0 15px
    }

    .nbd-saveinvest-cta-button .nbd-credit-card-banner-link {
        padding-left: 0
    }

    .nbd-saveinvest-cta-button .nbd-btn {
        margin: 24px 0 56px 0
    }
}

@media only screen and (min-width:834px) and (max-width:1024px) {
    .nbd-credit-card-banner-img {
        width: 402px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-credit-card-banner-bg-color {
        background-color: #fafafa
    }

    .nbd-saveinvest-cta-button {
        text-align: left;
        align-self: center
    }

    .nbd-credit-card-banner-img {
        position: absolute;
        height: 552px;
        width: 670px;
        margin: 64px 0 0 0
    }

    .nbd-credit-card-banner-content {
        margin: 64px 0 100px 90px
    }

    .nbd-credit-card-banner-content h1 {
        max-width: 600px;
        margin: 0 0 16px 0
    }

    .nbd-credit-card-banner-content p {
        max-width: 600px;
        margin: 0 0 32px 0
    }

    .nbd-card-fees label {
        max-width: 210px;
        margin: 0 0 8px 0
    }

    .nbd-card-fees .nbd-card-fees-span {
        max-width: 210px;
        margin: 0 0 32px 0
    }

    .rateunit-font-cls {
        font-size: 24px !important;
        line-height: 28px !important
    }

    .nbd-bold-fees {
        font-size: 32px
    }

    .nbd-credit-card-links {
        display: flex
    }

    .nbd-credit-card-banner-link.nbd-float-center {
        text-align: left
    }

    .nbd-credit-card-banner-link.nbd-float-left {
        text-align: left
    }

    .nbd-credit-card-banner-content .nbd-btn,
    .nbd-ccd-links .nbd-btn {
        max-width: 285px;
        line-height: 40px;
        margin: 0
    }

    .nbd-credit-card-banner-mb-view {
        display: none
    }

    .nbd-credit-card-banner-tab-desktop-view {
        display: block
    }

    .nbd-ccd-for-dp-mb {
        display: flex;
        align-items: center
    }

    .nbd-ccd-for-tab {
        display: none
    }

    .nbd-credit-card-banner-infomsg {
        padding: 8px 12px;
        margin: 0 0 52px 0;
        max-width: 502px
    }

    .nbd-bank-card-type {
        margin: 0 0 16px 0
    }
}

@media only screen and (min-width:1025px) and (max-width:1439px) {
    .nbd-credit-card-banner-content {
        margin: 64px 0 50px 90px
    }

    .nbd-credit-card-banner-img {
        height: 490px;
        width: 600px;
        margin: 75px 0 0 0
    }
}

@media only screen and (min-width:1440px) {

    .nbd-ccd-for-dp-mb,
    .nbd-credit-gap {
        flex: 0 0 40%
    }
}

.nbd-credit-card-benefits {
    margin: 0 0 32px 0
}

.nbd-credit-card-benefits h2 {
    color: #17252e;
    margin: 35px 0 24px 0
}

.nbd-card-benefits,
.nbd-saveinvest-benifits .nbd-saveinvest-sub-benifits {
    display: flex
}

.nbd-card-benefits .nbd-icon-tick-green {
    height: 24px;
    width: 24px;
    margin: 0 16px 22px 0;
    display: inline-block;
    background-size: contain;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/tick_icon.svg') */
}

.nbd-saveinvest-sub-benifits .nbd-icon-tick-green {
    height: 24px;
    width: 24px;
    margin: 0 16px 22px 0;
    display: inline-block;
    background-size: contain;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/tick_icon.svg') */
}

.nbd-saveinvest-benifits .nbd-card-benefit-info p {
    max-width: none
}

.nbd-card-benefit-info p {
    max-width: 240px;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .nbd-card-benefit-info p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-card-benefit-info p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-terms-and-cond-link {
    margin: 0 0 42px 0
}

.nbd-terms-and-cond-link .nbd-icon-arrow {
    height: 13px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green.svg'); */
    transition: transform 900ms
}

.nbd-terms-and-cond-link a:hover .nbd-icon-arrow {
    width: 34px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green-hover.svg'); */
    transform: translateX(10px)
}

.nbd-card-category {
    margin: 0 0 40px 0
}

.nbd-card-category h6,
.nbd-card-category p {
    margin-bottom: 0
}

.nbd-card-category img {
    height: 32px;
    width: 32px;
    margin: 0 0 24px 0
}

.nbd-card-category h5 {
    color: #17252e;
    margin: 0 0 23.5px 0
}

.nbd-card-category-text {
    width: 100%;
    display: block;
    color: #494f50;
    padding: 15.5px 0 15.5px 0;
    border-top: 1px solid #e0e0e0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-card-category-text+br {
    display: none
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-credit-card-benefits {
        margin: 0 0 75px 0
    }

    .nbd-credit-card-benefits h2 {
        margin: 40px 0 32px 0
    }

    .nbd-card-benefits {
        display: block
    }

    .nbd-saveinvest-benifits .nbd-icon-tick-green {
        margin: 0 20px 14px 0
    }

    .nbd-card-benefits .nbd-icon-tick-green {
        height: 32px;
        width: 32px;
        margin: 0 0 14px 0
    }

    .nbd-card-benefit-info p {
        max-width: 220px;
        margin-top: 5px
    }

    .nbd-terms-and-cond-link {
        margin: 0 0 40px 0
    }

    .nbd-card-category {
        margin: 0 0 64px 0
    }

    .nbd-card-category img {
        height: 39px;
        width: 39px;
        margin: 0 0 32px 0
    }

    .nbd-card-category h5 {
        margin: 0 0 23.5px 0
    }

    .nbd-card-category-text {
        max-width: 220px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-credit-card-benefits {
        margin: 0 0 64px 0
    }

    .nbd-credit-card-benefits h2 {
        margin: 80px 0 64px 0
    }

    .nbd-card-benefits {
        display: flex
    }

    .nbd-card-benefits .nbd-icon-tick-green {
        height: 32px;
        width: 32px;
        margin: 0 40px 0 0
    }

    .nbd-card-benefit-info p {
        max-width: 316px
    }

    .nbd-terms-and-cond-link {
        margin: 0 0 80px 0
    }

    .nbd-card-category img {
        height: 42px;
        width: 42px;
        margin: 0 0 34px 0
    }

    .nbd-card-category h5 {
        margin: 0 0 22.5px 0
    }

    .nbd-card-category-text {
        max-width: 250px
    }
}

@media only screen and (min-width:1025px) and (max-width:1439px) {
    .nbd-card-benefits .nbd-icon-tick-green {
        margin: 0 35px 0 0
    }
}

.video-article .nbd-article-details {
    margin-left: 11px;
    margin-right: 11px;
    margin-top: 40px
}

.video-article .nbd-article-banner-details-without-bg-no-img-theme {
    padding-right: 0;
    padding-left: 0
}

.video-article .nbd-article-banner-bg-img {
    /*     background-image: url("clientlib-site/less/imgs/image002.png"); */
    height: 189px;
    background-size: 100% 189px;
    background-repeat: no-repeat;
    background-color: rgba(23, 37, 46, 0.3);
    margin-bottom: 32px
}

.video-article .overlay-black-theme {
    background-color: rgba(23, 37, 46, 0.3)
}

.video-article .overlay-white-theme {
    background-color: rgba(255, 255, 255, 0.3)
}

.video-article .overlay {
    top: 0;
    left: 0;
    width: 100%;
    position: relative;
    z-index: 1;
    display: none
}

.video-article .nbd-article-banner-details {
    margin: 0 0 20px 0;
    position: absolute;
    z-index: 2;
    display: none
}

.video-article .nbd-article-banner-title {
    font-family: "Nedbank Sans Bold";
    font-size: 28px;
    letter-spacing: -0.5px;
    line-height: 34px;
    margin-bottom: 32px
}

.video-article .nbd-article-banner-title span {
    display: inline-block;
    font-weight: normal
}

.video-article .nbd-article-banner-img {
    height: 493px;
    width: 704px;
    background-color: #fff
}

.video-article .nbd-article-author-details {
    margin: 20px
}

.video-article .nbd-article-published-info {
    display: inline-flex;
    margin-bottom: 30px;
    padding: 0
}

.video-article .nbd-article-author-info p {
    font-family: "Open Sans Regular";
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px
}

.video-article .nbd-article-author-info {
    margin-left: 0
}

.video-article .nbd-article-author-name {
    color: #494f50;
    margin: 0 0 0 20px
}

.video-article .nbd-article-Published-date {
    color: #8c9596;
    margin: 0 0 0 20px
}

.video-article .nbd-article-Published-date span {
    margin-left: 30px;
    color: #494f50;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    display: none
}

.video-article .nbd-article-Published-date-mb {
    display: block;
    margin-bottom: 30px;
    padding: 0
}

.video-article .nbd-icon-watch-clock {
    display: inline-block;
    /*     background-image: url("../../../etc.clientlibs/nedbank/clientlibs/clientlib-base/resources/img/time_watch_clock.svg"); */
    height: 13px;
    width: 13px;
    position: relative;
    top: 1px;
    margin-right: 5px
}

.video-article .nbd-article-description p {
    color: #494f50;
    font-family: "Open Sans Regular";
    letter-spacing: 0;
    font-size: 16px;
    line-height: 22px
}

.video-article .nbd-article-banner-title-without-bg {
    color: #17252e;
    font-family: "Nedbank Sans Bold";
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 34px;
    margin: 30px 10px 30px 10px
}

.video-article .nbd-article-banner-details-without-bg {
    margin: 0 10px;
    position: relative;
    z-index: 2
}

.video-article .nbd-video-frame {
    width: 100vw
}

.video-article .nbd-article-description {
    padding: 0
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .video-article .nbd-article-details {
        margin-left: 93px;
        margin-right: 93px;
        margin-top: 40px
    }

    .video-article .overlay {
        display: none
    }

    .video-article .nbd-article-banner-bg-img {
        height: 366px;
        width: 100%;
        background-size: 100% 366px;
        background-position: center;
        margin-bottom: 40px
    }

    .video-article .nbd-article-banner-details {
        display: none
    }

    .video-article .nbd-article-banner-details-without-bg {
        margin: 0 20px 0 20px
    }

    .video-article .nbd-article-author-details {
        margin: 0 20px 0 20px
    }

    .video-article .nbd-article-banner-title-tab-mb {
        width: 100%px;
        font-size: 40px;
        line-height: 50px;
        display: block;
        color: #17252e;
        margin-bottom: 28px
    }

    .video-article .nbd-article-published-info {
        margin-bottom: 40px
    }

    .video-article .nbd-article-description p {
        font-size: 16px;
        line-height: 22px
    }

    .video-article .nbd-article-banner-title-without-bg {
        font-size: 40px;
        line-height: 50px;
        display: block;
        color: #17252e;
        margin: 40px 20px 30px 20px
    }

    .video-article .nbd-article-Published-date span {
        display: inline
    }

    .video-article .nbd-article-Published-date-mb {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .video-article .nbd-article-details {
        margin-left: 165px;
        margin-right: 165px;
        margin-top: 24px
    }

    .video-article .nbd-article-banner-details {
        margin: 80px 0 0 120px;
        display: block
    }

    .video-article .overlay {
        display: block
    }

    .video-article .nbd-article-banner-bg-img {
        height: 450px;
        width: 100%;
        background-size: cover;
        background-position: center;
        margin-bottom: 119px
    }

    .video-article .nbd-article-banner-title {
        width: 495px;
        font-size: 50px;
        line-height: 60px
    }

    .video-article .nbd-article-author-details {
        margin: 0 120px 0 120px
    }

    .video-article .nbd-article-description p {
        font-size: 20px;
        line-height: 26px
    }

    .video-article .nbd-article-published-info {
        margin-bottom: 80px
    }

    .video-article .nbd-article-Published-date span {
        display: inline
    }

    .video-article .nbd-article-Published-date-mb {
        display: none
    }

    .video-article .nbd-article-banner-title-without-bg {
        font-size: 50px;
        font-weight: bold;
        line-height: 60px;
        margin: 40px 120px 40px 120px
    }

    .video-article .nbd-article-banner-details-without-bg {
        margin: 0 120px 0 120px;
        position: relative;
        z-index: 2
    }

    .video-article .nbd-only-for-tab {
        display: none
    }

    .video-article .nbd-article-banner-title-white-theme {
        color: #17252e
    }

    .video-article .nbd-article-banner-title-black-theme {
        color: #fff
    }
}

.calculator-container .row div>div[class^='card'] {
    display: block
}

.calculator-container {
    padding: 0
}

.consolidated-container .change-rate:focus {
    outline: 0
}

.consolidated-container .nbd-title {
    color: #17252e;
    padding-bottom: 24px;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px
}

.consolidated-container .nbd-title .nbd-tooltip {
    display: inline-block;
    float: none
}

.consolidated-container .result-panel .green-text {
    color: #78be20
}

.consolidated-container .calc-header p {
    padding-bottom: 24px;
    color: #494f50
}

.consolidated-container .result-panel {
    background-color: #fafafa;
    padding: 40px 18px;
    border-radius: 5px;
    margin-bottom: 40px;
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1)
}

.consolidated-container .consolidated-container .nbd-shadow-hr {
    margin: 0;
    content: "";
    position: relative;
    width: 100%;
    bottom: 41px;
    z-index: -1;
    transform: scale(0.8);
    box-shadow: 0 0 40px 15px rgba(0, 0, 0, 0.1)
}

.consolidated-container .tooltip {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

.consolidated-container .tooltip .tooltip-inner {
    background-color: #17252e;
    border-radius: 5px;
    min-width: 250px;
    padding: 15px 10px;
    text-align: unset
}

.consolidated-container .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.consolidated-container .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #17252e !important
}

.consolidated-container .bs-tooltip-auto[x-placement^=top] .arrow::before,
.consolidated-container .bs-tooltip-top .arrow::before {
    border-top-color: #17252e !important
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.consolidated-container .bs-tooltip-left .arrow::before {
    border-left-color: #17252e !important
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.consolidated-container .bs-tooltip-right .arrow::before {
    border-right-color: #17252e !important
}

.consolidated-container .tooltip-img {
    height: 12px;
    width: 12px;
    margin-left: 8px
}

.consolidated-container .col-right-panel .nbd-title {
    padding-bottom: 8px
}

.consolidated-container .col-left-panel>div {
    padding-bottom: 42px
}

.consolidated-container .btn {
    height: 56px
}

.consolidated-container .col-left-panel .person-loan-wrapper {
    padding-bottom: 16px
}

.consolidated-container .radio-wrapper label {
    display: block;
    padding: 0 0 0 43px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #494f50
}

.consolidated-container .col-interest-result {
    color: #17252e;
    text-align: left
}

.consolidated-container .change-rate {
    background-color: transparent;
    border: 0;
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    width: 100%;
    height: 100%;
    outline: 0
}

.consolidated-container .interest-rate-desc .cmp-text p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #17252e
}

.consolidated-container .interest-rate-desc .cmp-text a,
.consolidated-container .interest-rate-desc .cmp-text a:hover,
.consolidated-container .interest-rate-desc .cmp-text a:focus {
    color: #008533;
    text-decoration: underline !important
}

.consolidated-container .interest-rate .colslidecontainer {
    padding-top: 32px;
    padding-bottom: 32px
}

.consolidated-container .modal-lg {
    height: auto
}

.consolidated-container .modal-content {
    border: 0
}

.consolidated-container .modal-backdrop.show {
    background-color: rgba(255, 255, 255, 0.96)
}

.consolidated-container .modal-footer {
    border-top: 0
}

.consolidated-container .close {
    color: #17252e;
    font-size: 4rem;
    font-weight: unset
}

.consolidated-container .close img {
    height: 42px;
    width: 42px
}

.consolidated-container .popup-buttons {
    width: 100%
}

.consolidated-container .popup-footer-note {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #494f50;
    padding-bottom: 24px
}

.consolidated-container .card-body {
    padding: 0
}

.consolidated-container .breakdown-header {
    padding-left: 0
}

.consolidated-container .down-arrow {
    display: inline-block;
    background-image: url('../../../assets/static/media/icons/up_arrow_cr.svg');
    background-repeat: no-repeat;
    height: 21px;
    width: 25px;
    float: right
}

.consolidated-container .collapsed .down-arrow {
    background-image: url('../../../assets/static/media/icons/down_arrow_cr.svg')
}

.consolidated-container .change-rate-wrapper {
    padding: 0
}

.consolidated-container .modal-footer .nbd-btn {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .consolidated-container .modal-footer .nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .consolidated-container .modal-footer .nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .consolidated-container .modal-footer .nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

.consolidated-container .nbd-btn-secondary:focus {
    border: 2px solid #007237;
    box-shadow: none
}

.consolidated-container .nbd-card-amount {
    color: #000;
    padding-bottom: 22px;
    text-align: left
}

.consolidated-container .nbd-personal-loan {
    color: #000;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.consolidated-container .nbd-description {
    color: #17252e;
    margin: 31px 10px 1px 10px
}

.consolidated-container .hide-text {
    display: none
}

.consolidated-container .loan-desc {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px
}

.consolidated-container .text-muted {
    color: #494f50 !important
}

.consolidated-container .nbd-details-row {
    display: block;
    width: 100%;
    padding: 21px 10px 0 10px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.23)
}

.consolidated-container .nbd-details-col-1 {
    color: #494f50;
    margin: 0;
    width: 100%
}

.consolidated-container .nbd-details-col-1 p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.consolidated-container .nbd-details-col-2 {
    color: #494f50;
    padding: 0;
    margin: 0;
    width: 100%
}

.consolidated-container .nbd-details-col-2 p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.consolidated-container .nbd-details-col-1 P:first-child {
    margin-bottom: 3px
}

.consolidated-container .breakdown-val {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    color: #17252e;
    margin-bottom: 12px
}

@media only screen and (min-width:576px) {
    .consolidated-container .breakdown-val {
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-width:1025px) {
    .consolidated-container .breakdown-val {
        font-size: 32px;
        line-height: 40px
    }
}

.consolidated-container .nbd-currency-input {
    position: relative;
    top: 28px;
    right: inherit;
    bottom: inherit;
    left: 15px;
    display: block;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    line-height: 0;
    color: #17252e
}

.consolidated-container .nbd-form-control {
    padding-left: 26px;
    border-radius: 0;
    color: #17252e;
    font-weight: 700;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.consolidated-container .nbd-anchor-btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.consolidated-container .modal-body {
    padding-bottom: 31px
}

.consolidated-container .modal-content {
    padding-bottom: 20px !important
}

.consolidated-container .modal-footer {
    padding: 0
}

.calculator-container .nbd-btn {
    margin: 6px 0 6px 0 !important
}

.consolidated-container .radio-wrapper {
    margin-bottom: 16px
}

.consolidated-container .nbd-details-col-2 p {
    margin-bottom: 12px
}

.consolidated-container .loan-insurance-link {
    color: #008533;
    text-decoration: underline !important
}

.consolidated-container .loan-insurance-link:hover,
.consolidated-container .loan-insurance-link:focus {
    color: #78be20
}

.consolidated-container .cons-loan-title {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 8px
}

.consolidated-container .loan-type-header {
    color: #17252e;
    padding-bottom: 24px
}

.consolidated-container .remove-loan2,
.consolidated-container .remove-loan3,
.consolidated-container .remove-additional-loan {
    text-align: right
}

.consolidated-container .col-left-panel>.loan-wrapper {
    padding-bottom: 48px
}

.consolidated-container .loan2,
.consolidated-container .loan3 {
    display: none
}

.consolidated-container .loan-type option {
    color: #d22630;
    background-color: #fff;
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.consolidated-container .add-loan-text {
    color: #17252e;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 24px
}

.consolidated-container .add-loan-text img {
    padding-right: 16px
}

.consolidated-container .add-loan-wrapper {
    display: none;
    padding-top: 48px
}

.consolidated-container .loan-header {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 24px
}

.consolidated-container .remove-additional-loan img {
    padding-left: 8px
}

.consolidated-container .nbd-monthly-saving {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.consolidated-container .loan-wrapper .form-group {
    margin-bottom: 24px
}

.consolidated-container .nbd-col-dropdown {
    width: 100%;
    text-align: left;
    position: relative !important
}

.consolidated-container .nbd-col-dropdown.show button {
    border-color: #17252e
}

.consolidated-container .nbd-col-dropdown button {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 16px 8px 16px 16px;
    width: 100%;
    text-align: left;
    border: 2px solid #bbb;
    border-radius: unset
}

.consolidated-container .nbd-col-dropdown button:focus {
    box-shadow: none
}

.consolidated-container .nbd-col-dropdown .dropdown-menu.show {
    width: 100%;
    margin: 0;
    border: 2px solid #17252e;
    transform: translate3d(0, 53px, 0) !important;
    border-radius: unset;
    border-top: 2px solid #eee;
    padding: 0
}

.calculator-container .dropdown-toggle::after {
    display: none
}

.consolidated-container .nbd-col-dropdown .nbd-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-down-grey.svg'); */
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 0;
    position: absolute;
    right: 8px;
    margin-top: -3px
}

.consolidated-container .nbd-col-dropdown.show .nbd-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-up-grey.svg'); */
    margin-top: 4px
}

.consolidated-container .nbd-col-dropdown .btn span {
    margin-top: -3px;
    width: 100%
}

.consolidated-container .nbd-col-dropdown .btn {
    display: flex
}

.consolidated-container .nbd-col-dropdown .dropdown-item,
.consolidated-container .nbd-col-dropdown.show span {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    line-height: 0;
    margin-bottom: 0
}

.consolidated-container .nbd-col-dropdown .dropdown-item {
    padding: 23px 8px 23px 16px
}

.consolidated-container .nbd-col-dropdown .dropdown-item:active {
    background-color: #fafafa
}

.consolidated-container .nbd-col-dropdown.show span {
    line-height: 26px
}

.consolidated-container .consolidated-menu {
    min-height: initial
}

.consolidated-container .cal-total-amt-slider {
    padding-bottom: 48px
}

.consolidated-container .add-loan-btn {
    margin-left: 1px
}

.consolidated-container .nbd-monthly-saving {
    margin-bottom: 32px
}

.consolidated-container .cons-loan-title a {
    float: right
}

input[type=number]::-ms-clear {
    display: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .slider {
        background-color: #c5c5c5
    }

    .slider::-webkit-slider-runnable-track {
        -webkit-appearance: none;
        color: #0C8450;
        margin-top: -1px
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        background: #fff
    }
}

.slider::-moz-range-progress {
    background-color: #0C8450
}

.slider::-moz-range-track {
    background-color: #c5c5c5
}

.slider::-ms-fill-lower {
    background-color: #0C8450
}

.slider::-ms-fill-upper {
    background-color: #c5c5c5
}

.slider::-ms-tooltip {
    display: none
}

.slidecontainer {
    width: 100%
}

.slider {
    -webkit-appearance: none;
    -moz-apperance: none;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    /* background-image: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(0.16, #0C8450),
            color-stop(0.16, #c5c5c5)) !important;

    background-image: -webkit-linear-gradient(top, #0C8450 .16, #c5c5c5 .16) !important;
    background-image: -o-linear-gradient(top, #0C8450 .16, #c5c5c5 .16) !important;
    background-image: -ms-linear-gradient(top, #0C8450 .16, #c5c5c5 .16) !important;
    background-image: linear-gradient(to bottom, #0C8450 .16, #c5c5c5 .16) !important; */
    outline: 0;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    opacity: 1
}

@supports(-ms-ime-align:auto) {
    .slider {
        height: 30px;
        background-image: none !important;
        background-color: #fff !important
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .slider {
        padding-bottom: 0;
        height: 55px
    }
}

.slider:hover {
    opacity: 1
}

.slider.consolidated-amount-slider {
    margin: 5px 0
}

.consolidated-amount-slider::-webkit-slider-thumb {
    display: none
}

.consolidated-amount-slider::-ms-thumb {
    display: none
}

.consolidated-amount-slider::-moz-range-thumb {
    visibility: hidden
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #0C8450;
    cursor: pointer;
    outline: 3px solid #fff
}

@media only screen and (min-width:768px) {
    .calculator-container {
        padding: 0 0 32px
    }

    .consolidated-container .col-left-panel {
        padding-right: 20px;
        padding-top: 32px
    }

    .consolidated-container .col-right-panel {
        padding-left: 20px
    }

    .consolidated-container .result-panel {
        padding: 32px 24px;
        border-radius: 10px
    }

    .consolidated-container .modal-lg {
        max-width: 724px;
        height: auto
    }

    .consolidated-container .col-left-panel .person-loan-wrapper {
        padding-bottom: 0
    }

    .consolidated-container .card-body,
    .modal-footer {
        padding: 0 61px
    }

    .consolidated-container .nbd-card-amount {
        padding-bottom: 16px
    }

    .consolidated-container .hide-text {
        display: block
    }

    .consolidated-container .nbd-details-row {
        display: inline-flex;
        padding: 16px 0
    }

    .consolidated-container .breakdown-val,
    .consolidated-container .nbd-details-col-2 p {
        margin-bottom: 0
    }

    .consolidated-container .nbd-description {
        margin: 72px 0 24px 0
    }

    .consolidated-container .modal-content {
        padding-bottom: 30px !important
    }

    .consolidated-container .close {
        margin-top: 37px
    }

    .consolidated-container .nbd-col-dropdown .nbd-down-arrow {
        right: 10px
    }

    .consolidated-container .cal-total-amt-slider {
        padding-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .calculator-container {
        padding: 5px 46px
    }

    .consolidated-container .col-left-panel {
        padding-right: 67px;
        padding-top: 0
    }

    .consolidated-container .col-right-panel {
        padding-left: 67px;
        margin-top: -12px
    }

    .consolidated-container .calc-header {
        padding-bottom: 58px;
        margin-bottom: 0
    }

    .consolidated-container .calc-header P {
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .consolidated-container .result-panel {
        padding: 48px 40px 16px 40px
    }

    .consolidated-container .modal-lg {
        max-width: 1018px;
        height: auto
    }

    .consolidated-container .modal-content {
        padding: 40px 0
    }

    .consolidated-container .card-body,
    .modal-footer {
        padding: 0 75px
    }

    .consolidated-container .nbd-description {
        text-align: left;
        margin: 54px 0 32px 0
    }

    .consolidated-container .loan-desc {
        margin-top: 8px
    }

    .consolidated-container .change-rate-wrapper {
        margin-top: 16px
    }

    .consolidated-container .modal-body {
        padding-bottom: 39px
    }

    .consolidated-container .popup-footer-note {
        padding-bottom: 0
    }

    .consolidated-container .modal-content {
        padding-bottom: 50px !important
    }

    .consolidated-container .radio-wrapper {
        margin-bottom: 14px
    }

    .consolidated-container .panel-button {
        padding-right: 0 !important;
        padding-left: 13px !important
    }

    .consolidated-container .nbd-col-dropdown .nbd-down-arrow {
        right: 16px
    }

    .consolidated-container .cal-total-amt-slider {
        padding-bottom: 48px
    }
}

@media only screen and (min-width:992px) and only screen and (min-width:576px) {
    .consolidated-container .calc-header P {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:992px) and only screen and (min-width:1025px) {
    .consolidated-container .calc-header P {
        font-size: 20px;
        line-height: 28px
    }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.radio-wrapper {
    position: relative
}

.radio-wrapper input {
    height: 20px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.radio-wrapper input+label::before {
    border: 2px solid #bbb;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 24px;
    border-radius: 50%
}

.radio-wrapper input+label::after {
    content: "";
    opacity: 0;
    border: 7px solid #78be20;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 7px;
    transition: opacity .2s ease-in-out
}

.radio-wrapper input:checked+label::after {
    opacity: 1
}

.radio-wrapper input:checked+label::before {
    border: 2px solid #78be20
}

.radio-wrapper input:focus+label::before {
    box-shadow: 0 0 0 1px #78be20;
    outline: 2px solid transparent
}

@media(max-width:767px) {
    .consolidated-container .col-right-panel {
        padding-left: 0;
        padding-right: 0
    }

    .consolidated-container .result-panel {
        padding: 30px 15px
    }

    .consolidated-container .modal-content {
        padding-left: 14px;
        padding-right: 14px
    }

    .consolidated-container .modal-body {
        padding-left: 0;
        padding-right: 0
    }

    .consolidated-container .popup-footer-note {
        padding: 0 0 26px 0 !important
    }

    .consolidated-container .modal-footer .col-sm-12 {
        padding-left: 0;
        padding-bottom: 0
    }

    .consolidated-container .nbd-col-dropdown .btn span {
        overflow: hidden;
        white-space: nowrap;
        max-width: 88%
    }

    .consolidated-container .button-wrapper {
        width: 100%;
        margin: 0
    }
}

.nbd-app-id {
    padding: 40px 20px;
    margin: 64px 0 0
}

.nbd-app-id h2 {
    max-width: 274px;
    color: #17252e;
    margin: 0 0 24px
}

.nbd-app-id p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px
}

@media only screen and (min-width:576px) {
    .nbd-app-id p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-app-id p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-app-id .nbd-btn {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 40px 0 0
}

@media only screen and (min-width:1025px) {
    .nbd-app-id .nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-app-id .nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-app-id .nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-app-id .nbd-btn.nbd-btn-tertiary {
    text-align: left
}

.nbd-app-id ul {
    list-style: none
}

.nbd-app-id ul li::before {
    content: "\2022";
    color: #494f50;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -2em
}

.wtbexperiencetitle {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .wtbexperiencetitle {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .wtbexperiencetitle {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-app-id .nbd-btn {
        max-width: 280px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-app-id {
        padding: 80px 40px;
        margin: 80px 0 0
    }

    .nbd-app-id h2 {
        max-width: 544px
    }

    .nbd-app-id li {
        font-size: 20px
    }

    .nbd-app-id .nbd-btn {
        max-width: 280px
    }
}

@media only screen and (min-width:1440px) {
    .nbd-app-id {
        padding: 80px 105px 80px 105px
    }
}

.nbd-ccf-container {
    margin: 0 22px
}

.nbd-ccf-container h2 {
    color: #17252e;
    margin-right: 40px;
    margin-bottom: 81px
}

.nbd-ccf-row-container .nbd-ccf-other-cards {
    border: .58px solid #e5edec;
    border-radius: 12px;
    background-color: #fff;
    width: 100%;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08)
}

.nbd-ccf-container .nbd-ccf-row-container .nbd-ccf-card-line {
    height: 11px;
    max-width: 575px;
    border-radius: 7px 7px 0 0;
    position: relative
}

.nbd-ccf-container .nbd-ccf-row-container .intro-bg-orange {
    background: linear-gradient(270deg, #f2db96 0, #e2b45c 100%)
}

.nbd-ccf-container .nbd-ccf-row-container .intro-bg-darkgrey {
    background: linear-gradient(270deg, #605f5e 0, #1a1a1b 100%)
}

.nbd-ccf-container .nbd-ccf-row-container .intro-bg-grey {
    background: linear-gradient(270deg, #c8c7c6 0, #7d7c7f 100%)
}

.nbd-ccf-container .nbd-ccf-row-container .intro-bg-black {
    background: linear-gradient(270deg, #3a3b3b 0, #1b263f 100%)
}

.nbd-ccf-row-container .nbd-ccf-card-line .nbd-ccf-card-image {
    height: 68px;
    width: 107px;
    position: relative;
    left: 20px;
    margin-top: -45px
}

.nbd-ccf-row-container .nbd-ccf-card-details {
    padding: 34px 20px 0 20px;
    max-width: 575px
}

.nbd-ccf-row-container .nbd-ccf-card-details h4 {
    margin-bottom: 8px
}

.nbd-ccf-row-container .nbd-ccf-card-details p {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .nbd-ccf-row-container .nbd-ccf-card-details p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-ccf-row-container .nbd-ccf-card-details p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-ccf-row-container .nbd-ccf-footer {
    border-top: 0;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    padding-bottom: 24px;
    display: block
}

.nbd-ccf-row-container .nbd-ccf-footer:focus,
.nbd-ccf-row-container .nbd-ccf-footer .nbd-ccf-find-more:focus,
.nbd-ccf-row-container .nbd-ccf-footer .nbd-icon-arrow:focus {
    outline: 0
}

.nbd-ccf-row-container .nbd-ccf-footer .nbd-ccf-find-more {
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    padding-left: 20px
}

@media only screen and (min-width:1025px) {
    .nbd-ccf-row-container .nbd-ccf-footer .nbd-ccf-find-more {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-ccf-row-container .nbd-ccf-footer .nbd-ccf-find-more {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-ccf-row-container .nbd-ccf-footer .nbd-ccf-find-more {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-ccf-row-container .nbd-ccf-footer .nbd-icon-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green.svg'); */
    height: 14px;
    width: 24px;
    transition: transform 900ms;
    display: inline-block;
    margin-left: 11px;
    vertical-align: middle
}

.nbd-ccf-row-container .nbd-ccf-footer .nbd-ccf-find-more:hover .nbd-icon-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green-hover.svg'); */
    width: 34px;
    transform: translateX(10px);
    display: inline-block
}

@media only screen and (max-width:576px) {
    .nbd-ccf-row-container .card-deck .nbd-ccf-other-cards:not(:last-child) {
        margin-bottom: 88px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .nbd-ccf-container h2 {
        margin-right: 0;
        margin-bottom: 110px
    }

    .nbd-ccf-row-container .card-deck .nbd-ccf-other-cards:not(:last-child) {
        margin-bottom: 0
    }

    .nbd-ccf-container .nbd-ccf-row-container .nbd-ccf-card-line {
        max-width: 100%
    }

    .nbd-ccf-row-container .nbd-ccf-card-line .nbd-ccf-card-image {
        height: 64px;
        width: 101px;
        position: relative;
        left: 32px
    }

    .nbd-ccf-row-container .nbd-ccf-card-details {
        padding: 43px 24px 0 32px
    }

    .nbd-ccf-row-container .nbd-ccf-card-details h4 {
        margin-bottom: 16px;
        max-width: 216px
    }

    .nbd-ccf-row-container .nbd-ccf-card-details p {
        margin-bottom: 24px
    }

    .nbd-ccf-row-container .nbd-ccf-footer {
        padding-bottom: 32px
    }

    .nbd-ccf-row-container .nbd-ccf-footer .nbd-ccf-find-more {
        padding-left: 32px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-ccf-container {
        margin: 0 105px
    }

    .nbd-ccf-container h2 {
        margin-right: 0;
        margin-bottom: 134px
    }

    .nbd-ccf-row-container .card-deck .nbd-ccf-other-cards:not(:last-child) {
        margin-bottom: 0
    }

    .nbd-ccf-container .nbd-ccf-row-container {
        margin: 0 105px
    }

    .nbd-ccf-container .nbd-ccf-row-container .nbd-ccf-card-line {
        height: 12px;
        max-width: 100%
    }

    .nbd-ccf-row-container .nbd-ccf-card-line .nbd-ccf-card-image {
        height: 81px;
        width: 128px;
        position: relative;
        left: 40px;
        margin-top: -54px
    }

    .nbd-ccf-row-container .nbd-ccf-card-details {
        padding: 44px 40px 0 40px;
        color: #17252e
    }

    .nbd-ccf-row-container .nbd-ccf-card-details h4 {
        margin-bottom: 24px
    }

    .nbd-ccf-row-container .nbd-ccf-card-details p {
        margin-bottom: 32px
    }

    .nbd-ccf-row-container .nbd-ccf-footer {
        padding-bottom: 32px
    }

    .nbd-ccf-row-container .nbd-ccf-footer .nbd-ccf-find-more {
        padding-left: 40px
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .nbd-ccf-other-cards {
        max-width: 670px
    }
}

.nbd-stp-container {
    margin-top: 64px;
    overflow-x: hidden
}

.nbd-stp-container .nbd-stp-detail-container {
    max-width: 767px;
    padding: 0 18px;
    margin-bottom: 64px
}

.nbd-stp-container .nbd-stp-card:not(:last-child) {
    margin-bottom: 24px
}

.nbd-stp-container .nbd-stp-image img {
    height: 42px;
    width: 42px
}

.nbd-stp-container .nbd-stp-sub-description {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .nbd-stp-container .nbd-stp-sub-description {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-stp-container .nbd-stp-sub-description {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-stp-container .nbd-stp-sub-description p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 14px;
    margin-bottom: 24px
}

@media only screen and (min-width:576px) {
    .nbd-stp-container .nbd-stp-sub-description p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-stp-container .nbd-stp-sub-description p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-stp-container .nbd-stp-sub-description .nbd-stp-call-back {
    margin-top: 24px
}

.nbd-stp-container .nbd-stp-sub-description .nbd-stp-call-back span {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .nbd-stp-container .nbd-stp-sub-description .nbd-stp-call-back span {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-stp-container .nbd-stp-sub-description .nbd-stp-call-back span {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-stp-container .nbd-stp-sub-description a,
.nbd-stp-container .nbd-stp-sub-description a:focus {
    color: #008533;
    outline: 0
}

.nbd-stp-container .nbd-stp-scantopay {
    background-color: #17252e;
    padding: 40px 16px
}

.nbd-stp-container .nbd-stp-scantopay h2 {
    max-width: 767px;
    color: #fff;
    margin-bottom: 40px
}

.nbd-stp-container .nbd-stp-scantopay a {
    color: #fff;
    text-align: right;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-stp-container .nbd-stp-scantopay a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-stp-container .nbd-stp-scantopay a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-stp-container .nbd-stp-scantopay a {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-stp-container .nbd-stp-scantopay .icon-arrow {
    height: 13px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    background-image: url('../../../assets/static/media/icons/arrow-white.svg');
    transition: transform 900ms
}

.nbd-stp-container .nbd-stp-scantopay .nbd-stp-link a:hover .icon-arrow {
    margin-left: 20px;
    width: 34px;
    height: 14px;
    background-image: url('../../../assets/static/media/icons/Whitehoverarrow.svg');
    transform: translateX(10px)
}

.nbd-stp-container .nbd-stp-new-sub-description {
    max-width: 767px;
    color: #fff;
    margin-bottom: 40px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-stp-container .nbd-stp-new-sub-description p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-stp-container .nbd-stp-new-sub-description h5 {
    margin-bottom: 16px
}

@media only screen and (min-width:768px) {
    .nbd-stp-container {
        margin-top: 80px;
        margin-left: 22px
    }

    .nbd-stp-container .nbd-stp-detail-container {
        max-width: none;
        padding: 0;
        margin-bottom: 0
    }

    .nbd-stp-container .nbd-stp-card:not(:last-child) {
        margin-bottom: 40px
    }

    .nbd-stp-container .nbd-stp-image img {
        height: 48px;
        width: 48px
    }

    .nbd-stp-container .nbd-stp-sub-description {
        max-width: 350px
    }

    .nbd-stp-container .nbd-stp-sub-description p {
        margin-top: 24px
    }

    .nbd-stp-container .nbd-stp-scantopay {
        padding: 40px 19px 40px 40px
    }

    .nbd-stp-container .nbd-stp-scantopay h2 {
        margin-bottom: 32px;
        max-width: 313px
    }

    .nbd-stp-container .nbd-stp-new-sub-description {
        max-width: 313px;
        margin-bottom: 40px
    }

    .nbd-stp-container .nbd-stp-new-sub-description p {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-stp-container {
        margin-top: 128px;
        margin-left: 105px
    }

    .nbd-stp-container .nbd-stp-sub-description {
        max-width: 390px
    }

    .nbd-stp-container .nbd-stp-scantopay {
        padding: 64px 20px 101px 105px
    }

    .nbd-stp-container .nbd-stp-scantopay h2 {
        max-width: 357px
    }

    .nbd-stp-container .nbd-stp-new-sub-description {
        max-width: 464px;
        margin-bottom: 64px
    }
}

.nbd-credit-card-banner-bg-color {
    background-color: #fafafa
}

.creditcarddetail-bgimage {
    display: block;
    background-size: contain;
    height: 100%;
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 0 -15px
}

.nbd-saveinvest-banner-img.creditcarddetail-bgimage {
    background-size: cover
}

.nbd-saveinvest-cta-button {
    text-align: center
}

.nbd-saveinvest-cta-button .nbd-btn {
    width: 100%
}

.nbd-tooltip img {
    height: 12px;
    width: 12px;
    margin-left: 8px
}

.nbd-ccd-page .tooltip {
    color: #fff;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.nbd-ccd-page .tooltip .tooltip-inner {
    background-color: #17252e;
    border-radius: 5px;
    min-width: 250px;
    padding: 15px 10px;
    text-align: unset
}

.nbd-ccd-page .nbd-credit-card-categories.topmargin {
    margin-top: 80px
}

.nbd-credit-card-banner-img {
    position: relative;
    height: 210px;
    width: 302px;
    margin: 23px 0 0 2px
}

.nbd-credit-card-banner-content {
    margin: 64px 0 16px 0
}

.nbd-credit-card-banner-content h1 {
    max-width: 600px;
    color: #17252e;
    margin: 0 0 16px 0
}

.nbd-credit-card-banner-content p {
    max-width: 495px;
    color: #494f50;
    margin: 0 0 16px 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .nbd-credit-card-banner-content p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-credit-card-banner-content p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-card-fees label {
    display: block;
    max-width: 210px;
    color: #494f50;
    margin: 0 0 8px 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.nbd-card-fees .nbd-card-fees-span {
    justify-content: start;
    align-items: baseline;
    display: flex;
    max-width: 210px;
    color: #17252e;
    margin: 0 0 16px 0
}

.nbd-card-fees .nbd-card-fees-span h7 {
    display: inline
}

.nbd-credit-card-banner-link {
    color: #008533;
    display: block;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-credit-card-banner-link {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-credit-card-banner-link {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-credit-card-banner-link {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-credit-card-banner-link.nbd-float-center {
    text-align: center
}

.nbd-credit-card-banner-link.nbd-float-left {
    text-align: left;
    padding-left: 5px
}

.nbd-credit-card-banner-link:hover {
    color: #008533
}

.nbd-credit-card-banner-content .nbd-btn,
.nbd-ccd-links .nbd-btn {
    line-height: 35px;
    padding: 10px 12px
}

.nbd-credit-card-banner-content .nbd-icon-arrow,
.nbd-ccd-links .nbd-icon-arrow {
    height: 13px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green.svg'); */
    transition: transform 900ms
}

.nbd-credit-card-banner-content a:hover .nbd-icon-arrow,
.nbd-ccd-links a:hover .nbd-icon-arrow {
    transform: translateX(10px)
}

.nbd-credit-card-banner-mb-view {
    display: block;
    background-color: #fafafa;
    position: relative;
    width: 100%;
    height: 210px
}

.nbd-credit-card-banner-mb-view #lottie {
    height: 210px;
    width: 100%
}

.nbd-credit-card-banner-tab-desktop-view {
    display: none
}

.nbd-ccd-for-dp-mb {
    display: block
}

.nbd-ccd-for-tab {
    display: none
}

.nbd-credit-card-banner-infomsg {
    display: inline-flex;
    box-sizing: border-box;
    min-height: 49px;
    max-width: 100%;
    border: 1.5px solid #e0e0e0;
    border-radius: 6px;
    padding: 8px;
    margin-bottom: 32px;
    margin-top: 8px
}

.nbd-credit-card-banner-infomsg img {
    height: 18px;
    width: 18px;
    margin: 0 5px 0 0;
    align-self: center
}

.nbd-credit-card-banner-infomsg span {
    color: #494f50;
    align-self: center;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.nbd-bank-card-type {
    color: #17252e;
    margin: 8px 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (max-width:576px) {
    .col-6.nbd-bankcard-col-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .nbd-credit-card-banner-link {
        margin: 8px 0 16px 0
    }

    .nbd-ccd-page .nbd-credit-card-categories.topmargin {
        margin-top: 40px
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {

    .nbd-credit-card-banner-bg-color,
    .nbd-ccd-links {
        background-color: #fafafa
    }

    .nbd-credit-card-banner-img {
        position: absolute;
        height: 275px;
        width: 372px;
        margin: 64px 0 0 -25px
    }

    .nbd-credit-card-banner-content {
        margin: 32px 0 0 7px
    }

    .nbd-credit-card-banner-content h1 {
        max-width: 350px;
        margin: 0 0 16px 0
    }

    .nbd-credit-card-banner-content p {
        max-width: 350px
    }

    .nbd-card-fees label {
        max-width: 163px;
        margin: 0 0 8px 0
    }

    .nbd-card-fees .nbd-card-fees-span {
        max-width: 163px;
        margin: 0 0 24px 0
    }

    .nbd-credit-card-links {
        display: flex
    }

    .nbd-credit-card-banner-link {
        text-align: left;
        padding-left: 10px
    }

    .nbd-credit-card-banner-content .nbd-btn,
    .nbd-ccd-links .nbd-btn {
        max-width: 285px;
        line-height: 35px;
        margin-top: 0
    }

    .nbd-credit-card-banner-mb-view {
        display: none
    }

    .nbd-credit-card-banner-tab-desktop-view {
        display: block
    }

    .nbd-credit-card-banner-tab-desktop-view #lottie {
        height: 275px;
        width: 100%
    }

    .nbd-ccd-for-dp-mb {
        display: none
    }

    .nbd-ccd-for-tab {
        display: flex;
        align-items: center
    }

    .nbd-ccd-links .nbd-ccd-for-tab {
        margin: 0 0 24px 0
    }

    .nbd-ccd-links .col-sm-3 {
        padding-right: 0
    }

    .nbd-ccd-links .nbd-credit-card-banner-link {
        display: block
    }

    .nbd-credit-card-banner-link.nbd-float-center {
        text-align: left
    }

    .nbd-credit-card-banner-infomsg {
        padding: 12px;
        max-width: 350px;
        margin: 0
    }

    .nbd-bank-card-type {
        margin: 16px 0
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-saveinvest-cta-button {
        text-align: left;
        padding: 0 0 0 15px
    }

    .nbd-saveinvest-cta-button .nbd-credit-card-banner-link {
        padding-left: 0
    }

    .nbd-saveinvest-cta-button .nbd-btn {
        margin: 0 0 56px 0
    }
}

@media only screen and (min-width:834px) and (max-width:1024px) {
    .nbd-credit-card-banner-img {
        width: 402px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-credit-card-banner-bg-color {
        background-color: #fafafa
    }

    .nbd-saveinvest-cta-button {
        text-align: left;
        align-self: center
    }

    .nbd-credit-card-banner-img {
        position: absolute;
        height: 552px;
        width: 670px;
        margin: 64px 0 0 0
    }

    .nbd-credit-card-banner-content {
        margin: 64px 0 100px 90px
    }

    .nbd-credit-card-banner-content h1 {
        max-width: 600px;
        margin: 0 0 16px 0
    }

    .nbd-credit-card-banner-content p {
        max-width: 600px;
        margin: 0 0 32px 0
    }

    .nbd-card-fees label {
        max-width: 210px;
        margin: 0 0 8px 0
    }

    .nbd-card-fees .nbd-card-fees-span {
        max-width: 210px;
        margin: 0 0 32px 0
    }

    .nbd-bold-fees {
        font-size: 32px
    }

    .nbd-credit-card-links {
        display: flex
    }

    .nbd-credit-card-banner-link.nbd-float-center {
        text-align: left
    }

    .nbd-credit-card-banner-link.nbd-float-left {
        text-align: left
    }

    .nbd-credit-card-banner-content .nbd-btn,
    .nbd-ccd-links .nbd-btn {
        max-width: 285px;
        line-height: 40px;
        padding: 6px 12px;
        margin: 0
    }

    .nbd-credit-card-banner-mb-view {
        display: none
    }

    .nbd-credit-card-banner-tab-desktop-view {
        display: block
    }

    .nbd-ccd-for-dp-mb {
        display: flex;
        align-items: center
    }

    .nbd-ccd-for-tab {
        display: none
    }

    .nbd-credit-card-banner-infomsg {
        padding: 8px 12px;
        margin: 0 0 52px 0;
        max-width: 502px
    }

    .nbd-bank-card-type {
        margin: 0 0 16px 0
    }
}

@media only screen and (min-width:1025px) and (max-width:1439px) {
    .nbd-credit-card-banner-content {
        margin: 64px 0 50px 90px
    }

    .nbd-credit-card-banner-img {
        height: 490px;
        width: 600px;
        margin: 75px 0 0 0
    }
}

@media only screen and (min-width:1440px) {

    .nbd-ccd-for-dp-mb,
    .nbd-credit-gap {
        flex: 0 0 40%
    }
}

.nbd-credit-card-benefits {
    margin: 0 0 32px 0
}

.nbd-credit-card-benefits h2 {
    color: #17252e;
    margin: 35px 0 24px 0
}

.nbd-card-benefits {
    display: flex
}

.nbd-card-benefits .nbd-icon-tick-green {
    height: 24px;
    width: 24px;
    margin: 0 16px 22px 0;
    display: inline-block;
    background-size: contain;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/tick_icon.svg') */
}

.nbd-saveinvest-benifits .nbd-saveinvest-sub-benifits {
    display: flex
}

.nbd-saveinvest-benifits .nbd-saveinvest-sub-benifits .nbd-icon-tick-green {
    height: 24px;
    width: 24px;
    margin: 0 16px 22px 0;
    display: inline-block;
    background-size: contain;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/tick_icon.svg') */
}

.nbd-saveinvest-benifits .nbd-card-benefit-info p {
    max-width: none
}

.nbd-card-benefit-info p {
    max-width: 240px;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .nbd-card-benefit-info p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-card-benefit-info p {
        font-size: 20px;
        line-height: 28px
    }
}

.nbd-terms-and-cond-link {
    margin: 0 0 42px 0
}

.nbd-terms-and-cond-link a:hover .nbd-icon-arrow {
    width: 34px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green-hover.svg'); */
    transform: translateX(10px)
}

.nbd-terms-and-cond-link .nbd-icon-arrow {
    height: 13px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green.svg'); */
    transition: transform 900ms
}

.nbd-card-category {
    margin: 0 0 40px 0
}

.nbd-card-category h6 {
    margin-bottom: 0
}

.nbd-card-category p {
    margin-bottom: 0
}

.nbd-card-category img {
    height: 32px;
    width: 32px;
    margin: 0 0 24px 0
}

.nbd-card-category h5 {
    color: #17252e;
    margin: 0 0 23.5px 0
}

.nbd-card-category-text {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    display: block;
    color: #494f50;
    padding: 15.5px 0 15.5px 0;
    border-top: 1px solid #e0e0e0
}

.nbd-card-category-text+br {
    display: none
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .nbd-credit-card-benefits {
        margin: 0 0 75px 0
    }

    .nbd-credit-card-benefits h2 {
        margin: 40px 0 32px 0
    }

    .nbd-card-benefits {
        display: block
    }

    .nbd-saveinvest-benifits .nbd-icon-tick-green {
        margin: 0 20px 14px 0
    }

    .nbd-card-benefits .nbd-icon-tick-green {
        height: 32px;
        width: 32px;
        margin: 0 0 14px 0
    }

    .nbd-card-benefit-info p {
        max-width: 220px;
        margin-top: 5px
    }

    .nbd-terms-and-cond-link {
        margin: 0 0 40px 0
    }

    .nbd-card-category {
        margin: 0 0 64px 0
    }

    .nbd-card-category img {
        height: 39px;
        width: 39px;
        margin: 0 0 32px 0
    }

    .nbd-card-category h5 {
        margin: 0 0 23.5px 0
    }

    .nbd-card-category-text {
        max-width: 220px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-credit-card-benefits {
        margin: 0 0 64px 0
    }

    .nbd-credit-card-benefits h2 {
        margin: 80px 0 64px 0
    }

    .nbd-card-benefits {
        display: flex
    }

    .nbd-card-benefits .nbd-icon-tick-green {
        height: 32px;
        width: 32px;
        margin: 0 40px 0 0
    }

    .nbd-card-benefit-info p {
        max-width: 316px
    }

    .nbd-terms-and-cond-link {
        margin: 0 0 80px 0
    }

    .nbd-card-category img {
        height: 42px;
        width: 42px;
        margin: 0 0 34px 0
    }

    .nbd-card-category h5 {
        margin: 0 0 22.5px 0
    }

    .nbd-card-category-text {
        max-width: 250px
    }
}

@media only screen and (min-width:1025px) and (max-width:1439px) {
    .nbd-card-benefits .nbd-icon-tick-green {
        margin: 0 35px 0 0
    }
}

.nbd-cc-linkCard-wrapper {
    margin-left: 0;
    margin-right: 0
}

.nbd-cc-linkCard-wrapper div:focus-visible {
    outline: transparent
}

.nbd-cc-linkCard-wrapper div:focus {
    outline: transparent
}

.nbd-cc-linkCard-wrapper .nbd-cc-linkCard {
    max-width: 100%;
    min-height: 189px;
    min-width: 280px;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.1);
    transition: .3s;
    margin: 12px 0 12px 0;
    box-sizing: border-box;
    border: 1px solid #e5edec;
    border-radius: 12px;
    background-color: #fff;
    padding: 30.27px 24px 24px 24px
}

.nbd-cc-linkCard-wrapper .nbd-cc-linkCard .title-text {
    color: #17252e
}

.nbd-cc-linkCard-wrapper .nbd-cc-linkCard a {
    color: #008533;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .nbd-cc-linkCard-wrapper .nbd-cc-linkCard a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .nbd-cc-linkCard-wrapper .nbd-cc-linkCard a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .nbd-cc-linkCard-wrapper .nbd-cc-linkCard a {
        font-size: 18px;
        line-height: 26px
    }
}

.nbd-cc-linkCard-wrapper .nbd-cc-linkCard a:hover .nbd-icon-arrow {
    width: 34px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green-hover.svg'); */
    transform: translateX(10px)
}

.nbd-cc-linkCard-wrapper .nbd-icon-arrow {
    height: 13px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green.svg'); */
    transition: transform 900ms
}

.nbd-cc-linkCard-wrapper .nbd-cc-heading {
    color: #17252e;
    margin-bottom: 51px;
    margin-top: 94px
}

@media only screen and (min-width:768px) {
    .nbd-cc-linkCard-wrapper .nbd-cc-linkCard {
        max-width: 350px;
        min-height: 205px;
        padding: 39px 32px 32px 32px;
        margin: 12px 12px 12px 12px
    }

    .nbd-cc-linkCard-wrapper .nbd-cc-heading {
        margin-bottom: 40px;
        margin-top: 80px
    }

    .nbd-cc-linkCard-wrapper .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0
    }
}

@media only screen and (min-width:992px) {
    .nbd-cc-linkCard-wrapper .nbd-cc-linkCard {
        max-width: 390px;
        min-height: 195px;
        padding: 40px 32px;
        margin: 10px 12px 10px 12px
    }

    .nbd-cc-linkCard-wrapper .nbd-cc-heading {
        margin-bottom: 80px;
        margin-top: 128px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .nbd-cc-linkCard-wrapper .nbd-cc-linkCard {
        max-width: 390px;
        min-height: 195px;
        padding: 46.27px 32px 40px 32px;
        margin: 10px 12px 10px 12px
    }

    .nbd-cc-linkCard-wrapper .nbd-cc-heading {
        margin-bottom: 80px;
        margin-top: 128px
    }
}

@media(min-width:1025px) {
    .nbd-cc-linkCard-wrapper .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
}

.tabs-container.basictabs-container .container {
    padding: 0;
    max-width: 100%
}

.tabs-container.basictabs-container .faq-container.container {
    padding-right: 20px;
    padding-left: 20px
}

.tabs-container.basictabs-container .tabs-header-section {
    padding: 0;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.06);
    position: sticky;
    top: 0;
    z-index: 1
}

.tabs-container.basictabs-container .tabs-header-section.sticky {
    z-index: 1060;
    left: 0;
    top: 0
}

.tabs-container.basictabs-container .tabs-header {
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 1060;
    position: sticky;
    top: 0;
    padding-top: 20px;
    cursor: default;
    align-items: center
}

.tabs-container.basictabs-container .tabs-header .tab-header-title {
    padding-right: 10px;
    color: #17252e
}

.tabs-container.basictabs-container .tabs-header .btn {
    height: auto;
    padding: 10px 30px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    border-radius: 6px;
    margin-top: -10px;
    margin-bottom: 9px;
    font-family: 'Libre Franklin', sans-serif
}

.tabs-container.basictabs-container .tabs-header .tab-header-btn {
    text-align: right
}

.tabs-container.basictabs-container .mobile-tab-btn {
    display: none
}

.tabs-container.basictabs-container .cmp-tabs__tab--active {
    border-bottom: 4px solid #008533;
    text-shadow: 1px 0 0 currentColor
}

.tabs-container.basictabs-container .cmp-tabs__tab--active:focus {
    outline: 0
}

.tabs-container.basictabs-container .cmp-tabs__tablist.nbd-basic-tabs {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.tabs-container.basictabs-container .cmp-tabs__tablist.nbd-basic-tabs::-webkit-scrollbar {
    display: none
}

.tabs-container.basictabs-container .nbd-tabs-basictabs .cmp-tabs__tab {
    margin: 0 10px;
    padding: 0 0 18px 0;
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #17252e;
    flex: 0 0 auto;
    justify-content: center
}

.tabs-container.basictabs-container .nbd-tabs-basictabs .cmp-tabs__tab:hover {
    text-shadow: 0 0 .65px #333, 0 0 .65px #333
}

.tabs-container.basictabs-container .nbd-tabs-basictabs .cmp-tabs__tab.cmp-tabs__tab--active {
    text-shadow: 1px 0 0 currentColor
}

.tabs-container.basictabs-container .nbd-tabs-basictabs .cmp-tabs__tab:hover {
    text-shadow: 0 0 .65px #333, 0 0 .65px #333
}

.tabs-container.basictabs-container .nbd-tabs-tabpanel.cmp-tabs__tabpanel {
    margin-top: 8px;
    margin-bottom: 32px;
    padding-bottom: 42px;
    padding-top: 0
}

.tabs-container.basictabs-container .nbd-tabs-tabpanel {
    border: 0
}

.tabs-container.basictabs-container .tabs-container.cmp-tabs__tabpanel {
    padding-bottom: 42px
}

.tabs-container.basictabs-container .tabs-container.cmp-tabs__tabpanel .container {
    padding: 0
}

.tabs-container.basictabs-container .tabs-container.cmp-tabs__tablist li:first-child {
    margin-left: 0
}

.tabs-container.basictabs-container .nbd-basic-tabs .cmp-tabs__tab--active:hover {
    outline: 0;
    text-shadow: 1px 0 0 currentColor
}

.tabs-container.basictabs-container .nbd-tabs-tabpanel.cmp-tabs__tabpanel--active:focus {
    outline: 0
}

.tabs-container.basictabs-container .nbd-tabs-tabpanel.cmp-tabs__tabpanel--active:hover {
    outline: 0
}

.tabs-container.basictabs-container .content-end {
    justify-content: center
}

.tabs-container.basictabs-container .nbd-tabs-breadcumb {
    padding: 0 15px;
    display: flex;
    height: 50px;
    overflow: hidden;
    position: absolute;
    top: -7px
}

.tabs-container.basictabs-container .nbd-tabs-breadcumb span {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1025px) {
    .tabs-container.basictabs-container .nbd-tabs-breadcumb span {
        font-size: 18px;
        line-height: 26px
    }
}

.tabs-container.basictabs-container .nbd-tabs-breadcumb span a {
    font-family: 'Libre Franklin', sans-serif;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}

@media only screen and (min-width:576px) {
    .tabs-container.basictabs-container .nbd-tabs-breadcumb span a {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (min-width:1025px) {
    .tabs-container.basictabs-container .nbd-tabs-breadcumb span a {
        font-size: 14px;
        line-height: 22px
    }
}

.tabs-container.basictabs-container .nbd-tabs-breadcumb .nbd-text-muted a {
    color: #94999c
}

.tabs-container.basictabs-container .nbd-tabs-breadcumb .nbd-text-muted a:hover {
    color: #17252e
}

.tabs-container.basictabs-container .nbd-tabs-breadcumb .nbd-text-muted img {
    height: 14px;
    width: 14px
}

.tabs-container.basictabs-container .nbd-tabs-breadcumb .nbd-text-muted {
    cursor: default
}

.tabs-container.basictabs-container .nbd-tabs-breadcumb .nbd-text-dark {
    color: #17252e;
    cursor: default
}

.tabs-container.basictabs-container .nbd-tabs-breadcumb .nbd-text-dark a {
    color: #17252e;
    cursor: default
}

.tabs-container.basictabs-container .nbd-tabs-breadcumb.blackbg .nbd-text-muted a {
    color: #fff
}

.tabs-container.basictabs-container .nbd-tabs-breadcumb.blackbg .nbd-text-muted a:hover {
    color: #fff
}

.tabs-container.basictabs-container .nbd-tabs-breadcumb.blackbg .nbd-text-dark {
    color: #fff
}

.tabs-container.basictabs-container .nbd-tabs-breadcumb.blackbg .nbd-text-dark a {
    color: #fff
}

.tabs-container.basictabs-container .nbd-tabs-breadcumb.blackbg .link-to-anchor .jump-to-links {
    color: #fff
}

.tabs-container.basictabs-container .nbd-tabs-breadcumb {
    display: none
}

.tabs-container.basictabs-container .tabsng-container .tabs-header-section.blackbg .cmp-tabs__tab,
.tabs-container.basictabs-container .tabsng-container .tabs-header-section.darkgreybg .cmp-tabs__tab {
    color: #fff
}

.tabs-container.basictabs-container .tabsng-container .tabs-header-section.blackbg .cmp-tabs__tab.cmp-tabs__tab--active,
.tabs-container.basictabs-container .tabsng-container .tabs-header-section.darkgreybg .cmp-tabs__tab.cmp-tabs__tab--active {
    border-bottom: 4px solid #19f28f
}

.tabs-container.basictabs-container .tabsng-container .tabs-header-section.blackbg .nbd-tabs-breadcumb .nbd-text-dark a,
.tabs-container.basictabs-container .tabsng-container .tabs-header-section.darkgreybg .nbd-tabs-breadcumb .nbd-text-dark a {
    color: #fff
}

.tabs-container.basictabs-container .tabsng-container .tabs-header-section.blackbg .nbd-tabs-breadcumb .nbd-text-dark a:hover,
.tabs-container.basictabs-container .tabsng-container .tabs-header-section.darkgreybg .nbd-tabs-breadcumb .nbd-text-dark a:hover {
    color: #fff
}

.tabs-container.basictabs-container .tabsng-container .tabs-header-section.blackbg .nbd-tabs-breadcumb .nbd-text-muted a,
.tabs-container.basictabs-container .tabsng-container .tabs-header-section.darkgreybg .nbd-tabs-breadcumb .nbd-text-muted a {
    color: #fff
}

.tabs-container.basictabs-container .tabsng-container .tabs-header-section.blackbg .nbd-tabs-breadcumb .nbd-text-muted a:hover,
.tabs-container.basictabs-container .tabsng-container .tabs-header-section.darkgreybg .nbd-tabs-breadcumb .nbd-text-muted a:hover {
    color: #fff
}

@media only screen and (max-width:767px) {
    .tabs-container.basictabs-container .tabs-header {
        display: block
    }

    .tabs-container.basictabs-container .tabs-header .tab-header-title {
        display: block;
        padding-bottom: 20px;
        padding-right: 0
    }

    .tabs-container.basictabs-container .mobile-tab-btn {
        display: block;
        width: 100%;
        padding: 25px;
        padding-top: 0;
        position: sticky;
        bottom: 0;
        z-index: 1059;
        background-color: #fff;
        box-shadow: 0 -21px 20px 19px #fff
    }

    .tabs-container.basictabs-container .mobile-tab-btn .nbd-btn {
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        font-family: 'Libre Franklin', sans-serif
    }

    .tabs-container.basictabs-container .desktop-tab-btn {
        display: none
    }
}

@media only screen and (max-width:767px) and only screen and (min-width:1025px) {
    .tabs-container.basictabs-container .mobile-tab-btn .nbd-btn {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:768px) {
    .tabs-container.basictabs-container .faq-container.container {
        padding: 0
    }

    .tabs-container.basictabs-container .tabs-header .cmp-tabs__tablist {
        justify-content: center
    }

    .tabs-container.basictabs-container .tabs-header .nbd-tabs-breadcumb {
        display: flex
    }

    .tabs-container.basictabs-container .tabs-header .btn {
        width: fit-content;
        padding: 7px 20px
    }

    .tabs-container.basictabs-container .nbd-tabs-tabpanel.cmp-tabs__tabpanel:hover {
        outline: 0
    }

    .tabs-container.basictabs-container .nbd-tabs-basictabs .cmp-tabs__tab {
        margin: 0 16px
    }

    .tabs-container.basictabs-container .tab-header-title {
        padding: unset
    }

    .tabs-container.basictabs-container .nbd-tabs-breadcumb span a {
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700
    }

    .tabs-container.basictabs-container .nbd-tabs-breadcumb .nbd-text-muted img {
        height: 17px;
        width: 18px
    }

    .tabs-container.basictabs-container .content-end {
        justify-content: end !important
    }
}

@media only screen and (min-width:768px) and only screen and (min-width:576px) {
    .tabs-container.basictabs-container .nbd-tabs-breadcumb span a {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:768px) and only screen and (min-width:1025px) {
    .tabs-container.basictabs-container .nbd-tabs-breadcumb span a {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:992px) {
    .tabs-container.basictabs-container .cmp-tabs__tabpanel .nbd-tabs-tabpanel {
        margin-bottom: 48px;
        padding-top: 0
    }

    .tabs-container.basictabs-container .nbd-tabs-breadcumb span a {
        font-family: 'Open Sans Regular', sans-serif;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700
    }

    .tabs-container.basictabs-container .nbd-tabs-breadcumb .container-fluid {
        margin: 0 105px
    }

    .tabs-container.basictabs-container .nbd-tabs-breadcumb .nbd-text-muted img {
        height: 20px;
        width: 20px
    }
}

@media only screen and (min-width:992px) and only screen and (min-width:1025px) {
    .tabs-container.basictabs-container .nbd-tabs-breadcumb span a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:992px) and only screen and (min-width:576px) {
    .tabs-container.basictabs-container .nbd-tabs-breadcumb span a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:992px) and only screen and (min-width:1025px) {
    .tabs-container.basictabs-container .nbd-tabs-breadcumb span a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .tabs-container.basictabs-container .cmp-tabs__tabpanel {
        margin-top: 0
    }

    .tabs-container.basictabs-container .tab-title-div {
        padding-left: 0
    }

    .tabs-container.basictabs-container .alignleft {
        justify-self: flex-start
    }

    .tabs-container.basictabs-container .alignright {
        justify-self: flex-end
    }

    .tabs-container.basictabs-container .tab-header-btn {
        padding-right: 0
    }

    .tabs-container.basictabs-container .tabs-header-section .tabs-ng-container.ng-container {
        margin: 0 106px !important;
        max-width: 100%
    }
}

.accordion-container {
    background-color: #fff;
    border: 1px solid #e5edec;
    border-radius: 6px
}

.accordion-container .cmp-accordion__button {
    display: flex;
    justify-content: space-between;
    border: 0;
    background-color: transparent;
    padding: 16px
}

.accordion-container .cmp-accordion__button .cmp-accordion__title {
    margin: 0;
    color: #1a1a1a
}

.accordion-container .cmp-accordion__button .accordion-item-arrow {
    width: 24px;
    height: 24px
}

.accordion-container .cmp-accordion__button .accordion-item-arrow span.cmp-accordion__icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/acc_arrow_down_small.svg'); */
    width: 100%;
    height: 100%;
    display: inline-block
}

.accordion-container .cmp-accordion__button.cmp-accordion__button--expanded .accordion-item-arrow span.cmp-accordion__icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/acc_arrow_up_small.svg') */
}

.accordion-container .cmp-accordion__panel {
    height: 0;
    transition: height .2s cubic-bezier(0.44, 0, 0.56, 1);
    overflow: hidden
}

.accordion-container .cmp-accordion__panel.cmp-accordion__panel--hidden {
    display: block
}

.accordion-container .cmp-accordion__panel.cmp-accordion__panel--expanded {
    height: 344px;
    overflow-y: auto
}

.accordion-container .cmp-accordion__panel.cmp-accordion__panel--expanded::-webkit-scrollbar {
    width: 5px
}

.accordion-container .cmp-accordion__panel.cmp-accordion__panel--expanded::-webkit-scrollbar-thumb {
    background: #a3a3a3;
    border-radius: 6px
}

.accordion-container .cmp-accordion__panel.cmp-accordion__panel--expanded .container,
.accordion-container .cmp-accordion__panel.cmp-accordion__panel--hidden .container {
    padding: 0 16px
}

.accordion-container .cmp-accordion__panel.cmp-accordion__panel--expanded .container ul,
.accordion-container .cmp-accordion__panel.cmp-accordion__panel--hidden .container ul {
    margin: 0 0 16px
}

.accordion-container .cmp-accordion__panel.cmp-accordion__panel--expanded .container ul li,
.accordion-container .cmp-accordion__panel.cmp-accordion__panel--hidden .container ul li {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.accordion-container .cmp-accordion__panel.cmp-accordion__panel--expanded .container a,
.accordion-container .cmp-accordion__panel.cmp-accordion__panel--hidden .container a {
    color: #008533 !important;
    text-decoration: none !important;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {

    .accordion-container .cmp-accordion__panel.cmp-accordion__panel--expanded .container a,
    .accordion-container .cmp-accordion__panel.cmp-accordion__panel--hidden .container a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {

    .accordion-container .cmp-accordion__panel.cmp-accordion__panel--expanded .container a,
    .accordion-container .cmp-accordion__panel.cmp-accordion__panel--hidden .container a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {

    .accordion-container .cmp-accordion__panel.cmp-accordion__panel--expanded .container a,
    .accordion-container .cmp-accordion__panel.cmp-accordion__panel--hidden .container a {
        font-size: 18px;
        line-height: 26px
    }
}

.accordion-container .cmp-accordion__panel.cmp-accordion__panel--expanded .container a:after,
.accordion-container .cmp-accordion__panel.cmp-accordion__panel--hidden .container a:after {
    content: url('../../../assets/static/media/icons/diagonal-arrow-green.svg');
    top: 5px;
    left: 10px;
    position: relative;
    transition: all 200ms
}

.accordion-container .cmp-accordion__panel.cmp-accordion__panel--expanded .container a:hover::after,
.accordion-container .cmp-accordion__panel.cmp-accordion__panel--hidden .container a:hover::after {
    top: 2px;
    left: 13px
}

.accordion-container .cmp-accordion__panel.cmp-accordion__panel--expanded .container h6,
.accordion-container .cmp-accordion__panel.cmp-accordion__panel--hidden .container h6 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px
}

@media only screen and (min-width:992px) {
    .accordion-container .cmp-accordion__button {
        padding: 16px 24px
    }

    .accordion-container .cmp-accordion__panel.cmp-accordion__panel--expanded .container,
    .accordion-container .cmp-accordion__panel.cmp-accordion__panel--hidden .container {
        padding: 0 24px
    }
}

#customModal {
    padding: 0 !important;
    z-index: 1062;
    top: unset;
    bottom: 0;
    height: 0;
    overflow: hidden;
    transition: height .4s cubic-bezier(0.5, 0, 0.88, 0.77);
    display: block !important;
    box-shadow: 0 -4px 4px 0 rgba(23, 37, 46, 0.1)
}

#customModal .modal-dialog {
    margin: 0;
    height: 100%;
    min-width: 100%;
    max-width: 100%
}

#customModal .modal-dialog .modal-content {
    height: 100%;
    border-radius: 0;
    border: 0
}

#customModal .modal-dialog .modal-content .modal-header {
    border: 0;
    padding: 12px 0;
    z-index: 1
}

#customModal .modal-dialog .modal-content .modal-header .ng-container {
    display: flex;
    width: 100%
}

#customModal .modal-dialog .modal-content .modal-header .ng-container .modal-title {
    color: #17252e
}

#customModal .modal-dialog .modal-content .modal-header .ng-container .nbd-cm-close-btn {
    opacity: 1
}

#customModal .modal-dialog .modal-content .modal-header .ng-container .nbd-cm-close-btn span {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

#customModal .modal-dialog .modal-content .modal-header .ng-container .modal-header-details {
    width: 100%;
    flex-direction: column;
    display: none
}

#customModal .modal-dialog .modal-content .modal-header .ng-container .modal-header-details h5,
#customModal .modal-dialog .modal-content .modal-header .ng-container .modal-header-details p {
    margin: 0
}

#customModal .modal-dialog .modal-content .modal-header .ng-container .modal-header-details h5 {
    color: #17252e
}

#customModal .modal-dialog .modal-content .modal-header .ng-container .modal-header-details p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #494f50
}

@media only screen and (min-width:1025px) {
    #customModal .modal-dialog .modal-content .modal-header .ng-container .modal-header-details p {
        font-size: 18px;
        line-height: 26px
    }
}

#customModal .modal-dialog .modal-content .modal-header .ng-container .modal-header-details.show-modal-header-details {
    display: flex
}

#customModal .modal-dialog .modal-content .modal-header.modal-header-background {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1)
}

#customModal .modal-dialog .modal-content .modal-body {
    padding: 0
}

#customModal .modal-dialog .modal-content .modal-body>div {
    height: 100%
}

#customModal .modal-dialog .modal-content .modal-body .modal-heading {
    margin-top: 4px;
    margin-bottom: 48px
}

#customModal .modal-dialog .modal-content .modal-body .modal-heading.hide-modal-heading {
    display: none
}

#customModal .modal-dialog .modal-content .modal-body .columnscontrol,
#customModal .modal-dialog .modal-content .modal-body .columns-control-container,
#customModal .modal-dialog .modal-content .modal-body .columns-control-container .row {
    height: 100%
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container {
    padding: 0
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container {
    margin: 0
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-heading {
    display: none
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck {
    display: flex
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck .nbd-vcard-card {
    padding: 16px 24px 16px;
    margin: 0 0 16px 0;
    box-shadow: 0 0 10px 0 rgba(23, 37, 46, 0.1)
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck .nbd-vcard-card .nbd-vcard-header .nbd-intercept-img-bg {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck .nbd-vcard-card .nbd-vcard-header .nbd-intercept-img-bg img {
    width: 100%;
    height: 100%
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck .nbd-vcard-card .nbd-vcard-card-body p {
    font-weight: 700
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper {
    padding: 0;
    margin-bottom: 16px
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card {
    margin-top: 0;
    border: 1px solid #e5edec;
    box-shadow: 0 60px 60px -80px rgba(23, 37, 46, 0.25)
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body {
    padding: 35px 16px 0 16px
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body .card-title {
    margin: 0
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body .card-title h4 {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 26px
}

@media only screen and (min-width:767px) {
    #customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body .card-title h4 {
        font-size: 20px;
        line-height: 28px
    }
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body .card-title .card-subtitle {
    display: none
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body .card-details {
    margin: 0
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body .card-details .nbd-border-bottom {
    margin-bottom: 8px
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body .card-details .card-detail-description {
    color: #494f50;
    margin: 0 0 8px 0
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body .card-details .card-details-head {
    margin: 0
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body .card-details .nbd-vac-fees .overview-label {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body .card-details .nbd-vac-fees .overview-value {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 28px
}

@media only screen and (min-width:1025px) {
    #customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body .card-details .nbd-vac-fees .overview-value {
        font-size: 24px;
        line-height: 32px
    }
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body .card-title,
#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body .card-detail-description,
#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body .nbd-vac-fees,
#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body .nbd-vac-fees .col,
#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-body .nbd-vac-fees .col .overview-value {
    height: auto !important
}

#customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card .card-footer {
    padding: 0
}

#customModal.show {
    transition: height .4s cubic-bezier(0.12, 0.23, 0.5, 1)
}

.custom-modal-backdrop {
    background-color: #fff;
    z-index: 1061;
    opacity: .75 !important
}

@media only screen and (min-width:768px) and (max-width:991px) {
    #customModal .modal-dialog .modal-content .modal-body .modal-heading {
        margin-top: 24px;
        margin-bottom: 80px
    }

    #customModal .modal-dialog .modal-content .modal-body .modal-heading.hide-modal-heading {
        display: block
    }

    #customModal .modal-dialog .modal-content .modal-body .modal-heading.hide-modal-heading-tab {
        display: none
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck .nbd-vcard-card {
        display: flex
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck .nbd-vcard-card .nbd-vcard-header,
    #customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck .nbd-vcard-card .nbd-vcard-card-body,
    #customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck .nbd-vcard-card .nbd-vcard-footer {
        width: unset
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container {
        max-width: 516px;
        margin: 0 auto
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card {
        min-width: 100%;
        max-width: 100%
    }

    #customModal .modal-dialog .modal-content .modal-body .accordion-container {
        max-width: 516px;
        margin: 0 auto
    }

    #customModal .modal-dialog .modal-content .modal-body .switcher-container {
        max-width: 516px;
        margin: 0 auto
    }
}

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

    #customModal,
    #customModal .modal-content,
    #customModal .modal-content .modal-header {
        background-color: #fafafa
    }

    #customModal {
        scroll-behavior: smooth
    }

    #customModal .modal-dialog .modal-content #stickyheaderalias {
        display: flex
    }

    #customModal .modal-dialog .modal-content .modal-header {
        position: fixed;
        left: 0;
        right: 0
    }

    #customModal .modal-dialog .modal-content .modal-header .ng-container {
        flex-wrap: wrap
    }

    #customModal .modal-dialog .modal-content .modal-header .ng-container .modal-title.modal-title-small {
        font-size: 18px;
        line-height: 26px
    }

    #customModal .modal-dialog .modal-content .modal-header .ng-container .nbd-cm-close-btn span {
        display: none
    }

    #customModal .modal-dialog .modal-content .modal-header .ng-container .nbd-cm-close-btn img {
        width: 24px;
        height: 24px
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container {
        background-color: #fafafa !important
    }

    #customModal .modal-dialog .modal-content .modal-body .columns-control-container .row .firstcolumn {
        padding-top: 32px;
        overflow-y: auto;
        scroll-behavior: smooth
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper.hide-card {
        display: none
    }

    #customModal .modal-dialog .modal-content .modal-body .accordion-container .cmp-accordion__panel {
        transition: none
    }

    #customModal .modal-dialog .modal-content .modal-body .accordion-container .cmp-accordion__panel.cmp-accordion__panel--expanded {
        height: unset
    }

    #customModal .modal-dialog .modal-content .modal-body .switcher-container .nbd-money-app-v2 {
        display: none
    }

    #customModal.show {
        overflow-y: auto
    }
}

@media only screen and (min-width:992px) {
    #customModal .modal-dialog .modal-content {
        background-color: #fafafa
    }

    #customModal .modal-dialog .modal-content #stickyheaderalias {
        display: none
    }

    #customModal .modal-dialog .modal-content .modal-header {
        padding: 0
    }

    #customModal .modal-dialog .modal-content .modal-header .ng-container {
        flex-direction: column
    }

    #customModal .modal-dialog .modal-content .modal-header .ng-container .modal-title {
        order: 2
    }

    #customModal .modal-dialog .modal-content .modal-header .ng-container .nbd-cm-close-btn {
        margin-top: 8px
    }

    #customModal .modal-dialog .modal-content .modal-header .ng-container .modal-header-details.show-modal-header-details {
        display: none
    }

    #customModal .modal-dialog .modal-content .modal-header.modal-header-background {
        background-color: transparent;
        box-shadow: none
    }

    #customModal .modal-dialog .modal-content .modal-body .modal-heading {
        display: none
    }

    #customModal .modal-dialog .modal-content .modal-body .columns-control-container {
        padding: 64px 0 0
    }

    #customModal .modal-dialog .modal-content .modal-body .columns-control-container .accordion-container {
        position: absolute;
        left: 15px;
        right: 15px
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card {
        min-width: 100%;
        max-width: 100%
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-left-align-margin {
        margin: 0 !important
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper.hide-card .nbd-vac-container .card .nbd-wcd-header img {
        opacity: 0
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck {
        flex-direction: row;
        justify-content: center
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck .nbd-vcard-card {
        text-align: center;
        min-width: 145px;
        max-width: 145px;
        padding: 40px 10px;
        box-shadow: 0 6px 20px 0 rgba(23, 37, 46, 0.1)
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck .nbd-vcard-card .nbd-vcard-header {
        height: 0
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck .nbd-vcard-card .nbd-vcard-header .nbd-intercept-img-bg {
        width: 32px;
        height: 32px;
        margin: 0 auto
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck .nbd-vcard-card .nbd-vcard-card-body {
        margin: 32px 0
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck .nbd-vcard-card:not(:last-child) {
        margin-right: 17px
    }

    #customModal.show {
        height: 630px
    }
}

@media only screen and (min-width:1200px) {
    #customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper {
        margin-bottom: 32px
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vac-wrapper .nbd-vac-container .card {
        max-width: 340px;
        min-width: 340px
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck .nbd-vcard-card {
        min-width: 170px;
        max-width: 170px;
        padding: 40px 20px
    }

    #customModal .modal-dialog .modal-content .modal-body .nbd-vcard-container .ng-container .nbd-vcard-deck .nbd-vcard-card:not(:last-child) {
        margin-right: 22px
    }

    #customModal .modal-dialog .modal-content .modal-body .accordion-container {
        max-width: 340px
    }
}

@media only screen and (min-width:1441px) {
    #customModal .modal-dialog .modal-content .modal-header .ng-container .modal-title {
        margin-top: 64px
    }

    #customModal .modal-dialog .modal-content .modal-header .ng-container .nbd-cm-close-btn {
        position: absolute;
        right: 106px
    }
}

.switcher-container .switcher-container-heading {
    width: 327px;
    margin: 32px auto 16px;
    text-align: center;
    color: #17252e
}

.switcher-container .nbd-btn {
    width: 285px
}

.switcher-container .switcher-container-btngrp {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 16px 0
}

.switcher-container .switcher-container-btngrp .switch-btn-one {
    padding: 0;
    background-color: transparent;
    border: 0;
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 16px
}

.switcher-container .switcher-container-btngrp .switch-btn-one .switch-btn-one-arrow {
    width: 24px;
    height: 24px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow_down_small_black.svg'); */
    top: 7px;
    position: relative;
    display: inline-block
}

.switcher-container .switcher-container-btngrp .switch-btn-one .switch-btn-one-arrow.switch-btn-one-arrow-up {
    transform: rotate(180deg)
}

.switcher-container .switcher-container-btngrp .switch-btn-two {
    margin-bottom: 17px
}

.switcher-container .moneyapp .row {
    margin: 0
}

@media only screen and (max-width:991px) {
    .switcher-container {
        display: flex;
        flex-direction: column
    }

    .switcher-container .switch-div-two {
        order: 2
    }

    .switcher-container .switch-div-two.display-block {
        display: block !important
    }

    .switcher-container .switch-div-one .nbd-btn,
    .switcher-container .switch-div-two .nbd-btn {
        display: none
    }
}

@media only screen and (min-width:992px) {
    .switcher-container {
        height: 360px;
        overflow: hidden
    }

    .switcher-container .switcher-container-heading {
        display: none
    }

    .switcher-container .switch-div-one,
    .switcher-container .switch-div-two {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden;
        position: relative;
        transition: all .4s cubic-bezier(0.5, 0, 0.88, 0.77)
    }

    .switcher-container .switch-div-one .nbd-btn,
    .switcher-container .switch-div-two .nbd-btn {
        margin: 0 auto
    }

    .switcher-container .switch-div-one {
        bottom: 0;
        height: 100%
    }

    .switcher-container .switch-div-one .switch-btn-one {
        border: 1px solid #008533;
        color: #008533;
        background-color: #fff
    }

    .switcher-container .switch-div-two {
        height: 0;
        bottom: -360px;
        overflow: hidden
    }

    .switcher-container .switcher-container-btngrp {
        display: none
    }

    .switcher-container .slide-div-one-up {
        height: 0;
        bottom: 360px;
        transition: all .4s cubic-bezier(0.12, 0.23, 0.5, 1)
    }

    .switcher-container .slide-div-two-up {
        bottom: 0;
        height: 100%;
        transition: all .4s cubic-bezier(0.12, 0.23, 0.5, 1)
    }
}

.nbd-rte-enc a {
    text-decoration: underline;
    color: #008533
}

.nbd-rte-enc p,
.nbd-rte-enc span {
    font-family: 'Open Sans Regular', sans-serif
}

.nbd-rte-enc blockquote {
    font-family: 'Libre Franklin', sans-serif;
    margin-left: 15px
}

.nbd-rte-enc .nbd-quote {
    font-family: 'Libre Franklin', sans-serif;
    font-size: 100px
}

.headerbanner .headerbannerdesktop {
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px
}

.headerbanner .headerbanner-bgimage {
    display: block;
    background-size: contain;
    height: 100%;
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 0
}

.headerbanner .nbd-saveinvest-cta-button {
    text-align: center
}

.headerbanner .nbd-saveinvest-cta-button .nbd-btn {
    width: 100%
}

.headerbanner .nbd-tooltip img {
    height: 12px;
    width: 12px;
    margin-left: 8px
}

.headerbanner .nbd-ccd-page .tooltip {
    color: #fff;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.headerbanner .nbd-ccd-page .tooltip .tooltip-inner {
    background-color: #17252e;
    border-radius: 5px;
    min-width: 250px;
    padding: 15px 10px;
    text-align: unset
}

.headerbanner .nbd-ccd-page .nbd-credit-card-categories.topmargin {
    margin-top: 80px
}

.headerbanner .nbd-credit-card-banner-img {
    position: relative;
    height: 210px;
    width: 302px
}

.headerbanner .nbd-credit-card-banner-content {
    margin: 0 0 16px 0
}

.headerbanner .nbd-credit-card-banner-content h1 {
    color: #17252e;
    margin: 0 0 16px 0
}

.headerbanner .nbd-credit-card-banner-content p {
    color: #494f50;
    margin: 0 0 16px 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .headerbanner .nbd-credit-card-banner-content p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .headerbanner .nbd-credit-card-banner-content p {
        font-size: 20px;
        line-height: 28px
    }
}

.headerbanner .nbd-card-fees label {
    display: block;
    max-width: 210px;
    color: #494f50;
    margin: 0 0 8px 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.headerbanner .nbd-card-fees .nbd-card-fees-span {
    justify-content: start;
    align-items: baseline;
    display: flex;
    max-width: 210px;
    color: #17252e;
    margin: 0 0 16px 0
}

.headerbanner .nbd-card-fees .nbd-card-fees-span h7 {
    display: inline
}

.headerbanner .nbd-credit-card-banner-link {
    color: #008533;
    display: block;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .headerbanner .nbd-credit-card-banner-link {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .headerbanner .nbd-credit-card-banner-link {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .headerbanner .nbd-credit-card-banner-link {
        font-size: 18px;
        line-height: 26px
    }
}

.headerbanner .nbd-credit-card-banner-link:hover {
    color: #008533
}

.headerbanner .nbd-credit-card-banner-link:hover .down-arrow-btn {
    transform: translateY(8px)
}

.headerbanner .nbd-credit-card-banner-link.nbd-float-center {
    text-align: center
}

.headerbanner .nbd-credit-card-banner-link.nbd-float-left {
    text-align: left;
    padding-left: 5px
}

.headerbanner .nbd-credit-card-banner-content .nbd-btn,
.headerbanner .nbd-ccd-links .nbd-btn {
    line-height: 35px;
    padding: 10px 12px
}

.headerbanner .nbd-credit-card-banner-content .nbd-icon-arrow,
.headerbanner .nbd-ccd-links .nbd-icon-arrow {
    height: 13px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green.svg'); */
    transition: transform 900ms
}

.headerbanner .nbd-credit-card-banner-content a:hover .nbd-icon-arrow,
.headerbanner .nbd-ccd-links a:hover .nbd-icon-arrow {
    transform: translateX(10px)
}

.headerbanner .nbd-credit-card-banner-mb-view {
    display: block;
    background-color: #fafafa;
    position: relative;
    width: 100%;
    height: 210px;
    padding: 0
}

.headerbanner .nbd-credit-card-banner-mb-view .headerbanner-bgimage {
    margin: 0;
    width: 100%
}

.headerbanner .nbd-credit-card-banner-mb-view #lottie {
    height: 210px;
    width: 100%;
    margin: 0
}

.headerbanner .nbd-credit-card-banner-tab-desktop-view {
    display: none
}

.headerbanner .nbd-ccd-for-dp-mb {
    display: block
}

.headerbanner .nbd-ccd-for-tab {
    display: none
}

.headerbanner .nbd-credit-card-banner-content .nbd-credit-card-banner-infomsg p {
    margin: 0
}

.headerbanner .nbd-credit-card-banner-infomsg {
    display: inline-flex;
    box-sizing: border-box;
    min-height: auto;
    max-width: 100%;
    border: 0 solid #e0e0e0;
    border-radius: 0;
    padding: 8px 0;
    margin-bottom: 32px;
    margin-top: 8px
}

.headerbanner .nbd-credit-card-banner-infomsg p {
    margin: 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.headerbanner .nbd-credit-card-banner-infomsg p a {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width:576px) {
    .headerbanner .nbd-credit-card-banner-infomsg p a {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .headerbanner .nbd-credit-card-banner-infomsg p a {
        font-size: 16px;
        line-height: 24px
    }
}

.headerbanner .nbd-credit-card-banner-infomsg img {
    display: none;
    height: 18px;
    width: 18px;
    margin: 0 5px 0 0;
    align-self: center
}

.headerbanner .nbd-credit-card-banner-infomsg span {
    color: #494f50;
    align-self: center;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.headerbanner .nbd-bank-card-type {
    color: #17252e;
    margin: 8px 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.headerbanner .headerbannercoverimg .headerbanner-bgimage {
    z-index: 10;
    background-size: cover;
    box-shadow: 0 30px 60px -30px rgba(23, 37, 46, 0.3);
    -webkit-box-shadow: 0 30px 60px -30px rgba(23, 37, 46, 0.3);
    -moz-box-shadow: 0 30px 60px -30px rgba(23, 37, 46, 0.3)
}

.headerbanner .headerbannerdesktop.tertiary-bg .nbd-credit-card-banner-content h1 {
    color: #17252e
}

.headerbanner .headerbannerdesktop.tertiary-bg .nbd-credit-card-banner-content p {
    color: #494f50
}

.headerbanner .headerbannerdesktop.tertiary-bg .nbd-credit-card-banner-content .nbd-icon-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green1.svg') */
}

.headerbanner .headerbannerdesktop.tertiary-bg .nbd-credit-card-banner-link {
    color: #008533
}

.headerbanner .headerbannerdesktop.tertiary-bg .nbd-credit-card-banner-link:hover {
    color: #008533
}

.headerbanner .headerbannerdesktop .nbd-card-fees label {
    color: #494f50
}

.headerbanner .nbd-credit-gap {
    max-width: 100%;
    flex: 0 0 100%
}

.headerbanner .nbd-credit-gap .nbd-credit-card-banner-infomsg {
    margin: 0 0 32px 0
}

.headerbanner .nbd-credit-gap:nth-child(odd).nbd-infomsg {
    max-width: 100%;
    flex: 0 0 100%
}

@media only screen and (max-width:576px) {
    .headerbanner .headerbannerdesktop {
        padding: 40px 15px
    }

    .headerbanner .col-6.nbd-bankcard-col-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .headerbanner .nbd-credit-card-banner-link {
        margin: 8px 0 16px 0
    }

    .headerbanner .nbd-ccd-page .nbd-credit-card-categories.topmargin {
        margin-top: 40px
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .headerbanner .nbd-ccd-links {
        background-color: #fafafa
    }

    .headerbanner .nbd-credit-card-banner-img {
        height: 275px;
        width: 372px
    }

    .headerbanner .nbd-credit-card-banner-content {
        margin: 0 40px 0 15px
    }

    .headerbanner .nbd-credit-card-banner-content h1 {
        margin: 0 0 16px 0
    }

    .headerbanner .nbd-card-fees label {
        max-width: 163px;
        margin: 0 0 8px 0
    }

    .headerbanner .nbd-card-fees .nbd-card-fees-span {
        max-width: 163px;
        margin: 0 0 16px 0
    }

    .headerbanner .nbd-credit-card-links {
        display: flex
    }

    .headerbanner .nbd-credit-card-banner-link {
        text-align: left;
        padding-left: 10px
    }

    .headerbanner .nbd-credit-card-banner-content .nbd-btn,
    .headerbanner .nbd-ccd-links .nbd-btn {
        max-width: 285px;
        line-height: 35px;
        margin-top: 0
    }

    .headerbanner .nbd-credit-card-banner-mb-view {
        display: none
    }

    .headerbanner .nbd-credit-card-banner-tab-desktop-view {
        display: flex;
        flex-direction: column;
        flex: 1;
        justify-content: flex-end;
        padding: 0
    }

    .headerbanner .nbd-credit-card-banner-tab-desktop-view #lottie {
        margin: 0;
        height: 275px;
        width: 372px;
        position: relative
    }

    .headerbanner .nbd-ccd-for-dp-mb {
        display: none
    }

    .headerbanner .nbd-ccd-for-tab {
        display: flex;
        align-items: center
    }

    .headerbanner .nbd-ccd-links .nbd-ccd-for-tab {
        margin: 0 0 24px 0
    }

    .headerbanner .nbd-ccd-links .col-sm-3 {
        padding-right: 0
    }

    .headerbanner .nbd-ccd-links .nbd-credit-card-banner-link {
        display: block
    }

    .headerbanner .nbd-credit-card-banner-link.nbd-float-center {
        text-align: left
    }

    .headerbanner .nbd-credit-card-banner-infomsg {
        padding: 12px 0;
        max-width: 350px;
        margin: 0
    }

    .headerbanner .nbd-bank-card-type {
        margin: 16px 0
    }
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .headerbanner .nbd-saveinvest-cta-button {
        text-align: left;
        padding: 0 0 0 15px
    }

    .headerbanner .nbd-saveinvest-cta-button .nbd-credit-card-banner-link {
        padding-top: 15px;
        padding-left: 0
    }

    .headerbanner .nbd-saveinvest-cta-button .nbd-btn {
        margin: 0 0 56px 0
    }
}

@media only screen and (min-width:834px) and (max-width:1024px) {
    .headerbanner .nbd-credit-card-banner-img {
        width: 402px
    }
}

@media only screen and (min-width:1025px) {
    .headerbanner .nbd-saveinvest-cta-button {
        text-align: left;
        align-self: center
    }

    .headerbanner .nbd-credit-card-banner-img {
        height: 486px;
        width: 665px;
        margin: 0
    }

    .headerbanner .nbd-credit-card-banner-content {
        margin: 24px 70px 0 105px
    }

    .headerbanner .nbd-credit-card-banner-content h1 {
        margin: 0 0 16px 0
    }

    .headerbanner .nbd-credit-card-banner-content p {
        margin: 0 0 32px 0
    }

    .headerbanner .nbd-card-fees label {
        max-width: 210px;
        margin: 0 0 8px 0
    }

    .headerbanner .nbd-card-fees .nbd-card-fees-span {
        max-width: 210px;
        margin: 0 0 16px 0
    }

    .headerbanner .nbd-bold-fees {
        font-size: 32px
    }

    .headerbanner .nbd-credit-card-links {
        display: flex
    }

    .headerbanner .nbd-credit-card-banner-link.nbd-float-center {
        text-align: left
    }

    .headerbanner .nbd-credit-card-banner-link.nbd-float-left {
        text-align: left
    }

    .headerbanner .nbd-credit-card-banner-content .nbd-btn,
    .headerbanner .nbd-ccd-links .nbd-btn {
        max-width: 285px;
        line-height: 40px;
        padding: 6px 12px;
        margin: 0
    }

    .headerbanner .nbd-credit-card-banner-mb-view {
        display: none
    }

    .headerbanner .nbd-credit-card-banner-tab-desktop-view {
        display: flex;
        flex-direction: column;
        flex: 1;
        justify-content: flex-end;
        padding: 0
    }

    .headerbanner .nbd-credit-card-banner-tab-desktop-view #lottie {
        margin: 0;
        height: 486px;
        width: 665px
    }

    .headerbanner .nbd-ccd-for-dp-mb {
        display: flex;
        align-items: center
    }

    .headerbanner .nbd-ccd-for-tab {
        display: none
    }

    .headerbanner .nbd-credit-card-banner-infomsg {
        padding: 8px 0;
        margin: 0 0 32px 0;
        max-width: 510px
    }

    .headerbanner .nbd-bank-card-type {
        margin: 0 0 16px 0
    }
}

@media only screen and (min-width:1025px) and (max-width:1439px) {
    .headerbanner .nbd-credit-card-banner-content {
        margin: 24px 30px 0 105px
    }

    .headerbanner .nbd-credit-card-banner-img {
        height: 486px;
        width: 665px
    }
}

@media only screen and (min-width:1440px) {

    .headerbanner .nbd-ccd-for-dp-mb,
    .headerbanner .nbd-credit-gap {
        flex: 0 0 40%
    }

    .headerbanner .nbd-ccd-for-dp-mb.nbd-infomsg .nbd-credit-card-banner-infomsg,
    .headerbanner .nbd-credit-gap.nbd-infomsg .nbd-credit-card-banner-infomsg {
        margin: 0;
        padding: 0
    }

    .headerbanner .nbd-credit-gap:nth-child(odd).nbd-infomsg {
        max-width: 100%;
        flex: 0 0 80%
    }

    .headerbanner .nbd-credit-gap:nth-child(odd).nbd-infomsg .nbd-credit-card-banner-infomsg {
        margin: 0 0 32px 0
    }
}

.headerbanner .nbd-credit-card-benefits {
    margin: 0 0 32px 0
}

.headerbanner .nbd-credit-card-benefits h2 {
    color: #17252e;
    margin: 35px 0 24px 0
}

.headerbanner .nbd-card-benefits {
    display: flex
}

.headerbanner .nbd-card-benefits .nbd-icon-tick-green {
    height: 24px;
    width: 24px;
    margin: 0 16px 22px 0;
    display: inline-block;
    background-size: contain;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/tick_icon.svg') */
}

.headerbanner .nbd-saveinvest-benifits .nbd-saveinvest-sub-benifits {
    display: flex
}

.headerbanner .nbd-saveinvest-benifits .nbd-saveinvest-sub-benifits .nbd-icon-tick-green {
    height: 24px;
    width: 24px;
    margin: 0 16px 22px 0;
    display: inline-block;
    background-size: contain;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/tick_icon.svg') */
}

.headerbanner .nbd-saveinvest-benifits .nbd-card-benefit-info p {
    max-width: none
}

.headerbanner .nbd-card-benefit-info p {
    max-width: 240px;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:576px) {
    .headerbanner .nbd-card-benefit-info p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .headerbanner .nbd-card-benefit-info p {
        font-size: 20px;
        line-height: 28px
    }
}

.headerbanner .nbd-terms-and-cond-link {
    margin: 0 0 42px 0
}

.headerbanner .nbd-terms-and-cond-link a:hover .nbd-icon-arrow {
    width: 34px;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green-hover.svg'); */
    transform: translateX(10px)
}

.headerbanner .nbd-terms-and-cond-link .nbd-icon-arrow {
    height: 13px;
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-green.svg'); */
    transition: transform 900ms
}

.headerbanner .nbd-card-category {
    margin: 0 0 40px 0
}

.headerbanner .nbd-card-category h6 {
    margin-bottom: 0
}

.headerbanner .nbd-card-category p {
    margin-bottom: 0
}

.headerbanner .nbd-card-category img {
    height: 32px;
    width: 32px;
    margin: 0 0 24px 0
}

.headerbanner .nbd-card-category h5 {
    color: #17252e;
    margin: 0 0 23.5px 0
}

.headerbanner .nbd-card-category-text {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    display: block;
    color: #494f50;
    padding: 15.5px 0 15.5px 0;
    border-top: 1px solid #e0e0e0
}

.headerbanner .nbd-card-category-text+br {
    display: none
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .headerbanner .nbd-credit-card-benefits {
        margin: 0 0 75px 0
    }

    .headerbanner .nbd-credit-card-benefits h2 {
        margin: 40px 0 32px 0
    }

    .headerbanner .nbd-card-benefits {
        display: block
    }

    .headerbanner .nbd-saveinvest-benifits .nbd-icon-tick-green {
        margin: 0 20px 14px 0
    }

    .headerbanner .nbd-card-benefits .nbd-icon-tick-green {
        height: 32px;
        width: 32px;
        margin: 0 0 14px 0
    }

    .headerbanner .nbd-card-benefit-info p {
        max-width: 220px;
        margin-top: 5px
    }

    .headerbanner .nbd-terms-and-cond-link {
        margin: 0 0 40px 0
    }

    .headerbanner .nbd-card-category {
        margin: 0 0 64px 0
    }

    .headerbanner .nbd-card-category img {
        height: 39px;
        width: 39px;
        margin: 0 0 32px 0
    }

    .headerbanner .nbd-card-category h5 {
        margin: 0 0 23.5px 0
    }

    .headerbanner .nbd-card-category-text {
        max-width: 220px
    }
}

@media only screen and (min-width:1025px) {
    .headerbanner .nbd-credit-card-benefits {
        margin: 0 0 64px 0
    }

    .headerbanner .nbd-credit-card-benefits h2 {
        margin: 80px 0 64px 0
    }

    .headerbanner .nbd-card-benefits {
        display: flex
    }

    .headerbanner .nbd-card-benefits .nbd-icon-tick-green {
        height: 32px;
        width: 32px;
        margin: 0 40px 0 0
    }

    .headerbanner .nbd-card-benefit-info p {
        max-width: 316px
    }

    .headerbanner .nbd-terms-and-cond-link {
        margin: 0 0 80px 0
    }

    .headerbanner .nbd-card-category img {
        height: 42px;
        width: 42px;
        margin: 0 0 34px 0
    }

    .headerbanner .nbd-card-category h5 {
        margin: 0 0 22.5px 0
    }

    .headerbanner .nbd-card-category-text {
        max-width: 250px
    }
}

@media only screen and (min-width:1025px) and (max-width:1439px) {
    .headerbanner .nbd-card-benefits .nbd-icon-tick-green {
        margin: 0 35px 0 0
    }
}

.swipe-container {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 0
}

.swipe-container .row div>div[class^='card'] {
    display: block
}

.swipe-container .nbd-selectopt {
    min-width: 100%;
    height: 56px;
    border: 2px solid #bbb;
    padding: 16px;
    text-align: left
}

.swipe-container .nbd-selectopt .nbd-down-arrow {
    top: 16px
}

.swipe-container .nbd-selectopt .dropdown-menu {
    width: 120px
}

.swipe-container .nbd-btn-tertiary {
    font-weight: 700
}

.swipe-container .nbd-title {
    color: #17252e
}

.swipe-container .result-panel {
    padding: 24px;
    background-color: #fafafa
}

.swipe-container .button-wrapper {
    width: 100%;
    margin: 0
}

.swipe-container .calc-header {
    padding-bottom: 24px;
    color: #17252e
}

.swipe-container .tooltip {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

.swipe-container .tooltip .tooltip-inner {
    background-color: #17252e;
    border-radius: 5px;
    min-width: 250px;
    padding: 15px 10px;
    text-align: unset
}

.swipe-container .tooltip-img {
    height: 12px;
    width: 12px;
    margin-left: 8px
}

.swipe-container .nbd-tooltip {
    float: right;
    height: 16px;
    outline: transparent
}

.swipe-container .btn {
    height: 56px
}

.swipe-container .modal-lg {
    height: auto
}

.swipe-container .modal-content {
    border: 0;
    padding-bottom: 20px !important
}

.swipe-container .modal-backdrop.show {
    background-color: #fff
}

.swipe-container .modal-footer {
    border-top: 0;
    padding: 0
}

.swipe-container .modal-footer .col-sm-12 {
    padding-left: 0
}

.swipe-container .close {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:1025px) {
    .swipe-container .close {
        font-size: 18px;
        line-height: 26px
    }
}

.swipe-container .close img {
    height: 42px;
    width: 42px
}

.swipe-container .popup-buttons {
    width: 100%
}

.swipe-container .popup-footer-note {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #494f50;
    padding: 0 0 24px 0
}

.swipe-container .card-body {
    padding: 0
}

.swipe-container .breakdown-header {
    padding-left: 0
}

.swipe-container .nbd-btn {
    margin: 6px 0 6px 0 !important
}

.swipe-container .nbd-btn-secondary:focus {
    border: 2px solid #008533;
    box-shadow: none
}

.swipe-container .nbd-card-amount {
    text-align: left;
    color: #000
}

.swipe-container .nbd-description {
    color: #17252e;
    margin: 31px 10px 1px 10px
}

.swipe-container .hide-text {
    display: none
}

.swipe-container .loan-desc,
.swipe-container .purchaseprice-desc {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin: 4px
}

.swipe-container .text-muted {
    color: #494f50 !important
}

.swipe-container .nbd-details-row {
    display: block;
    width: 100%;
    padding: 21px 10px 0 10px;
    border-bottom: 1px solid #17252e
}

.swipe-container .nbd-details-col-1,
.swipe-container .nbd-details-col-2 {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    width: 100%
}

.swipe-container .nbd-details-col-1 p,
.swipe-container .nbd-details-col-2 p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.swipe-container .nbd-details-col-1 p:first-child {
    margin-bottom: 3px;
    font-weight: bold
}

.swipe-container .nbd-details-col-2 p {
    margin-bottom: 12px
}

.swipe-container .breakdown-val {
    color: #17252e;
    font-weight: 500;
    margin-bottom: 12px
}

.swipe-container .nbd-currency-input {
    position: relative;
    top: 28px;
    right: inherit;
    bottom: inherit;
    left: 15px;
    display: block;
    height: 0;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    line-height: 0;
    color: #17252e
}

.swipe-container .nbd-form-control {
    padding-left: 26px;
    border-radius: 0;
    font-weight: 700;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #17252e
}

.swipe-container .nbd-anchor-btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.swipe-container .nbd-subtitle {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

.swipe-container .nbd-subtitle a {
    float: right
}

.swipe-container .nbd-calc-disclaimer {
    padding-top: 32px;
    margin: 0;
    color: #94999c;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.swipe-container .loan-wrapper .form-group {
    margin-bottom: 24px
}

.swipe-container .nbd-col-dropdown {
    width: 100%;
    text-align: left;
    position: relative !important
}

.swipe-container .nbd-col-dropdown.show button {
    border-color: #17252e
}

.swipe-container .nbd-col-dropdown button {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 16px 8px 16px 16px;
    width: 100%;
    text-align: left;
    border: 2px solid #bbb;
    border-radius: unset
}

.swipe-container .nbd-col-dropdown button:focus {
    box-shadow: none
}

.swipe-container .nbd-col-dropdown .dropdown-menu.show {
    width: 100%;
    margin: 0;
    border: 2px solid #17252e;
    transform: translate3d(0, 53px, 0) !important;
    border-radius: unset;
    border-top: 2px solid #eee;
    padding: 0
}

.swipe-container .calculator-container .dropdown-toggle::after {
    display: none
}

.swipe-container .nbd-col-dropdown .nbd-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-down-grey.svg'); */
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 0;
    position: absolute;
    right: 8px;
    margin-top: -3px
}

.swipe-container .nbd-col-dropdown.show .nbd-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/arrow-up-grey.svg'); */
    margin-top: 4px
}

.swipe-container .nbd-col-dropdown .btn span {
    margin-top: -3px;
    width: 100%
}

.swipe-container .nbd-col-dropdown .btn {
    display: flex
}

.swipe-container .nbd-col-dropdown .dropdown-item,
.swipe-container .nbd-col-dropdown.show span {
    color: #17252e;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    line-height: 0;
    margin-bottom: 0
}

.swipe-container .nbd-col-dropdown.show span.highcard-label {
    top: 12px;
    right: 20px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.swipe-container .nbd-col-dropdown.show span .btn-highcard-label {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.swipe-container .nbd-col-dropdown .dropdown-item {
    padding: 23px 8px 23px 16px;
    cursor: default
}

.swipe-container .nbd-col-dropdown .dropdown-item:active {
    background-color: #fafafa
}

.swipe-container .nbd-col-dropdown.show span {
    line-height: 26px
}

.swipe-container .nbd-card-amount-green {
    color: #78be20
}

.swipe-container .nbd-card-amount-green label {
    font-family: 'Libre Franklin', sans-serif;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700
}

.swipe-container .nbd-swipe-disclaimer {
    padding: 20px;
    margin-left: -21px;
    color: #94999c;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.swipe-container .greenback-amt-image {
    width: 56px;
    margin-top: -10px
}

.swipe-container .card-item {
    position: relative
}

.swipe-container .card-item span {
    position: absolute;
    right: 35px;
    top: 2px;
    color: #fff !important;
    background: #17252e;
    padding: 2px 10px;
    border-radius: 10px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.swipe-container .btn-highcard-label {
    position: absolute;
    right: 40px;
    top: 18px;
    color: #fff !important;
    background: #17252e;
    padding: 2px 10px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    border-radius: 10px;
    width: initial !important
}

.swipe-container .btn-tierval-label {
    position: absolute;
    right: 40px;
    top: 20px;
    width: initial !important
}

.swipe-container .tier-item {
    position: relative
}

.swipe-container .tier-item .tier-percent {
    position: absolute;
    right: 33px;
    top: 10px
}

.swipe-container .gb-card-text {
    padding: 20px;
    margin-left: -20px
}

.swipe-container .gb-card-text .use-gb-text {
    font-weight: 400
}

.swipe-container .gb-card-text .use-gb-text strong {
    font-weight: 700
}

.swipe-container .visa-master-card-text {
    margin-left: -18px
}

.swipe-container .visa-master-card-text .use-visa-master-text {
    font-weight: 400
}

.swipe-container .visa-master-card-text .use-visa-master-text strong {
    font-weight: 700
}

.swipe-container .contentTabs.cmp-tabs__tabpanel {
    padding: 40px 0
}

.swipe-container .nbd-form-group {
    margin-bottom: 16px
}

@media only screen and (min-width:768px) {
    .swipe-container {
        padding: 0
    }

    .swipe-container .nbd-calc-disclaimer {
        padding-top: 56px
    }

    .swipe-container .greenback-amt-image {
        margin-top: 0
    }

    .swipe-container #depositamtdiv {
        margin-top: 32px
    }

    .swipe-container .result-panel {
        border-radius: 12px;
        box-shadow: 0 30px 60px -30px rgba(23, 37, 46, 0.3);
        padding: 32px 40px;
        border-radius: 10px;
        margin-bottom: 31px
    }

    .swipe-container .calc-header {
        padding-bottom: 32px
    }

    .swipe-container .card-body {
        padding: 0 61px
    }

    .swipe-container .hide-text {
        display: block
    }

    .swipe-container .nbd-details-row {
        display: inline-flex;
        padding: 16px 0
    }

    .swipe-container .breakdown-val {
        margin-bottom: 0
    }

    .swipe-container .nbd-details-col-2 p {
        margin-bottom: 0
    }

    .swipe-container .nbd-description {
        margin: 72px 0 24px 0
    }

    .swipe-container .modal-content {
        padding-bottom: 30px !important
    }

    .swipe-container .close {
        margin-top: 37px
    }

    .swipe-container .popup-footer-note {
        padding: 0
    }

    .swipe-container .nbd-col-dropdown .nbd-down-arrow {
        right: 10px
    }
}

@media only screen and (min-width:1025px) {
    .calculator-container.swipe-container {
        padding: 0 47px
    }

    .swipe-container .nbd-inputfield-panel {
        max-width: 389px
    }

    .swipe-container .calc-header {
        padding-bottom: 48px
    }

    .swipe-container .card-body {
        padding: 0 75px
    }

    .swipe-container .nbd-description {
        margin: 54px 0 32px 0
    }

    .swipe-container .panel-button {
        padding-right: 0 !important;
        padding-left: 13px !important
    }
}

.estimator-container .calc-header {
    color: #494f50
}

.estimator-container .checkbox-container {
    padding: 0 2px;
    max-width: 599px
}

.estimator-container .checkbox-container .custom-checkbox {
    z-index: 0
}

.estimator-container .checkbox-container .custom-checkbox label {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.estimator-container .checkbox-container .custom-checkbox h6 {
    color: #17252e
}

.estimator-container .checkbox-container .custom-checkbox .custom-control-input,
.estimator-container .checkbox-container .custom-checkbox .custom-control-label::before {
    width: 24px;
    height: 24px
}

.estimator-container .checkbox-container .custom-checkbox .custom-control-label::before {
    top: 0;
    left: -29px;
    background-color: #fff;
    border: 2px solid #bbb;
    transition: none;
    border-radius: 5px
}

.estimator-container .checkbox-container .custom-checkbox .custom-control-label::after {
    background: 0;
    top: 4px;
    left: -19px;
    width: 5px;
    height: 12px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.estimator-container .checkbox-container .custom-checkbox .custom-control-input:hover~.custom-control-label::before {
    border-color: #a3a3a3
}

.estimator-container .checkbox-container .custom-checkbox .custom-control-input:focus~.custom-control-label::before {
    box-shadow: none
}

.estimator-container .checkbox-container .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #008533;
    border-color: #008533
}

.estimator-container .checkbox-container .custom-checkbox .custom-control-input:hover:checked~.custom-control-label::before {
    background-color: #007237;
    border-color: #007237
}

.estimator-container .checkbox-container .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    /*     background-image: none */
}

.estimator-container .checkbox-container .swiper-container .swiper-wrapper .swiper-slide {
    height: auto
}

.estimator-container .checkbox-container .swiper-container .swiper-wrapper .swiper-slide>div {
    padding: 0 16px;
    height: 100%;
    border-radius: 6px;
    border: 1.5px solid #e5edec;
    background: #fff;
    box-shadow: 0 6px 20px 0 rgba(23, 37, 46, 0.1)
}

.estimator-container .checkbox-container .swiper-container .swiper-wrapper .swiper-slide>div h6 {
    margin: 16px 0;
    text-align: right
}

.estimator-container .checkbox-container .swiper-container .swiper-wrapper .swiper-slide>div .custom-checkbox {
    padding: 0
}

.estimator-container .checkbox-container .swiper-container .swiper-wrapper .swiper-slide>div .custom-checkbox label {
    margin-bottom: 16px
}

.estimator-container .checkbox-container .swiper-container .swiper-wrapper .swiper-slide>div .custom-checkbox label h6 {
    margin: 8px 0;
    text-align: left
}

.estimator-container .checkbox-container .swiper-container .swiper-wrapper .swiper-slide>div .custom-checkbox .custom-control-input {
    top: -40px
}

.estimator-container .checkbox-container .swiper-container .swiper-wrapper .swiper-slide>div .custom-checkbox .custom-control-label::before {
    top: -40px;
    left: 0
}

.estimator-container .checkbox-container .swiper-container .swiper-wrapper .swiper-slide>div .custom-checkbox .custom-control-label::after {
    top: -35px;
    left: 11px
}

.estimator-container .checkbox-container .swiper-container .swiper-pagination {
    position: relative;
    bottom: 0;
    padding: 24px 0 32px
}

.estimator-container .checkbox-container .swiper-container .swiper-pagination .swiper-pagination-bullet {
    margin-right: 5px
}

.estimator-container .checkbox-container .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 32px;
    border-radius: 35px;
    background-color: #008533
}

.estimator-container .checkbox-container .show-md-lg {
    display: none
}

.estimator-container .progress-container {
    width: 220px;
    height: 200px;
    margin: 30px auto
}

.estimator-container .progress-container .track,
.estimator-container .progress-container .progress {
    stroke-width: 8;
    fill: none;
    stroke-linecap: round
}

.estimator-container .progress-container .track {
    stroke: #e5edec
}

.estimator-container .progress-container .progress {
    stroke: #78be20;
    stroke-dasharray: 488.708px;
    stroke-dashoffset: 488.708px;
    transition: stroke-dashoffset .3s linear
}

.estimator-container .progress-container text {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.estimator-container .progress-container text tspan {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 64px;
    text-anchor: middle
}

.estimator-container .accordion-container {
    z-index: 1;
    max-width: 599px;
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    background-color: #fafafa
}

.estimator-container .accordion-container .cmp-text {
    margin: 0
}

.estimator-container .nbd-btn {
    display: block
}

@media only screen and (max-width:767px) {
    .estimator-container .row:nth-child(2) {
        margin-bottom: 78px;
        flex-direction: column-reverse
    }

    .estimator-container .accordion-container {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:768px) {
    .estimator-container {
        margin-bottom: 40px
    }

    .estimator-container .row:nth-child(2) {
        margin-bottom: 58px
    }

    .estimator-container .calc-header {
        margin-bottom: 40px;
        max-width: 558px
    }

    .estimator-container .checkbox-container {
        display: flex;
        flex-direction: column
    }

    .estimator-container .checkbox-container .custom-checkbox {
        display: flex;
        justify-content: space-between
    }

    .estimator-container .checkbox-container .custom-checkbox label {
        max-width: 265px;
        margin: 0 0 24px 5px
    }

    .estimator-container .checkbox-container .show-sm {
        display: none
    }

    .estimator-container .checkbox-container .show-md-lg {
        display: block
    }

    .estimator-container .checkbox-container .show-md-lg>div {
        margin-bottom: 24px
    }

    .estimator-container .checkbox-container .show-md-lg>div:not(:last-child) {
        border-bottom: 1px solid #eee
    }

    .estimator-container .checkbox-container .or-div-check {
        display: flex;
        justify-content: space-between;
        margin-bottom: 14px
    }

    .estimator-container .progress-container {
        margin: 0 auto 70px
    }

    .estimator-container .nbd-btn {
        max-width: 233px;
        margin: 0 auto
    }
}

@media only screen and (min-width:992px) {
    .estimator-container {
        margin-bottom: 0
    }

    .estimator-container .checkbox-container .custom-checkbox label {
        max-width: 361px
    }

    .estimator-container .progress-container {
        margin: 30px auto 70px
    }

    .estimator-container .nbd-btn {
        max-width: 285px;
        margin: 0 auto
    }
}

@media only screen and (min-width:1025px) {
    .estimator-container {
        padding: 0 90px
    }

    .estimator-container .calc-header {
        max-width: 599px
    }

    .estimator-container .checkbox-container .custom-checkbox label {
        max-width: 225px
    }
}

@media only screen and (min-width:1200px) {
    .estimator-container .checkbox-container .custom-checkbox label {
        max-width: 361px
    }
}

@media only screen and (min-width:1300px) {
    .estimator-container .checkbox-container .custom-checkbox label {
        max-width: 461px
    }
}

.codeblock-container {
    padding: 20px 0
}

.codeblock-container #colum-heading h3,
.codeblock-container #colum-heading h6 {
    color: #17252e
}

.codeblock-container .codeblock-title {
    position: relative
}

.codeblock-container .codetype-btn {
    display: inline-block;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    background-color: #17252e;
    color: #fff;
    padding: 4px 16px;
    margin-left: 15px;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    right: inherit;
    bottom: inherit;
    left: inherit;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.codeblock-container .copy-btn {
    position: absolute;
    top: 40%;
    right: 15px;
    bottom: inherit;
    left: inherit;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer
}

.codeblock-container .copy-btn h6 {
    font-family: 'Open Sans Regular', sans-serif;
    font-weight: 400;
    display: inline-block
}

.codeblock-container .copy-btn img {
    height: 24px;
    margin-right: 5px
}

.codeblock-container .copy-tooltip {
    background-color: #494f50;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 6px;
    position: absolute;
    top: inherit;
    right: 20px;
    bottom: 42px;
    left: inherit;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    white-space: nowrap;
    font-size: 12px;
    display: none
}

.codeblock-container .codeblock-section {
    width: 100%;
    background-color: #17252e;
    margin-top: 24px;
    position: relative
}

.codeblock-container .codeblock-section .codeblock-code {
    width: 100%;
    max-height: 359px;
    padding: 32px;
    white-space: break-spaces;
    overflow-y: auto;
    overflow-x: hidden
}

.codeblock-container .codeblock-section .codeblock-code p,
.codeblock-container .codeblock-section .codeblock-code pre,
.codeblock-container .codeblock-section .codeblock-code code {
    color: #fff;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.codeblock-container .codeblock-section .codeblock-code::-webkit-scrollbar {
    width: 10px;
    height: 50px;
    background-color: #17252e
}

.codeblock-container .codeblock-section .codeblock-code::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #a3a3a3
}

.codeblock-container .codeblock-section .codeblock-code::-webkit-scrollbar-track {
    background: #2e3b43;
    height: 100%;
    width: 10px
}

.codeblock-container .codeblock-section:before {
    content: '';
    width: 100%;
    height: 50px;
    position: absolute;
    top: inherit;
    right: inherit;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(23, 37, 46, 0) 0, #17252e 100%)
}

@media only screen and (max-width:767px) {
    .codeblock-container .codetype-btn {
        display: block;
        position: relative;
        top: unset;
        transform: unset;
        width: fit-content;
        margin-top: 20px;
        margin-left: 0
    }

    .codeblock-container .copy-btn {
        top: 70%;
        -webkit-transform: translateY(-35%);
        -moz-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        -o-transform: translateY(-35%)
    }

    .codeblock-container .codeblock-section .codeblock-code {
        padding: 24px
    }
}

@media only screen and (min-width:768px) {
    .codeblock-container .codeblock-section {
        margin-top: 40px
    }

    .codeblock-container .codeblock-section .codeblock-code {
        max-height: 374px
    }
}

@media only screen and (min-width:1025px) {
    .codeblock-container .codeblock-section {
        margin-top: 30px
    }

    .codeblock-container .codeblock-section .codeblock-code {
        padding: 40px;
        max-height: 400px
    }
}

.disable-scroll-for-pagenav {
    overflow-y: hidden
}

.pagenav-container {
    margin: 0 22px
}

.pagenav-container .nbd-header-container,
.pagenav-container .page-footer {
    display: none
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .container-fluid,
.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .ng-container,
.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .nbd-way-to-pay-with-bg {
    margin: 0
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .nbd-way-to-pay-with-bg {
    width: auto
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .nbd-ccfees-padding-container,
.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .nbd-ccfees-margin {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .loading {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: -webkit-radial-gradient(rgba(20, 20, 20, 0.2), rgba(0, 0, 0, 0.2));
    z-index: 99
}

.pagenav-container .pagenav-mob .nbd-pagenav-list-detail .loading img {
    top: 5%
}

.pagenav-container .pagenav-slidein {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/pagenav-open-arrow.svg'); */
    height: 32px;
    width: 32px;
    display: flex;
    z-index: 12;
    margin-bottom: 38px
}

.pagenav-container .pagenav-slideout {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/pagenav-close-arrow.svg'); */
    height: 32px;
    width: 32px;
    display: flex;
    z-index: 12;
    position: absolute;
    top: 0;
    right: 26px;
    bottom: inherit;
    left: initial
}

.pagenav-container .nbd-pagenav-list-wrapper {
    left: -100vw
}

.pagenav-container .nbd-pagenav-list-wrapper h7 {
    display: inline-block
}

.pagenav-container .nbd-pagenav-list-wrapper .pagenav-accordion {
    position: relative;
    display: block;
    padding: 16px 16px 16px 0
}

.pagenav-container .nbd-pagenav-list-wrapper .pagenav-accordion.accordionlink {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #494f50;
    cursor: pointer
}

.pagenav-container .nbd-pagenav-list-wrapper a,
.pagenav-container .nbd-pagenav-list-wrapper a:focus,
.pagenav-container .nbd-pagenav-list-wrapper a:hover {
    color: #17252e;
    text-decoration: none
}

.pagenav-container .nbd-pagenav-list-wrapper .nbd-down-arrow {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute
}

.pagenav-container .nbd-pagenav-list-wrapper .pagenav-accordion[aria-expanded="false"] .nbd-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/pagenav-down-arrow.svg') */
}

.pagenav-container .nbd-pagenav-list-wrapper .pagenav-accordion[aria-expanded="true"] .nbd-down-arrow {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/pagenav-up-arrow.svg') */
}

.pagenav-container .nbd-pagenav-list-wrapper .nbd-pagenav-tabs {
    margin: 0;
    list-style-type: none;
    cursor: pointer
}

.pagenav-container .nbd-pagenav-list-wrapper .nbd-pagenav-tabs.nbd-pagenav-tab-lastchild a.pagenav-pagelist,
.pagenav-container .nbd-pagenav-list-wrapper .nbd-pagenav-tabs.pagenav-firstchild a.pagenav-pagelist {
    padding: 15px 0;
    display: flex
}

.pagenav-container .nbd-pagenav-list-wrapper .nbd-pagenav-tabs#active {
    border-bottom: 2px solid #008533;
    width: fit-content
}

.pagenav-container .nbd-pagenav-list-wrapper .pagenav-acc-collapse {
    padding: 0 16px 0 0
}

.pagenav-container .nbd-pagenav-list-wrapper .pagenav-acc-collapse .nbd-pagenav-tabs.pagenav-subtitle {
    cursor: default
}

.pagenav-container .nbd-pagenav-list-wrapper .pagenav-acc-collapse .nbd-pagenav-tabs.pagenav-subtitle .pagenav-pagelist {
    font-weight: 700;
    color: #17252e;
    cursor: default
}

.pagenav-container .nbd-pagenav-list-wrapper .pagenav-acc-collapse .pagenav-pagelist {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #494f50
}

.pagenav-container .nbd-pagenav-list-wrapper.list-slide {
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    -ms-transition: left .5s;
    -o-transition: left .5s;
    position: fixed;
    z-index: 10;
    width: 100%;
    height: -webkit-fill-available;
    overflow-y: scroll;
    background-color: #fff
}

.pagenav-container .nbd-pagenav-list-wrapper.list-slide-off {
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    -ms-transition: left .5s;
    -o-transition: left .5s
}

@media only screen and (max-width:767px) {
    .pagenav-container #pagenav-acc-wrapper {
        width: 78%
    }

    .pagenav-container #pagenav-acc-wrapper .nbd-down-arrow {
        right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pagenav-container #pagenav-acc-wrapper {
        width: 88%
    }
}

@media only screen and (max-width:991px) {
    .pagenav-container .pagenav-mob {
        position: relative;
        margin-top: 24px
    }

    .pagenav-container .nbd-pagenav-list-wrapper {
        height: 0
    }

    .pagenav-container #pagenav-acc-wrapper {
        padding: 0 0 0 24px
    }
}

@media only screen and (min-width:992px) {
    .pagenav-container h7 {
        width: 80%
    }

    .pagenav-container .pagenav-mob .nbd-pagenav-list-detail {
        padding: 0 0 0 49px
    }

    .pagenav-container .pagenav-slidein,
    .pagenav-container .pagenav-slideout {
        display: none
    }

    .pagenav-container .nbd-pagenav-list-wrapper {
        left: 0;
        border-right: 1.5px solid rgba(148, 153, 156, 0.2);
        align-self: flex-start;
        position: sticky;
        top: 0;
        max-width: 307px
    }

    .pagenav-container .nbd-pagenav-list-wrapper #pagenav-acc-wrapper.accordion {
        overflow-y: auto;
        height: calc(100vh - 196px);
        padding: 48px 0
    }
}

@media only screen and (min-width:1025px) {
    .pagenav-container {
        margin: 0 106px
    }
}

.video-container {
    margin: 64px 0 80px 0
}

@media only screen and (min-width:576px) and (max-width:1024px) {
    .video-container {
        margin: 64px 0 80px 0
    }
}

@media only screen and (min-width:1025px) {
    .video-container {
        margin: 138px 0 128px 0
    }
}

.youtube-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%
}

.pagelisting-container .pagelisting-heading {
    margin: 64px 0 40px 0;
    color: #17252e
}

.pagelisting-container .pagelisting-heading p {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 16px 0 0 0;
    color: #494f50
}

@media only screen and (min-width:576px) {
    .pagelisting-container .pagelisting-heading p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .pagelisting-container .pagelisting-heading p {
        font-size: 20px;
        line-height: 28px
    }
}

.pagelisting-container .pagelisting-viewtype {
    display: flex;
    justify-content: right;
    margin-bottom: 32px
}

.pagelisting-container .pagelisting-viewtype a {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    font-weight: 400;
    color: #494f50;
    display: flex;
    align-items: center;
    margin-left: 30px;
    cursor: pointer
}

@media only screen and (min-width:576px) {
    .pagelisting-container .pagelisting-viewtype a {
        font-size: 14px;
        line-height: 22px
    }
}

@media only screen and (min-width:1025px) {
    .pagelisting-container .pagelisting-viewtype a {
        font-size: 14px;
        line-height: 22px
    }
}

.pagelisting-container .pagelisting-viewtype em {
    height: 18px;
    width: 18px;
    margin-left: 8px
}

.pagelisting-container .pagelisting-viewtype .pagelisting-listview .pagelisting-viewtype-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/icon_card_view.svg') */
}

.pagelisting-container .pagelisting-viewtype .pagelisting-cardview .pagelisting-viewtype-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/icon_list_view.svg') */
}

.pagelisting-container .pagelisting-viewtype .pagelisting-order-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/icon_ascend_descend.svg') */
}

.pagelisting-container .pagelisting-viewtype .pagelisting-cardview-card .pagelisting-cardview-body>div {
    align-items: flex-end;
    height: 100%
}

.pagelisting-container .card {
    background-color: #fff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    border: 0;
    border-radius: 10px
}

.pagelisting-container .card .card-body {
    padding: 32px 20px
}

.pagelisting-container .card.pagelisting-listview-card .pagelisting-listview-body {
    padding: 0 24px
}

.pagelisting-container.pagelisting-listview .pagelisting-changecol:not(:last-child) {
    border-bottom: 1px solid #eee
}

.pagelisting-container.pagelisting-listview .pagelisting-row-wrapper {
    padding: 32px 0 24px 0
}

.pagelisting-container.pagelisting-listview .pagelisting-row-wrapper .row {
    align-items: center
}

.pagelisting-container.pagelisting-listview .pagelisting-row-wrapper p:nth-child(odd) {
    margin-right: 24px
}

.pagelisting-container.pagelisting-listview .pagelisting-row-wrapper .nbd-btn-tertiary {
    justify-content: left;
    display: flex;
    align-items: center
}

.pagelisting-container.pagelisting-listview .pagelisting-row-wrapper .nbd-btn-tertiary .back-arrow-btn,
.pagelisting-container.pagelisting-listview .pagelisting-row-wrapper .nbd-btn-tertiary .add-btn {
    margin-right: 8px;
    margin-left: 0
}

.pagelisting-container .pagelisting-row-wrapper p {
    display: flex;
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 8px 0 0 0;
    align-items: center
}

.pagelisting-container .pagelisting-row-wrapper p.changedisp {
    display: inline-flex
}

.pagelisting-container .pagelisting-row-wrapper h6 {
    color: #17252e
}

.pagelisting-container .pagelisting-row-wrapper label {
    color: #494f50;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.pagelisting-container .pagelisting-row-wrapper .pagelisting-link {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #008533;
    margin: 24px 0 0 0;
    display: inline-flex
}

@media only screen and (min-width:1025px) {
    .pagelisting-container .pagelisting-row-wrapper .pagelisting-link {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .pagelisting-container .pagelisting-row-wrapper .pagelisting-link {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .pagelisting-container .pagelisting-row-wrapper .pagelisting-link {
        font-size: 18px;
        line-height: 26px
    }
}

.pagelisting-container .pagelisting-row-wrapper .pagelisting-link img[src="undefined"],
.pagelisting-container .pagelisting-row-wrapper .pagelisting-link img[src=""] {
    display: none
}

.pagelisting-container .pagelisting-row-wrapper .pagelisting-cardview-body .pagelisting-changecol-level2 {
    align-self: flex-start
}

.pagelisting-container .pagelisting-row-wrapper .pagelisting-cardview-body .pagelisting-changecol-level2 .nbd-btn-tertiary .add-btn,
.pagelisting-container .pagelisting-row-wrapper .pagelisting-cardview-body .pagelisting-changecol-level2 .nbd-btn-tertiary .back-arrow-btn {
    margin-right: 8px;
    margin-left: 0
}

.pagelisting-container .pagelisting-row-wrapper .pagelisting-cardview-body .pagelisting-changecol-level2:last-child {
    align-self: center
}

.pagelisting-container .pagelisting-row-wrapper .pagelisting-cardview-body .pagelisting-changecol-level2 p span {
    line-height: 32px;
    position: relative;
    margin-top: -4px
}

.pagelisting-container .pagelisting-row-wrapper .pagelisting-cardview-body .pagelisting-changecol-level2 p {
    white-space: pre-wrap
}

.pagelisting-container .pagelisting-row-wrapper .pagelisting-cardview-body .pagelisting-changecol-level2 p[data-value='undefined'],
.pagelisting-container .pagelisting-row-wrapper .pagelisting-cardview-body .pagelisting-changecol-level2 label[data-value='undefined'],
.pagelisting-container .pagelisting-row-wrapper .pagelisting-cardview-body .pagelisting-changecol-level2 h6[data-value='undefined'] {
    display: none
}

.pagelisting-container .pagelisting-iconimage {
    display: flex;
    align-self: flex-start;
    justify-content: flex-start;
    height: 16px;
    width: 16px;
    margin: 4px 4px 0 0
}

.pagelisting-container .pagelisting-iconimage[src="undefined"],
.pagelisting-container .pagelisting-iconimage[src=""],
.pagelisting-container p[data-value="undefined"],
.pagelisting-container p[data-value=""] {
    visibility: hidden;
    height: 0;
    margin-top: 0
}

.pagelisting-container.pagelisting-cardview .pagelisting-listview-card .pagelisting-changecol {
    margin-bottom: 16px
}

.pagelisting-container.pagelisting-cardview .pagelisting-row-wrapper p:nth-child(odd) {
    margin-right: 16px
}

.pagelisting-container.pagelisting-cardview .pagelisting-cardview-card .pagelisting-cardview-body {
    padding: 24px
}

.pagelisting-container.pagelisting-cardview .pagelisting-cardview-card .pagelisting-cardview-body>div {
    min-height: 100%;
    flex-direction: column
}

.pagelisting-container.pagelisting-cardview .pagelisting-cardview-card .pagelisting-cardview-body>div .pagelisting-changecol-level2.listingblock4 {
    margin-top: auto
}

.pagelisting-container.pagelisting-cardview .pagelisting-cardview-card .pagelisting-cardview-body>div .pagelisting-changecol-level2.listingblock4 .nbd-btn-tertiary {
    text-align: left
}

.pagelisting-container .pagelisting-show-more-container {
    text-align: center;
    margin-top: 64px
}

.pagelisting-container .pagelisting-show-more-container a {
    cursor: pointer;
    display: flex;
    margin: auto;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    color: #008533
}

@media only screen and (min-width:1025px) {
    .pagelisting-container .pagelisting-show-more-container a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .pagelisting-container .pagelisting-show-more-container a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .pagelisting-container .pagelisting-show-more-container a {
        font-size: 18px;
        line-height: 26px
    }
}

.pagelisting-container .pagelisting-show-more-container a .pagelisting-show-more-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/plus_add_new_green.svg'); */
    display: block;
    height: 42px;
    width: 42px;
    margin-left: 16px
}

@media only screen and (min-width:768px) {
    .pagelisting-container .pagelisting-heading {
        margin: 48px 0
    }

    .pagelisting-container .pagelisting-heading p {
        margin: 24px 0 0 0
    }

    .pagelisting-container .pagelisting-viewtype a {
        margin-left: 15px
    }

    .pagelisting-container .card .card-body {
        padding: 24px
    }

    .pagelisting-container.pagelisting-listview .pagelisting-row-wrapper {
        padding: 32px 24px 24px 8px
    }

    .pagelisting-container.pagelisting-listview .pagelisting-row-wrapper p:nth-child(odd) {
        margin: 0 0 12px 0
    }

    .pagelisting-container.pagelisting-listview .pagelisting-row-wrapper p,
    .pagelisting-container.pagelisting-listview .pagelisting-row-wrapper h6,
    .pagelisting-container.pagelisting-listview .pagelisting-row-wrapper label {
        max-width: 216px
    }

    .pagelisting-container.pagelisting-listview .pagelisting-row-wrapper p {
        display: flex
    }

    .pagelisting-container.pagelisting-listview .pagelisting-row-wrapper .pagelisting-link {
        margin: 24px 0 0 0
    }

    .pagelisting-container.pagelisting-listview .pagelisting-row-wrapper .listingblock2 p:last-child {
        margin: 12px 0 0 0
    }

    .pagelisting-container.pagelisting-listview .pagelisting-row-wrapper .nbd-btn-tertiary {
        margin: 24px 0 0 0;
        padding: 0;
        text-align: right;
        display: flex;
        align-items: center;
        justify-content: start
    }

    .pagelisting-container.pagelisting-cardview .pagelisting-listview-card .pagelisting-changecol {
        margin-bottom: 24px;
        max-width: 48.3%
    }

    .pagelisting-container.pagelisting-cardview .pagelisting-listview-card .pagelisting-changecol:not(:nth-child(2n+2)) {
        margin-right: 24px
    }
}

@media only screen and (min-width:1025px) {
    .pagelisting-container .pagelisting-heading {
        margin: 80px 0 40px 0
    }

    .pagelisting-container .pagelisting-heading h2 {
        margin-bottom: 0
    }

    .pagelisting-container .pagelisting-heading p {
        margin: 40px 0 0 0
    }

    .pagelisting-container .pagelisting-viewtype {
        margin-bottom: 40px
    }

    .pagelisting-container.pagelisting-listview .pagelisting-row-wrapper .nbd-btn-tertiary {
        justify-content: end;
        padding: 15px 0;
        margin: 0
    }

    .pagelisting-container .card .card-body {
        padding: 32px 24px
    }

    .pagelisting-container .pagelisting-row-wrapper p,
    .pagelisting-container .pagelisting-row-wrapper p.changedisp {
        display: flex;
        margin-right: 0
    }

    .pagelisting-container .pagelisting-row-wrapper .card .card-body .listingblock2 p:first-child {
        margin-top: 18px
    }

    .pagelisting-container .pagelisting-row-wrapper .card .card-body .listingblock2 p:last-child {
        margin-top: 12px
    }

    .pagelisting-container.pagelisting-cardview .pagelisting-listview-card .pagelisting-changecol {
        margin-bottom: 32px;
        max-width: 22%
    }

    .pagelisting-container.pagelisting-cardview .pagelisting-listview-card .pagelisting-changecol:not(:nth-child(4n+4)) {
        margin-right: 32px
    }

    .pagelisting-container .pagelisting-show-more-container {
        margin-top: 80px
    }
}

@media only screen and (min-width:1200px) {
    .pagelisting-container.pagelisting-cardview .pagelisting-listview-card .pagelisting-changecol {
        max-width: 22.5%
    }
}

@media only screen and (min-width:1440px) {
    .pagelisting-container.pagelisting-cardview .pagelisting-listview-card .pagelisting-changecol {
        max-width: 23%
    }
}

.linklisting-container {
    margin-top: 48px
}

.linklisting-container .row.borderbottom {
    padding: 48px 0
}

.linklisting-container .borderbottom {
    border-bottom: 1px solid #eee
}

.linklisting-container .linklisting-heading h2 {
    margin: 0 0 24px 0;
    color: #17252e
}

.linklisting-container #linklistingcolum-heading {
    margin: 0 0 38px 0
}

.linklisting-container #linklistingcolum-heading h3 {
    color: #17252e
}

.linklisting-container .columnwrapper .linkwrapper {
    display: grid
}

.linklisting-container .columnwrapper .linkwrapper .fixedlist {
    display: grid
}

.linklisting-container .columnwrapper .linkwrapper a {
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-weight: 400;
    color: #494f50;
    width: max-content;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px
}

@media only screen and (min-width:576px) {
    .linklisting-container .columnwrapper .linkwrapper a {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .linklisting-container .columnwrapper .linkwrapper a {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:576px) {
    .linklisting-container .columnwrapper .linkwrapper a {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:1025px) {
    .linklisting-container .columnwrapper .linkwrapper a {
        font-size: 20px;
        line-height: 28px
    }
}

.linklisting-container .columnwrapper .linkwrapper a:not(:last-child) {
    margin-bottom: 8px
}

.linklisting-container .columnwrapper .linkwrapper a:hover {
    text-decoration-color: #008533;
    color: #008533
}

.linklisting-container .columnwrapper .linklisting-loadmore {
    margin: 48px 0 0 0
}

.linklisting-container .columnwrapper .linklisting-loadmore a {
    display: flex;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    align-items: center;
    color: #008533;
    width: fit-content
}

@media only screen and (min-width:1025px) {
    .linklisting-container .columnwrapper .linklisting-loadmore a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:576px) {
    .linklisting-container .columnwrapper .linklisting-loadmore a {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (min-width:1025px) {
    .linklisting-container .columnwrapper .linklisting-loadmore a {
        font-size: 18px;
        line-height: 26px
    }
}

.linklisting-container .columnwrapper .linklisting-loadmore a:hover .loadmore-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/filter-plus-active.svg') */
}

.linklisting-container .columnwrapper .linklisting-loadmore a:hover .loadless-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/filter-minus-active.svg') */
}

.linklisting-container .columnwrapper .linklisting-loadmore .loadmore-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/plus_add_new_green.svg'); */
    display: block;
    height: 42px;
    width: 42px;
    margin-left: 24px
}

.linklisting-container .columnwrapper .linklisting-loadmore .loadless-icon {
    /*     background-image: url('../../../content/dam/nedbank/icons/resources/thin-minus.svg'); */
    display: block;
    height: 42px;
    width: 42px;
    margin-left: 24px
}

@media only screen and (min-width:768px) {
    .linklisting-container {
        margin-top: 64px
    }

    .linklisting-container .row.borderbottom {
        padding: 64px 0 48px 0
    }

    .linklisting-container #linklistingcolum-heading {
        margin: 0 0 32px 0
    }
}

@media only screen and (min-width:1025px) {
    .linklisting-container {
        margin-top: 80px
    }

    .linklisting-container .row.borderbottom {
        padding: 0
    }

    .linklisting-container .linklisting-heading h2 {
        margin: 0 0 24px 0
    }

    .linklisting-container #linklistingcolum-heading {
        margin: 80px 0
    }

    .linklisting-container #linklistingcolum-heading h3 {
        padding: 0 20px 0 0
    }

    .linklisting-container .columnwrapper {
        margin: 80px 0
    }
}

html {
    height: 100%;
    box-sizing: border-box
}

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

body {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body,
html {
    margin: 0;
    font-size: 1pc;
    font-family: sans-serif;
    line-height: 1.5
}

button,
input,
optgroup,
select,
textarea {
    font: inherit
}