/* @main-text-color-8:     @dotcoza-color-purple;
@main-text-color-9:        @dotcoza-color-blue; */
/* Variables */
/* Color Code Variables */
:root {
  --nav-bg-color: #ffffff;
  --nav-head-container-bg-color: #fafafa;
}
/* Color Code Variables */
/* background colors */
.themebg {
  background-color: #ffffff;
}
.whitebg {
  background-color: #ffffff;
}
.blackbg {
  background-color: #000000;
}
.lightgreybg {
  background-color: #fafafa;
}
.darkgreybg {
  background-color: #262626;
}
.lightgreenbg {
  background-color: #f2f9f5;
}
.stonebg {
  background-color: #f7f1e9;
}
/* input classes */
.focusout {
  border-color: #78be20;
}
.focus {
  border-color: #006341;
}
/* Variables */
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) {
  .ng-container.cmp-text.customtext {
    max-width: 1560px;
  }
}
@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;
  }
}
/* common classes */
.nb-row > div {
  margin-top: 20px;
  padding: 0px 10px;
}
a {
  text-decoration: none;
}
/* common classes */
/* Nav Bar CSS */
.nb-nav-bg {
  background-color: var(--nav-bg-color);
}
.nb-head-container-bg {
  background-color: var(--nav-head-container-bg-color);
}
/* Nav Bar CSS */
.card-body *:focus {
  outline: 0;
}
.nbd-btn-primary {
  color: #ffffff;
  background-color: #008533;
  border: 2px solid #008533;
}
.nbd-btn-primary:hover {
  color: #ffffff;
  background-color: #007237;
  border-color: #007237;
}
.nbd-btn-secondary {
  color: #008533;
  background-color: #ffffff;
  border: 2px solid #008533;
}
.nbd-btn-secondary:hover {
  color: #007237;
  background-color: #ffffff;
  border-color: #007237;
}
.nbd-btn-commitment {
  color: #ffffff;
  background-color: #17252e;
  border: 2px solid #17252e;
}
.nbd-btn-commitment:hover {
  color: #ffffff;
  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 #ffffff;
  background-color: transparent;
  color: #ffffff;
}
.nbd-btn-border-white:hover,
.nbd-btn-white-theme:hover {
  color: #ffffff;
  border-color: #ffffff;
}
.nbd-btn-border-black,
.nbd-btn-black-theme {
  border: 2px solid #17252e;
  background-color: transparent;
  color: #000000;
}
.nbd-btn-border-black:hover,
.nbd-btn-black-theme:hover {
  color: #000000;
  border-color: #000000;
}
.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 {
  transform: translate(6px, -5px);
}
.nbd-btn-tertiary:hover .right-arrow-btn {
  transform: translateX(8px);
}
.nbd-btn-tertiary:hover .down-arrow-btn {
  transform: translateY(8px);
}
.tertiary-btn-icon {
  background-size: cover;
  display: inline-block;
  height: 18px;
  margin-left: 8px;
  transition: transform 900ms;
}
.up-right-arrow-btn {
  background-image: url('../../../content/dam/nedbank/icons/resources/button/diagonal-arrow-green.svg');
  width: 18px;
  height: 14px;
}
.down-arrow-btn {
  background-image: url('../../../content/dam/nedbank/icons/resources/button/down-arrow-green.svg');
  width: 14px;
}
.right-arrow-btn {
  background-image: url('../../../content/dam/nedbank/icons/resources/button/right-arrow-green.svg');
  width: 23px;
  height: 14px;
}
.transfer-arrow-btn {
  background-image: url('../../../content/dam/nedbank/icons/resources/Transfer.svg');
  width: 18px;
  height: 20px;
  display: inline-flex;
}
.back-arrow-btn {
  background-image: url('../../../content/dam/nedbank/icons/resources/button/back-arrow-btn.svg');
  width: 23px;
  height: 14px;
}
.up-right-arrow-btn1 {
  background-image: url('../../../content/dam/nedbank/icons/resources/button/diagonal-arrow-green1.svg');
  width: 18px;
  height: 14px;
}
.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-btn:focus,
.nbd-reset:focus {
  outline: 0;
  box-shadow: none;
}
.nbd-form-group label {
  color: #17252e;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.nbd-form-control {
  border: 2px solid #bbbbbb;
  background-color: transparent;
  height: 56px;
}
.nbd-form-control:disabled {
  border: 2px solid #bbbbbb;
  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 CSS ********************************/
.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 #bbbbbb;
  border-radius: 5px;
  background-color: #ffffff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  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: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  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: 0px;
}
.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;
}
/*************************************** CheckBox CSS ********************************/
/* media queries */
@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: 0px 10px;
  }
}
/* media queries */
:focus {
  outline: #e5edec auto 1px;
}
/*text component fonts for faq*/
.opensansemiboldclass {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.opensansregclass {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.opensansboldclass {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-weight: 500;
}
/*Legal Content title */
.librefranklinboldclass {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.librefranklinregularclass {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.nbd-legal-page-header {
  width: 100%;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0;
  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;
  }
}
/*Legal wrapper*/
.nbd-legal-pagetitle {
  color: #17252e;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  margin-left: 16px;
  margin-right: 16px;
}
.nbd-legal-text {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  color: #494f50;
  font-size: 16px;
}
.nbd-legal-title {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #17252e;
}
.nbd-legal-page-wapper table {
  width: 95%;
}
.nbd-legal-page-wapper p {
  margin-bottom: 0.30rem;
}
.nbd-legal-page-wapper table {
  border: none;
}
.nbd-legal-page-wapper table td {
  border: none;
  padding: 10px 0px;
  opacity: 0.87;
  color: #000000;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
.nbd-legal-page-wapper table th {
  border: none;
  padding: 10px 0px;
  opacity: 0.57;
  color: #000000;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  min-width: 85px;
}
.nbd-legal-page-wapper table tr {
  border-bottom: 0.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;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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', Arial, Helvetica, 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', Arial, Helvetica, sans-serif;
    margin-left: 315px;
    margin-right: 315px;
  }
  .nbd-legal-title {
    font-size: 18px;
  }
  .nbd-legal-pagetitle {
    width: 810px;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: 0;
    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;
  }
}
/*Disclaimer Text class*/
.nbd-disclaimer {
  width: 100%;
  color: #94999c;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  padding: 0 33px;
  display: block;
}
.nbd-librefranklin-medium {
  color: #17252e;
  font-weight: 500;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
  text-align: center;
}
@media only screen and (min-width: 767px) {
  .nbd-librefranklin-medium {
    font-size: 40px;
    line-height: 48px;
  }
}
.cmb-declaimer-title {
  font-weight: 500;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .cmb-declaimer-title {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1025px) {
  .cmb-declaimer-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.cmb-declaimer-text {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .cmb-declaimer-text {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1025px) {
  .cmb-declaimer-text {
    font-size: 24px;
    line-height: 32px;
  }
}
/*		RTE Enhancement START		*/
.nbd-rte-enc a,
.cmp-text a {
  text-decoration: underline !important;
  color: #008533 !important;
  word-break: break-word;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@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: 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', Arial, Helvetica, sans-serif;
}
.nbd-rte-enc blockquote {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 500;
  margin-left: 15px;
}
.nbd-rte-enc b {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.nbd-rte-enc .nbd-quote {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 100px;
}
.nbd-rte-enc h1 {
  font-weight: 500;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-rte-enc h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 767px) {
  .nbd-rte-enc h1 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-rte-enc h1 {
    font-size: 48px;
    line-height: 56px;
  }
}
.nbd-rte-enc h2 {
  font-weight: 500;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
}
@media only screen and (min-width: 767px) {
  .nbd-rte-enc h2 {
    font-size: 40px;
    line-height: 48px;
  }
}
.nbd-rte-enc h3 {
  font-weight: 500;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0;
}
@media only screen and (min-width: 767px) {
  .nbd-rte-enc h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-rte-enc h3 {
    font-size: 32px;
    line-height: 40px;
  }
}
.nbd-rte-enc h4 {
  font-weight: 500;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-rte-enc h4 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-rte-enc h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
.nbd-rte-enc h5 {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-rte-enc h5 {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-rte-enc h5 {
    font-size: 20px;
    line-height: 28px;
  }
}
.nbd-rte-enc .nbd-p1 {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@media only screen and (min-width: 1025px) {
  .nbd-rte-enc .nbd-p1 {
    font-size: 18px;
    line-height: 26px;
  }
}
.nbd-rte-enc .nbd-p2 {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-rte-enc .nbd-p2 {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-rte-enc .nbd-p3 {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.nbd-rte-enc .nbd-paragraph {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) {
  .nbd-rte-enc .nbd-quote {
    font-size: 150px;
  }
}
.nbd-hide-for-Delay {
  visibility: hidden;
}
/*		RTE Enhancement END		*/
.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%);
}
/********* Scrollable ***********/
/* Range Selector Css*/
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .slider {
    background-color: #c5c5c5;
  }
  .slider::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    color: #78be20;
    margin-top: -1px;
  }
  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #fff;
  }
}
/** FF*/
.slider::-moz-range-progress {
  background-color: #78be20;
}
.slider::-moz-range-track {
  background-color: #c5c5c5;
}
/* IE*/
.slider::-ms-fill-lower {
  background-color: #78be20;
}
.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;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.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: #ffffff;
  border: 3px solid #78be20;
  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: #78be20;
  border-radius: 5px;
}
.slider::-ms-fill-upper {
  background: #d3d3d3;
  border-radius: 5px;
}
.slider::-ms-thumb {
  width: 24px;
  height: 24px;
  background: #fff;
  border: 3px solid #78be20;
  border-radius: 15px;
  cursor: pointer;
  margin-top: 0px;
  outline: 3px solid #fff;
  /*Needed to keep the Edge thumb centred*/
}
.slider:focus::-ms-fill-lower {
  background: #78be20;
}
.slider:focus::-ms-fill-upper {
  background: #d3d3d3;
}
.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #ffffff;
  border: 3px solid #78be20;
  cursor: pointer;
}
.slider::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  top: -1px;
  left: 50%;
}
main.container {
  padding: 0.5em 1em;
}
footer.experiencefragment {
  padding: 0.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: 0.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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="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.4 c0,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.2z M18.3,11.5c-0.1-1.4-0.3-2.8-0.7-4.1C18.5,7,19.4,6.5,20.3,6 c1.1,1.6,1.9,3.5,2,5.5H18.3z M22.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.8 H22.2z M19.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.2z M12.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.2z M9.9,20.8c-0.9-1.1-1.7-2.3-2.2-3.6 c1.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.8z M11.4,1.8c0,0,0.1,0,0.1,0v5.7 c-1.3,0-2.6-0.3-3.8-0.7C8.5,4.9,9.7,3.2,11.4,1.8z M14.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.8 c0.1,0,0.1,0,0.2,0C13.2,2.2,13.7,2.7,14.1,3.3z M16.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.7z M11.5,8.4 v3.1H6.7C6.7,10.2,7,9,7.4,7.7C8.7,8.2,10.1,8.4,11.5,8.4z M11.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.5z M12.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.6z M9.6,2C8.4,3.3,7.4,4.8,6.8,6.5 C5.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,2z M5.7,11.5H1.8c0.1-2,0.8-3.9,1.9-5.5 C4.6,6.5,5.5,7,6.4,7.4C6,8.7,5.7,10.1,5.7,11.5z M6.4,16.6C5.5,17,4.6,17.5,3.7,18c-1.2-1.6-1.9-3.5-1.9-5.5h3.9 C5.7,13.9,5.9,15.3,6.4,16.6z M4.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.5 c-1.8-0.4-3.4-1.3-4.7-2.7C4.6,19.1,4.5,19,4.4,18.8z M14.5,21.9c1.2-1.3,2.1-2.8,2.8-4.4c0.8,0.3,1.6,0.8,2.4,1.2 C18.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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="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.4 c0,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.2z M18.3,11.5c-0.1-1.4-0.3-2.8-0.7-4.1C18.5,7,19.4,6.5,20.3,6 c1.1,1.6,1.9,3.5,2,5.5H18.3z M22.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.8 H22.2z M19.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.2z M12.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.2z M9.9,20.8c-0.9-1.1-1.7-2.3-2.2-3.6 c1.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.8z M11.4,1.8c0,0,0.1,0,0.1,0v5.7 c-1.3,0-2.6-0.3-3.8-0.7C8.5,4.9,9.7,3.2,11.4,1.8z M14.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.8 c0.1,0,0.1,0,0.2,0C13.2,2.2,13.7,2.7,14.1,3.3z M16.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.7z M11.5,8.4 v3.1H6.7C6.7,10.2,7,9,7.4,7.7C8.7,8.2,10.1,8.4,11.5,8.4z M11.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.5z M12.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.6z M9.6,2C8.4,3.3,7.4,4.8,6.8,6.5 C5.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,2z M5.7,11.5H1.8c0.1-2,0.8-3.9,1.9-5.5 C4.6,6.5,5.5,7,6.4,7.4C6,8.7,5.7,10.1,5.7,11.5z M6.4,16.6C5.5,17,4.6,17.5,3.7,18c-1.2-1.6-1.9-3.5-1.9-5.5h3.9 C5.7,13.9,5.9,15.3,6.4,16.6z M4.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.5 c-1.8-0.4-3.4-1.3-4.7-2.7C4.6,19.1,4.5,19,4.4,18.8z M14.5,21.9c1.2-1.3,2.1-2.8,2.8-4.4c0.8,0.3,1.6,0.8,2.4,1.2 C18.3,20.3,16.5,21.4,14.5,21.9z"/></svg>');
  }
}
header.experiencefragment .cmp-languagenavigation > .cmp-languagenavigation__group {
  visibility: hidden;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.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: 0s;
  transition-delay: 0s;
}
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: 0.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: #ffffff;
}
.nbd-btn {
  padding: 14px 0;
  max-width: 390px;
  width: 100%;
  border-radius: 6px;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
@media only screen and (min-width: 1025px) {
  .nbd-btn {
    font-size: 18px;
    line-height: 26px;
  }
}
/* H tags */
h1.display-2 {
  font-size: 64px;
}
h1.display-3 {
  font-size: 48px;
}
h1 {
  font-size: 40px;
}
h2 {
  font-size: 32px;
}
h3 {
  font-size: 24px;
}
a {
  font-family: 'Open Sans Regular', Arial, Helvetica, 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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
}
@media only screen and (min-width: 767px) {
  h1 {
    font-size: 40px;
    line-height: 48px;
  }
}
h1 span {
  font-weight: 400;
}
h2 {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0;
}
@media only screen and (min-width: 767px) {
  h2 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1025px) {
  h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
h2 span {
  font-weight: 400;
}
h1.display-2 {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0;
}
@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', Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0;
}
@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', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  h3 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1025px) {
  h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
h3 span {
  font-weight: 400;
}
h4 {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0;
}
@media only screen and (min-width: 1025px) {
  h4 {
    font-size: 20px;
    line-height: 28px;
  }
}
h5 {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0;
}
p {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  p {
    font-size: 16px;
    line-height: 24px;
  }
}
.plarge {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
.btncolor1 {
  color: #ffffff;
}
/* .titlebasecolor {
    color: @btn-white-text-color;
} */
.pbasecolor {
  color: #17252e;
}
#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: #ffffff;
}
.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: none;
}
.nbd-vbanner-container .nbd-vbanner-modeldialog .nbd-vbanner-modelcontent .nbd-vbanner-modelbtn {
  position: absolute;
  color: #ffffff;
  right: 34px;
  top: 30px;
}
.nbd-vbanner-container figure {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  position: relative;
  height: 180px;
  width: 100vw;
  margin: 0;
}
.nbd-vbanner-container #lottie {
  margin: 0px;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #ffffff;
  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', Arial, Helvetica, 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;
}
.nbd-vbanner-container .custom-position .nbd-vbanner-overlay a.play-button:focus {
  outline: none;
}
.nbd-vbanner-container .custom-position .nbd-vbanner-overlay .nbd-banner-buttons a.nbd-btn:nth-child(2) {
  margin-left: 0px;
}
.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;
}
.nbd-vbanner-container .nbd-vbanner-textblock .nbd-vbanner-overlay2 {
  background-color: #fafafa;
  padding: 24px;
  letter-spacing: 0;
  width: 95%;
  margin: 0 auto;
  box-shadow: 0px 60px 60px -60px rgba(23, 37, 46, 0.2);
  -webkit-box-shadow: 0px 60px 60px -60px rgba(23, 37, 46, 0.2);
  -moz-box-shadow: 0px 60px 60px -60px rgba(23, 37, 46, 0.2);
}
.nbd-vbanner-container .nbd-vbanner-textblock .nbd-vbanner-overlay2 h1 {
  color: #17252e;
  margin: 0 0 16px 0;
  text-align: left !important;
}
.nbd-vbanner-container .nbd-vbanner-textblock .nbd-vbanner-overlay2 h3 {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif !important;
  color: #494f50;
  font-weight: 400;
}
.nbd-vbanner-container #nbd-vbanner-video {
  height: 300px;
}
@media only screen and (min-width: 768px) {
  .nbd-vbanner-container figure {
    width: 100%;
    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: #ffffff;
    margin: 0;
  }
  .nbd-vbanner-container .custom-position .nbd-vbanner-overlay a.play-button {
    color: #ffffff;
    font-size: 18px;
  }
  .nbd-vbanner-container .custom-position .nbd-vbanner-overlay a.play-button img {
    margin: 0 0 0 16px;
    width: 45px;
    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 .nbd-vbanner-bg-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%;
    /* margin: 0 105px; */
    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 h1 {
  color: #17252e;
  margin: 0 0 32px 0;
}
.nbd-banner-bg-img-art-theme p {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #494f50;
  margin: 0 0 38px 0;
}
@media only screen and (min-width: 576px) {
  .nbd-banner-bg-img-art-theme p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-banner-bg-img-art-theme p {
    font-size: 20px;
    line-height: 28px;
  }
}
.nbd-banner-bg-img-art-theme 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%;
  }
}
.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;
  height: 100%;
}
.blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content .nbd-banner-details {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  margin: 32px 0;
}
.blacktheme-banner-container.nbd-banner-bg-img-black-theme .nbd-banner-content .nbd-banner-details h1 {
  color: #17252e;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: #ffffff;
}
.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: #ffffff;
  }
  .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('../../../content/dam/nedbank/icons/resources/button/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 {
    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: #ffffff;
  }
  .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: #ffffff;
  }
  .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: #ffffff;
    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 38px 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 {
  display: flex;
  height: 100%;
}
.whitetheme-banner-container.nbd-banner-bg-img-white-theme .nbd-banner-content .nbd-banner-details {
  color: #17252e;
  display: flex;
  flex-direction: column;
  margin: 32px 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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: #ffffff;
  }
  .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('../../../content/dam/nedbank/icons/resources/button/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 {
    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;
  }
  .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 38px 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: 16px 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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: 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 38px 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: #ffffff;
  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-top: 32px;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #494f50;
  margin: 0 0 38px 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: 25px 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: 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;
  }
}
.banner #lottie {
  margin: 0px;
  width: 100%;
  height: auto;
}
.banner #lottie .lottie-player {
  height: 210px;
}
.nbd-img-shadow {
  box-shadow: 0px 25px 20px -15px rgba(0, 0, 0, 0.1);
}
.nbd-banner-left-align {
  color: #008533;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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 0px 0px 3px;
}
.nbd-img-banner .nbd-banner-bg-img {
  background-image: none;
}
.nbd-img-banner .nbd-banner-img {
  /*height: 164px;*/
  /*height: 100%;*/
  background-color: #ffffff;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  letter-spacing: -0.17px;
  line-height: 24px;
  margin: 0px 0px 16px 0px;
}
.nbd-img-banner .nbd-btn {
  font-weight: normal;
}
.nbd-img-banner .nbd-banner-img {
  /*height: 164px;*/
  height: 100%;
  background-color: #ffffff;
  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: 0px;
    margin-right: 0px;
    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 0px 24px 9px;
  }
  .nbd-img-banner .nbd-banner-info {
    font-size: 16px;
    line-height: 24px;
    /* width: 348px; */
  }
  .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: 0px;
    content: "";
    width: 296px;
    bottom: 1px;
    z-index: -1;
    transform: scale(0.8);
    box-shadow: 0px 0px 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) {
  .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 0px 0px 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: 0px 0px 32px 0px;
  }
  .nbd-img-banner .nbd-banner-img {
    height: 100%;
    width: auto;
    max-width: 100%;
    background-color: #ffffff;
    margin-left: 0px;
    background-position: center top;
  }
  .nbd-img-banner .img-align {
    display: block;
  }
  .no-padding-right {
    padding-right: 0px;
  }
}
/*Use for desktop*/
@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;
  }
}
/*Use for tablet*/
@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;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming)*/
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}
.viewallcardbanner > .row {
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
}
.viewallcardbanner #lottie {
  margin: 0px;
  width: auto;
  max-height: 100%;
  height: 100%;
  display: inline-block;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: 0px;
  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 h1 {
    margin: 0 0 32px 0;
  }
  .nbd-banner-content .nbd-all-card-banner-content p {
    margin: 0 0 38px 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: #ffffff;
  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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
.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: 0.5px solid #eeeeee;
}
@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: 0px 12px 2px 0;
    padding-bottom: 14px;
  }
  .nbd-link-bar .jump-to-links {
    color: #494f50;
    margin: 0px 0px 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: 0px 0px 2px 14px;
    cursor: pointer;
  }
  .link-to-anchor .line-break {
    display: none;
  }
}
.illustrationcardwrapper {
  padding: 80px 0;
  margin: 0 18px;
}
.illustrationcardwrapper #lottie {
  margin: 0px;
  width: 100%;
  max-width: 100%;
  height: 150px;
  padding: 0 15px;
}
.illustrationcardwrapper #lottie .lottie-player {
  height: 100%;
}
.illustrationcardwrapper.bg-grassgreen {
  background-color: #f2f9f5;
}
.illustrationcardwrapper.bg-grassgreen .ng-container {
  text-align: center;
}
.illustrationcardwrapper.bg-grassgreen .ng-container h2 {
  color: #17252e;
}
.illustrationcardwrapper .ng-container {
  text-align: center;
}
.illustrationcardwrapper .ng-container h2 {
  margin: 0 0 32px 0;
  color: #17252e;
}
.illustrationcardwrapper .ng-container .nb-row {
  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 {
  transition: 0.3s;
  box-sizing: border-box;
  border: 1px solid #e5edec;
  border-radius: 12px;
  background-color: #ffffff;
}
.illustrationcardwrapper .ng-container .card.nb-card .card-body {
  padding: 24px 16px 40px 16px;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.illustrationcardwrapper .ng-container .card.nb-card .card-body h3 {
  color: #17252e;
}
.illustrationcardwrapper .ng-container .card.nb-card .card-body p {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  color: #494f50;
  margin: 10px 0 20px;
}
@media only screen and (min-width: 576px) {
  .illustrationcardwrapper .ng-container .card.nb-card .card-body p {
    font-size: 16px;
    line-height: 24px;
  }
}
.illustrationcardwrapper .ng-container .card.nb-card .card-body a.nbd-btn {
  display: flex;
  text-align: left;
  padding: 0.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('../../../content/dam/nedbank/icons/resources/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 .image-wrapper {
  margin: 0 auto 15px;
  width: 100%;
  text-align: center;
}
.illustrationcardwrapper .ng-container .card.nb-card .card-body .card-icon {
  width: 37px;
  height: 37px;
}
.illustrationcardwrapper .ng-container .card.nb-card .card-body .card-image {
  width: 100%;
  max-width: 100%;
  height: 150px;
  max-height: 150px;
  padding: 0 15px;
  text-align: center;
  object-fit: contain;
}
.illustrationcardwrapper .ng-container .card.nb-card .card-body.leftalignedillustration .image-wrapper {
  margin: 0 15px 15px;
  text-align: left;
}
.illustrationcardwrapper .ng-container .card.nb-card .card-body.leftalignedillustration .image-wrapper img {
  width: auto;
  padding: 0;
  text-align: center;
}
.illustrationcardwrapper .ng-container .card.nb-card .card-body.leftalignedillustration .icon-wrapper {
  margin: 0 0 24px 0;
}
.illustrationcardwrapper .ng-container .card.nb-card .card-body.leftalignedillustration .lottie-wrapper {
  width: auto;
}
.illustrationcardwrapper .ng-container .card.nb-card .card-body.leftalignedillustration .lottie-wrapper #lottie {
  padding: 0;
}
.illustrationcardwrapper .ng-container .card.nb-card .card-body.noimageicon .image-wrapper {
  display: none;
}
.illustrationcardwrapper .ng-container .card.nb-card .card-body.noimageicon .icon-wrapper {
  display: none;
}
.illustrationcardwrapper .ng-container .card.nb-card .card-body .description {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .illustrationcardwrapper .ng-container .card.nb-card .card-body .description {
    font-size: 16px;
    line-height: 24px;
  }
}
.illustrationcardwrapper .ng-container .card.nb-card .card-body .description p {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 10px 0 15px;
}
@media only screen and (min-width: 576px) {
  .illustrationcardwrapper .ng-container .card.nb-card .card-body .description p {
    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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .illustrationcardwrapper .ng-container .card.nb-card .card-body .description ul li {
    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 {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  display: inline;
}
@media only screen and (min-width: 576px) {
  .illustrationcardwrapper .ng-container .card.nb-card .card-body .description ul li p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .illustrationcardwrapper {
    margin: 0 18px;
  }
  .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: 40px;
  }
  .illustrationcardwrapper .ng-container .card.nb-card .card-body a.nbd-btn {
    margin: 0 0 0 -5px;
  }
}
@media only screen and (min-width: 992px) {
  .illustrationcardwrapper {
    margin: 0;
  }
  .illustrationcardwrapper .ng-container h2 {
    margin: 0 0 60px 0;
  }
  .illustrationcardwrapper .ng-container .nb-row {
    grid-auto-columns: 33.3%;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
  }
  .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.nb-card .card-body {
    padding: 40px;
  }
  .illustrationcardwrapper .ng-container .card.nb-card .card-body a.nbd-btn {
    margin: 0 0 0 -5px;
  }
}
.splitwrapper {
  padding: 80px 0;
}
.splitwrapper.bg-grassgreen {
  background-color: #f2f9f5;
}
.splitwrapper .ng-container {
  text-align: center;
}
.splitwrapper .ng-container h1 {
  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: 0.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 h2 {
  color: #17252e;
}
.splitwrapper .ng-container .card.nb-card .card-header p {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-family: 'Libre Franklin', Arial, Helvetica, 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: 0.3s;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  background-color: #ffffff;
  text-align: left;
  padding: 16px 16px 40px 16px;
  box-shadow: 0px 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 #eeeeee;
  width: 100%;
  margin: 16px auto;
}
.splitwrapper .ng-container .card.nb-card .card-body .subcard .description {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .splitwrapper .ng-container .card.nb-card .card-body .subcard .description {
    font-size: 16px;
    line-height: 24px;
  }
}
.splitwrapper .ng-container .card.nb-card .card-body .subcard .description p {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 10px 0 15px;
  font-weight: 400;
}
@media only screen and (min-width: 576px) {
  .splitwrapper .ng-container .card.nb-card .card-body .subcard .description p {
    font-size: 16px;
    line-height: 24px;
  }
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  display: inline;
}
@media only screen and (min-width: 576px) {
  .splitwrapper .ng-container .card.nb-card .card-body .subcard .description ul li p {
    font-size: 16px;
    line-height: 24px;
  }
}
.splitwrapper .ng-container .card.nb-card .card-body .subcard a.nbd-btn {
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  display: flex;
  padding: 0.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;
                                        right: 20px; */
  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', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    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: 768px) and only screen and (min-width: 576px) {
  .splitwrapper .ng-container .card.nb-card .card-header .mediumpara {
    font-size: 16px;
    line-height: 24px;
  }
}
@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', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
  }
  .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', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-size: 20px;
    font-family: 'Libre Franklin', Arial, Helvetica, 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 button */
.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 0px;
}
/* Back to top button */
@media only screen and (min-width: 576px) and (max-width: 1024px) {
  card-body .back-to-top-container {
    padding: 40px 20px 40px 0px;
  }
}
@media only screen and (min-width: 1025px) {
  /* Back to top button */
  .back-to-top {
    bottom: 212px;
    right: 227px;
    left: 1171px;
  }
  .back-to-top-container {
    padding: 40px 106px 40px 0px;
  }
  /* Back to top button */
}
/*Footer CSS*/
.nbd-social-icons {
  margin: 40px 0px 0px 0px;
}
.nbd-footer-nav {
  background-color: #fafafa;
  padding: 0px 105px 0px 105px;
}
.nbd-footer-nav h5,
.nbd-accordion .card-header h5 {
  color: #17252e;
}
.nbd-accordion .card-header h5 {
  display: flex;
}
.nbd-footer-menu-warper {
  padding: 40px 105px 60px 105px;
  background-color: #fafafa;
}
.nbd-footer-menu-warper p,
.nbd-collapse p {
  margin: 0px;
  width: 283px;
}
.nbd-footer-menu-warper a,
.nbd-collapse a {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 400;
}
@media only screen and (min-width: 576px) {
  .nbd-footer-menu-warper a,
  .nbd-collapse a {
    font-size: 16px;
    line-height: 24px;
  }
}
.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: 0px;
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-footer-bottom p {
    font-size: 16px;
    line-height: 24px;
  }
}
.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: 0.5;
}
.nbd-social-icon:hover {
  opacity: 1;
}
/* Accordion for tab and mobile */
.nbd-accordion .accordion {
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
}
.nbd-accordion .card {
  border: none;
  border-radius: none;
  width: 100%;
}
.nbd-accordion .card-header {
  height: 64px;
  margin-bottom: 0px;
  background-color: #ffffff;
  padding: 20px 0px 20px 20px;
  border: 1px solid #e5edec;
}
.nbd-accordion .card-body {
  background-color: #fafafa;
  padding: 40px 0px 40px 0px;
}
.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;
}
/* Accordion for tab and mobile */
@media only screen and (min-width: 576px) and (max-width: 991px) {
  .nbd-footer-bottom {
    padding: 48px 22px 48px 22px;
  }
  .nbd-social-icons {
    margin: 40px 0px 0px 0px;
  }
  .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: 0px 0px 0px 0px;
  }
  .nbd-footer-nav h5 {
    margin: 60px 0 0 0;
  }
  .nbd-footer-logo .list-inline-item {
    margin-right: 10px;
  }
}
/*Footer CSS*/
@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;
  }
}
/*top footer link*/
.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', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@media only screen and (min-width: 1025px) {
  .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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: unset;
}
@media only screen and (min-width: 576px) {
  .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;
  }
}
/*top footer link end*/
.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: 0px;
  margin-bottom: 0px;
}
.nbd-vac-container .nbd-btn-commitment {
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@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-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 500;
}
.nbd-vac-container .card {
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
  border: none;
  border-radius: 7px;
  background-color: #ffffff;
  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;
}
.nbd-vac-container .card-subtitle {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #17252e;
  font-size: 16px;
  padding-top: 6px;
  margin-top: 0;
  line-height: 12px;
}
.nbd-vac-container .card-details {
  margin: 16px 0;
}
.nbd-vac-container .card-details-head {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 700;
  margin-bottom: 14px;
}
@media only screen and (min-width: 1025px) {
  .nbd-vac-container .card-details-head {
    font-size: 18px;
    line-height: 26px;
  }
}
.nbd-vac-container .overview-label {
  margin-bottom: 4px;
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.nbd-vac-container .overview-value {
  color: #17252e;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 16px;
}
.overview-value span {
  font-size: 14px;
  line-height: 28px;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.nbd-vac-container .nbd-card-benefits {
  display: flex;
}
.nbd-vac-container .card-detail-description {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0 0 16px 0;
}
@media only screen and (min-width: 576px) {
  .nbd-vac-container .card-detail-description {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-vac-container .card-detail-infomsg {
  display: inline-flex;
  box-sizing: border-box;
  min-height: 49px;
  width: 100%;
  border: 1.5px solid #bbbbbb;
  border-radius: 6px;
  padding: 8px;
}
.nbd-vac-container .card-detail-infomsg span {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  color: #494f50;
}
.nbd-vac-container .card-detail-infomsg img {
  height: 12px;
  width: 12px;
  margin: 5px 5px 0px 0px;
}
.nbd-vac-container .nbd-key-benefits label {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 700;
  padding-bottom: 32px;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-vac-container .nbd-key-benefits label {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-vac-container .nbd-key-benefits label {
    font-size: 20px;
    line-height: 28px;
  }
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.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: none;
  padding: 16px 16px 24px 16px;
}
.nbd-vac-container .card-footer a {
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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 0px;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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: 0px;
}
/*Swiper start*/
.swiper-wrapper {
  flex-flow: row;
}
.swiper-slide {
  flex: 1 0 0%;
  display: flex;
  height: auto;
}
.swiper-pagination-bullet-active {
  background: #17252e !important;
  width: 26px !important;
  border-radius: 35px !important;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  margin: 5px;
}
.swiper-pagination-row {
  margin: 10px auto 20px auto;
}
.swiper-pagination {
  text-align: center;
  position: relative !important;
  top: 14px;
  margin: 0px auto 0px auto;
}
.nbd-swiper-button {
  display: flex;
  padding: 0px !important;
}
.swiper-slide {
  width: 100%;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
  position: relative !important;
}
.swiper-pagination-custom {
  position: relative !important;
}
.swiper-pagination-fraction {
  position: relative !important;
}
/*swiper end*/
/*tooltip*/
.tooltip {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #ffffff;
}
.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;
}
/*tooltip end*/
.nbd-vac-container .nbd-vac-description {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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-vac-account-description span {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  Font-weight: 700;
}
.nbd-vac-container .nbd-border-bottom {
  width: 100%;
  height: 1px;
  border-bottom: 0.5px solid #bbbbbb;
  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: 0px;
  }
  .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-title {
    font-size: 20px;
  }
  .nbd-vac-container .card-subtitle {
    font-size: 20px;
  }
  .nbd-vac-container .card-details {
    margin: 16px 0 24px 0;
  }
  .nbd-vac-container .card-details-head {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .nbd-vac-container .overview-label {
    margin-bottom: 3px;
  }
  .nbd-vac-container .overview-value {
    color: #17252e;
    font-size: 24px;
    line-height: 32px;
  }
  .nbd-vac-container .nbd-card-benefit-info p {
    margin-bottom: 24px;
    font-size: 16px;
  }
  .nbd-vac-container .card-footer {
    background-color: transparent;
    border-top: none;
    padding: 8px 40px 40px 40px;
  }
  .nbd-vac-container .row div > div[class^="card"] {
    height: auto;
  }
  .nbd-vac-container .nbd-vac-account-description {
    font-size: 20px;
    line-height: 24px;
  }
  .nbd-vac-container .nbd-vac-description {
    margin-top: 24px;
    margin-bottom: 32px;
  }
  .nbd-vac-container .see-range {
    margin: 56px auto -36px auto;
  }
  .overview-value span {
    font-size: 20px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 992px) {
  .nbd-vac-wrapper .ng-container {
    margin: 0 22px !important;
  }
}
@media only screen and (min-width: 992px) {
  .nbd-vac-wrapper {
    padding: 80px 0 96px 0;
  }
  .nbd-vac-container .title {
    padding-bottom: 0px;
  }
  .nbd-vac-container .card {
    max-width: 389px;
    min-width: 329px;
  }
  .nbd-vac-container .card-title {
    font-size: 20px;
  }
  .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 label {
    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-vac-container .overview-label {
    font-size: 16px;
  }
  .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: #ffffff;
}
#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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-family: 'Libre Franklin', Arial, Helvetica, 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,
.nbd-navbar-desktop-wrapper .primarynav .navwrapper .navbar-nav li a:active,
.nbd-navbar-desktop-wrapper .primarynav .navwrapper .navbar-nav li a:focus {
  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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-family: 'Libre Franklin', Arial, Helvetica, 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: 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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  color: #17252e;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  cursor: default;
  background-color: #ffffff;
}
@media only screen and (min-width: 576px) {
  .nbd-navbar-desktop-wrapper .dropdown-item.dropdown-item-heading {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-navbar-desktop-wrapper .dropdown-item.dropdown-item-heading:hover {
  color: #17252e;
  background-color: #ffffff;
}
@media only screen and (min-width: 1024px) {
  .nbd-navbar-desktop-wrapper {
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 5s;
    -ms-transition: position 5s;
    -o-transition: position 5s;
    transition: all 0.5s ease;
    scroll-behavior: smooth;
  }
  .nbd-navbar-desktop-wrapper .navbar {
    flex-flow: wrap;
    padding: 0px;
  }
  .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 0.5s ease 0s;
  }
  .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: #ffffff;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 5s;
    -ms-transition: position 5s;
    -o-transition: position 5s;
    transition: all 0.5s ease;
  }
  .nbd-navbar-desktop-wrapper .navbar .secondarynav.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
    /* animation: smoothScroll 1s forwards; */
  }
  .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 0s;
  }
  .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: 0px;
  }
  .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(76%);
    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(76%);
    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: 0px;
    padding-right: 0px;
    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 {
    /* border-bottom:4px solid @border-color-4; */
  }
  .nbd-navbar-desktop-wrapper .navbar-nav .nav-item .nav-link:hover .nbd-nav-highlight {
    height: 4px;
    width: calc(76%);
    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 {
    /* border-bottom:4px solid @border-color-4; */
  }
  .nbd-navbar-desktop-wrapper .navbar-nav .nav-item .nav-link.nosubmenus:hover .nbd-nav-highlight {
    width: calc(76%);
  }
  .nbd-navbar-desktop-wrapper .navbar-nav .nav-item .nav-link.stickymenuitem img {
    top: 0;
    position: relative;
    transition: top 0.5s ease 0s;
  }
  .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: 0.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: #ffffff;
    box-shadow: 3px 3px 16px 0 rgba(0, 0, 0, 0.12);
    border: none;
    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: 0px;
    right: 0px;
    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;
    /* background-color: @bg-color-menu;
                filter: brightness(@brightness-filter-value); */
  }
  .nbd-navbar-desktop-wrapper .menublock .hamburger {
    position: relative;
    top: 28px;
    right: inherit;
    bottom: inherit;
    left: 24px;
    width: 30px;
    height: 2px;
    background: #ffffff;
    display: block;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 5s;
    -ms-transition: position 5s;
    -o-transition: position 5s;
    transition: all 0.5s ease;
  }
  .nbd-navbar-desktop-wrapper .menublock .hamburger::after,
  .nbd-navbar-desktop-wrapper .menublock .hamburger::before {
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    content: "";
    position: absolute;
    top: initial;
    right: 0;
    bottom: initial;
    left: initial;
    display: block;
    width: 130%;
    height: 100%;
    background: #ffffff;
  }
  .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: #ffffff;
    display: block;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.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: 0.5s ease-in-out;
    transition: 0.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: #ffffff;
    display: block;
  }
  .nbd-hamburger-menu-wrapper .nbd-hamburger-close-icon.menublock .hamburger::before {
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.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: #ffffff;
    display: block;
  }
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
/* --------------
Change 1 - adjusted ease to cubic bezier
 -------------- */
.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: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.nbd-fadeInDown:hover {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.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 0.5s cubic-bezier(0.02, 0.8, 0.64, 1);
  -moz-transition: all 0.5s cubic-bezier(0.02, 0.8, 0.64, 1);
  -o-transition: all 0.5s cubic-bezier(0.02, 0.8, 0.64, 1);
  -ms-transition: all 0.5s cubic-bezier(0.02, 0.8, 0.64, 1);
  transition: all 0.5s cubic-bezier(0.02, 0.8, 0.64, 1);
}
.nbd-fadeInTransition:hover {
  -webkit-transition: all 0.5s cubic-bezier(0.02, 0.8, 0.64, 1);
  -moz-transition: all 0.5s cubic-bezier(0.02, 0.8, 0.64, 1);
  -o-transition: all 0.5s cubic-bezier(0.02, 0.8, 0.64, 1);
  -ms-transition: all 0.5s cubic-bezier(0.02, 0.8, 0.64, 1);
  transition: all 0.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;
  }
}
/* Desktop */
@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 0px 50px 0px;
  }
  .nbd-hamburger-menu-back a {
    color: #ffffff;
  }
  .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 0px 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 0px 0px 16px;
  }
  .nbd-hm-level-one-selected {
    color: #f2f9f5;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 32px;
    text-align: right;
    padding-right: 20px;
    opacity: 0.8;
  }
  /*********** Level Two *************/
  .nbd-hm-level-two-sections {
    float: left;
  }
  .nbd-hm-level-two-sections {
    margin: 0px 24px 0px 0px;
  }
  .nbd-hm-level-two-sections + .nbd-hm-level-two-sections {
    margin: 0px 0px 0px 24px;
  }
  .nbd-hm-level-two-title {
    color: #ffffff;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 32px;
    margin: 0px 0px 42px 0px;
  }
  .nbd-hm-level-two-desc {
    min-height: 103px;
    max-width: 292px;
    color: #f2f9f5;
    opacity: 0.8;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    margin: 0px 0px 14px 0px;
  }
  .nbd-hm-level-two-extra-links .nbd-hm-l2-wrapper,
  .nbd-hm-level-two-extra-links .nbd-hm-l2-link {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 14px 0px;
  }
  .nbd-hm-level-two-extra-links a {
    color: #f2f9f5;
    opacity: 0.8;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    outline: none;
    display: flex;
    align-items: center;
  }
  .nbd-hm-level-two-extra-links a:hover {
    color: #ffffff;
  }
  .nbd-icon-white-arrow {
    display: block;
    background-image: url('../../../content/dam/nedbank/icons/resources/arrow-white.svg');
    height: 13px;
    width: 24px;
    margin: 5px 0px 0px 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);
  }
  /*********** Level Two *************/
  /*********** Level Three *************/
  .nbd-hm-level-three-links .nbd-hm-l3-wrapper,
  .nbd-hm-level-three-links .nbd-hm-l3-multi-link {
    list-style: none;
    padding: 0px;
  }
  .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: #ffffff;
  }
  .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: 0.8;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
  }
  .nbd-hm-level-three-links .nbd-hm-l3-multi-link {
    min-width: 285px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 18px 0px;
    position: relative;
    cursor: pointer;
  }
  .nbd-hm-level-three-links .nbd-hm-l3-multi-link a {
    outline: none;
  }
  .nbd-hm-l3-link-title {
    color: #f2f9f5;
    opacity: 0.8;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    padding: 8px 0px 2px 0px;
    margin: 0px;
  }
  .nbd-hm-l3-link-desc {
    color: #f2f9f5;
    opacity: 0.8;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    padding: 0px 0px 18px 0px;
  }
  .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: 0px 0px 11px 0px;
    padding: 0px 0px 0px 15px;
  }
  .nbd-hm-l3-single-link a {
    color: #f2f9f5;
    opacity: 0.8;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
  }
  /*********** Level Three *************/
  /********* Level Four *************/
  .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: #ffffff;
  }
  .nbd-hm-l3-multi-link:hover .nbd-hm-level-four-links {
    display: block;
  }
  .nbd-hm-l4-link {
    list-style: none;
    margin: 0px 0px 11px 0px;
    padding: 0px 0px 0px 15px;
  }
  .nbd-hm-l4-link a {
    color: #f2f9f5;
    opacity: 0.8;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
  }
  /********* Level Four *************/
}
@media only screen and (min-width: 1025px) and only screen and (min-width: 1025px) {
  .nbd-hm-level-two-desc {
    font-size: 18px;
    line-height: 26px;
  }
}
@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-link-title {
    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: 99;
  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: 24px;
  color: #17252e;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 500;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  display: flex;
  align-items: center;
}
@media 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: 576px) {
  .nbd-navbar-desktop-wrapper .navbar-nav .nav-item.dropdown .nav-link {
    font-size: 16px;
    line-height: 24px;
  }
}
@media 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: none;
    outline: none;
    display: block;
  }
  .m-r-92 .dropdown:hover .lock-icon {
    outline: none;
    border: none;
    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: none;
    padding: 0;
    margin: 0;
  }
  .search-icon-div button:focus,
  .search-icon-div button:hover,
  .search-icon-div button:visited {
    outline: none;
  }
  .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: 0px;
    margin-top: 0px;
  }
  .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;
    /* background-color: @menu-block-bg;
                filter: brightness(@brightness-filter-value); */
  }
  .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 {
        margin-top: 42px;
    } */
  .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: none;
    min-width: 250px;
    max-width: 250px;
    min-height: 176px;
    background-color: #006341;
    color: #ffffff;
    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: 0.7;
    /* color: #B3CAC3; */
    font-family: 'Libre Franklin', Arial, Helvetica, 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: #ffffff;
    opacity: 1;
  }
  .nbd-hamburger-menu-levelOne .selected-menu-desc {
    color: #ffffff;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 33px;
    margin-top: 16px;
  }
  .nbd-hamburger-menu-levelOne .nbd-menu-green-card .card-title {
    color: #ffffff;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 700;
    justify-content: space-between;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
  }
  .nbd-hamburger-menu-levelOne .nbd-menu-green-card .card-text {
    /* color: #B3CAC3; */
    color: #f2f9f5;
    opacity: 0.8;
    font-weight: 400;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    margin-top: 31px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
  }
  .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: 0.4;
    background-color: #ffffff;
    margin-top: 20px;
  }
  .nbd-hamburger-menu-levelOne .card.nbd-menu-white-card {
    min-width: 250px;
    max-width: 250px;
    border-radius: 12px;
    background-color: #ffffff;
    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: #000000;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    padding: 0px 0px 29px 0px;
    margin: 0px;
  }
  .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: #ffffff;
  }
  .nbd-hamburger-menu-levelOne .menu-item-secondary,
  .nbd-hamburger-menu-levelOne .menu-item-secondary a {
    color: #ffffff;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    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 .nbd-menu-green-card .card-title {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 1024px) and only screen and (min-width: 576px) {
  .nbd-hamburger-menu-levelOne .nbd-menu-green-card .card-text {
    font-size: 16px;
    line-height: 24px;
  }
}
@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: 1024px) and only screen and (min-width: 576px) {
  .nbd-hamburger-menu-levelOne .menu-item-secondary,
  .nbd-hamburger-menu-levelOne .menu-item-secondary a {
    font-size: 16px;
    line-height: 24px;
  }
}
@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;
  }
  .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: 0.3;
    background-color: #ffffff;
  }
  .white-lock-icon {
    height: 24px;
    width: 24px;
    margin-right: 4px;
    background-image: url('../../../content/dam/nedbank/icons/resources/white-lock.svg');
    border: none;
    outline: none;
    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: #ffffff;
    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: 1030;
    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 {
    /* padding:12px 18px 12px 0px; */
  }
  .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: #ffffff;
    font-weight: 700;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-decoration: none;
    outline: none;
  }
  .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 0px 16px 0px;
    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: #ffffff;
    font-weight: 700;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-decoration: none;
    outline: none;
  }
  .nbd-hamburger-menu-mob ul.mobprimarysubitem {
    margin: 25px 18px;
    padding: 8px 0 0 0;
    /* padding: 0;
        margin: 0 18px; */
  }
  .nbd-hamburger-menu-mob ul.mobprimarysubitem li {
    /* padding:12px 18px 12px 0px; */
  }
  .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: #ffffff;
    font-weight: 700;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-decoration: none;
    outline: none;
  }
  .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: 0.5s ease-in-out;
    transition: 0.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: #ffffff;
    display: block;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  .nbd-hamburger-menu-mob .menublock .hamburger:after,
  .nbd-hamburger-menu-mob .menublock .hamburger:before {
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    content: "";
    position: absolute;
    top: initial;
    right: 0;
    bottom: initial;
    left: initial;
    display: block;
    width: 120%;
    height: 100%;
    background: #ffffff;
  }
  .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: #ffffff;
    display: block;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.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: 0.5s ease-in-out;
    transition: 0.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: #ffffff;
    display: block;
  }
  .nbd-hamburger-menu-mob .menublock.nbd-hamburger-close-icon .hamburger::before {
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.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: #ffffff;
    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', Arial, Helvetica, sans-serif;
    font-weight: 400;
  }
  .search-login a {
    margin-right: 20px;
    cursor: pointer;
  }
  .nbd-hm-divider {
    height: 1px;
    opacity: 0.3;
    background-color: #ffffff;
    margin: 16px 18px 16px 18px;
    border: none;
  }
  .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: 0px;
    padding: 0px;
  }
  .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: #ffffff;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    padding: 8px 18px 0px 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: #ffffff;
  }
  .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: #ffffff;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-decoration: none;
    outline: none;
  }
  .nbd-hamburger-menu-mob .nbd-hamburger-menu-back {
    padding: 16px 0px 16px 0px;
    color: #ffffff;
    font-weight: 700;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    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 0px 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', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    padding: 0px;
  }
  .nbd-hamburger-menu-mob .dropdown-item {
    color: #17252e;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    padding: 4px 24px;
  }
  .nbd-hamburger-menu-mob .dropdown-menu.show {
    border-radius: 5px;
    background-color: #ffffff;
    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: #eeeeee;
  padding: 8px 20px 16px 20px;
  min-height: 64px;
  display: none;
}
.nbd-alert-pop span {
  color: #000000;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.nbd-alert-pop a {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #008533;
  font-family: 'Open Sans Regular', Arial, Helvetica, 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: 0.5s ease-in-out;
}
.nbd-alert-pop .closeblock .close-icon:after,
.nbd-alert-pop .closeblock .close-icon:before {
  transition: 0.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', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
  }
  .nbd-alert-pop a {
    margin-left: 10px;
  }
  .show-alert-mb {
    display: none;
  }
  .show-alert-lg {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 1024px) and only screen and (min-width: 576px) {
  .nbd-alert-pop span {
    font-size: 16px;
    line-height: 24px;
  }
}
@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', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
  }
  .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;
  }
}
@media only screen and (min-width: 1025px) and only screen and (min-width: 576px) {
  .nbd-alert-pop span {
    font-size: 16px;
    line-height: 24px;
  }
}
.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: #ffffff;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding: 25px 40px 16px 40px;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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: #ffffff;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .cookiealert .cmp-text p {
    font-size: 16px;
    line-height: 24px;
  }
}
.cookiealert .cmp-text p a {
  text-decoration: underline;
  color: #ffffff;
}
.cookiealert a {
  text-decoration: underline;
}
.cookiealert .acceptcookies {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  vertical-align: baseline;
  background-color: #008533;
  color: #ffffff;
  width: 100%;
  height: 40px;
  font-family: 'Open Sans Regular', Arial, Helvetica, 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: #ffffff;
  color: #000000;
  border-color: #ffffff;
}
.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 {
  /* padding: 0px; */
  margin-left: 0px;
  margin-top: 0px;
}
#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: #ffffff;
}
#querySearchModal .modal-body {
  padding: 0;
}
#querySearchModal .modal-header {
  justify-content: space-between;
  border: none;
  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: none;
}
#querySearchModal .nbd-qs-close-btn {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  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 input[type="text"] {
  height: 56px;
  width: 100%;
  border-radius: 6px;
  padding: 15px 56px;
  box-shadow: 0px 25px 20px -15px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  color: #17252e;
  border-color: #e5edec;
  border-width: 1.5;
  border-style: solid;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-qs-container .nbd-qs-search input[type="text"] {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-qs-container .nbd-qs-search input[type="text"] {
    font-size: 20px;
    line-height: 28px;
  }
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-qs-container .nbd-qs-search .nbd-qs-note {
    font-size: 16px;
    line-height: 24px;
  }
}
.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: #ffffff;
  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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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: #17252e;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: #17252e;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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: 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-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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 8px 0 8px 0;
}
@media only screen and (min-width: 576px) {
  .nbd-qs-container .nbd-qs-pagination-result .nbd-qs-pagedata p {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-qs-container .nbd-qs-pagination-result .nbd-qs-pagedata span {
  color: #949c9e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  border: none;
}
@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: 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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  border: none;
}
@media only screen and (min-width: 576px) {
  .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 {
    font-size: 16px;
    line-height: 24px;
  }
}
.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 {
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.nbd-qs-container .nbd-qs-navspan label {
  font-weight: 400;
}
@media only screen and (min-width: 1025px) {
  #querySearchModal {
    padding: 0!important;
  }
  #querySearchModal.modal.show {
    z-index: 1050;
    top: 64px;
  }
  #querySearchModal .modal-header {
    justify-content: space-between;
    border: none;
    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 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 Buttons************************/
.qsfilter-background-class {
  padding-bottom: 24px;
}
.qsfilters-tags #qsfilterTags {
  display: none;
}
.qsfilters-tags #qsfilterTags .nbd-qsfilter-button {
  border: 1.5px solid #008533;
  background-color: #ffffff;
  border-radius: 100px;
  color: #008533;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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: #ffffff;
  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: none;
  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: none;
  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: #ffffff;
  background-color: #008533;
}
.qsfilters-tags .nbd-qsfilter-title {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-right: 20px;
  display: none;
}
@media only screen and (min-width: 576px) {
  .qsfilters-tags .nbd-qsfilter-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.qsfilters-tags .nbd-toggle-qsfilter-button {
  background-color: #ffffff;
  border: 1px solid #008533;
  border-radius: 100px;
  color: #008533;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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: #ffffff;
  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: 0.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');
  }
}
/*****************qsfilter Buttons************************/
/************************  Search *******************************/
.nbd-search {
  margin: 10px 0px 24px 0px;
}
.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: #ffffff;
  color: #17252e;
  border-color: #e5edec;
  border-width: 1.5;
  border-style: solid;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  height: 56px;
  width: 100%;
  outline: none;
  padding: 15px 56px 15px 56px;
  border-radius: 6px;
  box-shadow: 0px 25px 20px -15px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 576px) {
  .nbd-search .nbd-search-txt input[type="text"] {
    font-size: 20px;
    line-height: 28px;
  }
}
@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: #ffffff;
}
.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: #bbbbbb;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  text-align: center;
  margin: 0;
  display: none;
}
@media only screen and (min-width: 576px) {
  .nbd-search-note {
    font-size: 16px;
    line-height: 24px;
  }
}
.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: none;
  background: #ffffff;
  text-align: left !important;
  margin: 24px 16px 24px 16px;
}
.nbd-search-results ul {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
  cursor: pointer;
  padding: 0px;
  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: none;
}
.nbd-search-results-warp .nbd-see-all-result {
  color: #008533;
  font-weight: 500;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: 0px;
  bottom: inherit;
  left: 0px;
  border-radius: 6px;
  background-color: #ffffff;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-weight: 700;
  opacity: 1;
}
.nbd-srch-text::-ms-clear,
.nbd-faqsrch-text::-ms-clear {
  display: none;
}
@media only screen and (min-width: 576px) and (max-width: 1024px) {
  .nbd-search {
    margin: 0px 0px 24px 0px;
  }
  .nbd-search .nbd-search-txt {
    margin: 24px 0px 16px 0px;
  }
  .nbd-search .nbd-search-txt .nbd-find {
    height: 32px;
    width: 32px;
    position: relative;
    top: 0px;
    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: none;
    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 0px 32px 0px;
  }
  .nbd-search .nbd-search-txt {
    margin: 32px 0px 24px 0px;
  }
  .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: none;
    padding: 24px 98px 24px 98px;
    box-shadow: 0px 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: 0px;
  }
  .nbd-search .nbd-search-results {
    max-height: 266px;
  }
}
/************************  Search *******************************/
/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.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 #bbbbbb;
  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(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cmp-search__clear {
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.cmp-search__clear-icon {
  position: absolute;
  top: 0.5rem;
  right: 0.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: #bbbbbb;
}
.nbd-head-desc-wrapper {
  max-width: 284px;
  margin: 0 auto;
}
.nbd-head-desc-wrapper .nbd-league-pagetitle {
  color: #17252e;
  text-align: center;
  margin: 16px 0px;
}
.nbd-head-desc-wrapper .nbd-head-desc {
  color: #17252e;
  text-align: center;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@media only screen and (min-width: 1025px) {
  .nbd-head-desc-wrapper .nbd-head-desc {
    font-size: 18px;
    line-height: 26px;
  }
}
@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: 0px 25px 20px -15px rgba(0, 0, 0, 0.1);
}
.nbd-cobl-imageshadow {
  box-shadow: 0px 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: #ffffff;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #494f50;
}
.nbd-cobl-content-div ul {
  padding-left: 15px;
  margin-top: 24px;
}
.nbd-cobl-content-div h2 {
  color: #17252e;
  margin: 0px 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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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 h2,
.nbd-cobl-container-varThree .nbd-cobl-content-div h2 {
  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 0px;
  }
  .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 h2 {
    margin: 0 0 24px 0;
  }
  .nbd-cobl-ng-container .nbd-cobl-content-div h2 {
    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: 0px 0px 0px 0px;
    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 0px !important;
  }
  .nbd-bkwd-row .nbd-cobl-content-div {
    padding: 0 0 0 22px !important;
  }
  .nbd-cobl-ng-container .nbd-cobl-content-div h2 {
    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 h2 {
    margin: 0 0 24px 0;
  }
  .nbd-cobl-anchor {
    margin-top: 40px;
    margin-right: 32px;
  }
  .nbd-cobl-container .nbd-cobl-content-div {
    margin: 0px 0px 0px 0px;
    max-width: 100%;
  }
  .nbd-cobl-container {
    padding: 0;
  }
  .nbd-cobl-container-varTwo .nbd-cobl-content-div h2,
  .nbd-cobl-container-varThree .nbd-cobl-content-div h2 {
    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 0px;
  }
  .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 0px;
  }
  .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 0px;
  }
  .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: 0px 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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #494f50;
}
.nbd-cbProduct-content-div h2 {
  color: #17252e;
  margin: 0px 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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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: 0px;
  }
  .nbd-cbProduct-container .nbd-bkwd-row .nbd-cbProduct-img-div img {
    top: 0px;
  }
  .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 h2 {
    color: #17252e;
    margin: 0px 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: 0px 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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #494f50;
}
.nbd-cbVideo-content-div h2 {
  color: #17252e;
  margin: 0px 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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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: 0px 0px 0 24px;
  }
  .nbd-cbVideo-container .nbd-bkwd-row .nbd-cbVideo-content-div {
    padding: 0px 24px 0 0px;
  }
  .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: 0px 0px 0 135px;
  }
  .nbd-cbVideo-container .nbd-bkwd-row .nbd-cbVideo-content-div {
    padding: 0px 135px 0 0px;
  }
  .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 h2 {
    color: #17252e;
    margin: 0px 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: 0px 0px 0 24px !important;
  }
  .nbd-cbVideo-container .nbd-bkwd-row .nbd-cbVideo-content-div {
    padding: 0px 24px 0 0px !important;
  }
  .nbd-cbVideo-content-div ul {
    margin-top: 16px !important;
  }
  .nbd-cbVideo-anchor {
    margin-top: 22px !important;
  }
}
/* Mobile */
.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', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  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: 20px;
    line-height: 28px;
  }
}
@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: 24px;
    line-height: 32px;
  }
}
.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;
}
/* Desktop */
/* Tab - change from 576 to 768 - $y$*/
@media only screen and (min-width: 768px) {
  .nbd-offset-container.nbd-offset-left {
    margin: 0px 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: 0px 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: 0px 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: 0px 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;
  }
}
.nbd-inpagenav-wrapper {
  z-index: 1060;
  position: sticky;
  top: 0px;
  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 0.5s ease;
  -moz-transition: position 5s;
  -ms-transition: position 5s;
  -o-transition: position 5s;
  transition: all 0.5s ease;
  scroll-behavior: smooth;
}
.nbd-inpagenav-wrapper span {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@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: #ffffff;
}
.nbd-inpagenav-wrapper.blackbg .nbd-text-muted a:hover {
  color: #ffffff;
}
.nbd-inpagenav-wrapper.blackbg .nbd-text-dark {
  color: #ffffff;
}
.nbd-inpagenav-wrapper.blackbg .nbd-text-dark a {
  color: #ffffff;
}
.nbd-inpagenav-wrapper.blackbg .link-to-anchor .jump-to-links {
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .nbd-inpagenav-wrapper {
    height: 64px;
    padding: 21px 0;
  }
  .nbd-inpagenav-wrapper span a {
    font-weight: 700;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
  }
  .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: 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-weight: 700;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
  }
  .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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
.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: 0.5px solid #eeeeee;
}
@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: 0px 12px 2px 0;
    padding-bottom: 14px;
  }
  .nbd-link-bar .jump-to-links {
    color: #494f50;
    margin: 0px 0px 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: 0px 0px 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: 0px 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 0px;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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 0px 0px 0px;
  padding: 16px;
  max-width: 100%;
}
.nbd-fnt-container .nbd-fnt-mobileimage {
  width: 279px;
  height: 533px;
  object-fit: cover;
  margin: -24px 0px 0px 0px;
}
.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 0px 0px 22px;
  }
  .nbd-fnt-container .nbd-fnt-img-pos-left div.nbd-fnt-direction-center {
    padding: 73px 22px 0px 0px;
  }
  .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 0px;
  }
  .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 0px 84px 0px;
  }
  .nbd-fnt-container .mobileimage #lottie {
    width: 279px;
    height: 533px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-fnt-container {
    padding: 0px;
  }
  .nbd-fnt-container .nbd-fnt-img-pos-right div.nbd-fnt-direction-center {
    padding: 125px 0px 0px 210px;
  }
  .nbd-fnt-container .nbd-fnt-img-pos-left div.nbd-fnt-direction-center {
    padding: 125px 0px 0px 0px;
  }
  .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 0px 93px 0px;
  }
  .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: 0px 32px 0px 0px;
  }
  .nbd-fnt-container .nbd-fnt-learn .nbd-btn {
    margin: 30px 0px 0px 0px;
  }
  .nbd-fnt-container .nbd-fnt-mobileimage {
    width: 357px;
    height: 681px;
    object-fit: cover;
    margin: -32px 0px 32px 0px;
  }
  .nbd-fnt-container .mobileimage #lottie {
    width: 357px;
    height: 681px;
  }
  .nbd-fnt-container .nbd-fnt-mobilescreenshotimage {
    width: 390px;
    object-fit: contain;
    height: 100%;
    margin-top: 0px;
  }
  .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: 0px;
  }
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 0px;
}
@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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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 0px 0px 0px;
  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% 0px 0px;
}
.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 0px 0px -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 0px 0px 0px;
}
.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: 0px 0px 0px -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: 0px 0 32px 0;
  }
  .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right div.nbd-fnt-direction-large {
    padding: 105px 0px 0px 105px;
  }
  .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-left div.nbd-fnt-direction-large {
    padding: 105px 0px 0px 0px;
  }
  .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: 0px 32px 0px 0px;
  }
  .nbd-fnt-desktop-img-container .nbd-fnt-learn-desktop .nbd-btn {
    margin: 30px 0px 0px 0px;
  }
  .nbd-fnt-desktop-img-container .nbd-fnt-img-pos-right .nbd-fnt-desktopimage {
    width: 76vw;
    height: auto;
    margin: -24px -20% 0px 0px;
  }
  .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 0px 0px -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 0px 0px 0px;
  }
  .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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-fnt-desktop-bullet-container p {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-fnt-desktop-bullet-container li {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-fnt-desktop-bullet-container li {
    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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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 0px 0px 0px;
  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% 0px 0px;
}
.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 0px 0px -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% 0px 0px;
  }
  .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 0px 0px -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% 0px 0px;
  }
  .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-left .nbd-fnt-desktopimagewithbullets {
    width: 60vw;
    height: auto;
    margin: -16px 0px 0px -21%;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-fnt-desktop-bullet-container {
    padding: 0px;
  }
  .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: 0px;
  }
  .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: 0px 32px 0px 0px;
  }
  .nbd-fnt-desktop-bullet-container .nbd-fnt-learn-desktop .nbd-btn {
    margin: 30px 0px 0px 0px;
  }
  .nbd-fnt-desktop-bullet-container .nbd-fnt-img-pos-right .nbd-fnt-desktopimagewithbullets {
    width: 61vw;
    height: auto;
    margin: 70px -22% 96px 0px;
  }
  .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 0px 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: 0px;
  }
  .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 {
  /*margin:0px 3px 24px 3px;*/
  flex: unset;
}
.nbd-article-heading {
  color: #17252e;
  margin: 32px 0px 32px 0px;
}
/* Article Card START */
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: 0px;
  padding: 0px;
  background-color: transparent;
  border: none;
}
.nbd-card-body {
  min-height: auto;
  padding: 0px;
}
.nbd-card-footer {
  border-radius: 0px;
  padding: 0px;
  background-color: transparent;
  border: none;
  border: 1.5px solid #e5edec;
  border-top: 0px;
  padding: 0px 16px 16px 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;
  }
}
.nbd-article-card {
  box-sizing: border-box;
  min-width: 284px;
  border-radius: 0px;
  border: none;
  background-color: #ffffff;
  display: inline-block;
}
.nbd-article-card p {
  margin: 0px;
}
.nbd-article-card-img img {
  height: 180px;
  width: 100%;
}
.nbd-article-card-body {
  padding: 16px 16px 0px 16px;
  border: 1.5px solid #e5edec;
  border-bottom: 0px;
}
.nbd-article-card-info {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  margin: 0px 0px 24px 0px;
}
.nbd-article-card-info p {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
.nbd-article-card-info .nbd-article-author {
  color: #494f50;
  padding-bottom: 8px;
}
.nbd-article-card-info .nbd-article-date {
  color: #949c9e;
}
.nbd-article-card-heading {
  margin-bottom: 16px;
}
.nbd-article-card-heading h4 {
  color: #17252e;
}
.nbd-article-card-heading h3 {
  color: #17252e;
}
.nbd-article-card-content {
  margin-bottom: 24.5px;
}
.nbd-article-card-content p {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0px;
}
@media only screen and (min-width: 576px) {
  .nbd-article-card-content p {
    font-size: 16px;
    line-height: 24px;
  }
}
.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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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-icon-arrow {
  display: block;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow.svg');
  height: 13px;
  width: 24px;
  margin: 5px 0px 0px 10px;
  transition: transform 900ms;
}
.nbd-article-card-Link a:hover .nbd-icon-arrow,
.nbd-article-card:hover .nbd-icon-arrow {
  transform: translateX(8px);
  margin-left: 20px;
  width: 34px;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg');
}
.nbd-play-btn-card .nbd-article-card-heading {
  margin-bottom: 33px;
}
.nbd-article-card-Link .nbd-play-btn {
  height: 40.38px;
  width: 40.38px;
}
.nbd-article-card-time {
  color: #949c9e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-left: 5px;
  text-align: right;
}
.nbd-article-card-Link span {
  color: #949c9e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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: 0px;
  left: inherit;
}
/* Article Card END*/
@media only screen and (min-width: 576px) and (max-width: 1024px) {
  .nbd-article-heading {
    margin: 40px 0px 40px 0px;
  }
  /* Article Card START */
  .nbd-article-card {
    min-height: 243px;
    width: 384px;
  }
  #articleCards .card-deck .card {
    margin: 0px 10px 48px 10px;
    flex: inherit;
  }
  .nbd-article-card-img img {
    height: 226px;
  }
  .nbd-article-card-heading {
    margin-bottom: 20px;
  }
  .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .nbd-article-card-content {
    margin-bottom: 25px;
  }
  .nbd-ml-article {
    display: none;
  }
  .nbd-tab-dp-article {
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-article-heading {
    margin: 64px 0px 64px 0px;
  }
  .nbd-article-card {
    min-height: 281px;
    width: 360px;
  }
  #articleCards .card-deck .card {
    margin: 0px 14px 64px 14px;
    flex: inherit;
  }
  .nbd-article-card-img img {
    height: 250px;
  }
  .nbd-article-card-heading {
    margin-bottom: 32px;
  }
  .nbd-article-card-content {
    margin-bottom: 32px;
  }
  .nbd-ml-article {
    display: none;
  }
  .nbd-tab-dp-article {
    display: block;
  }
}
@media only screen and (min-width: 1430px) {
  .nbd-article-card {
    width: 388px;
  }
}
/* Contact Card START */
.nbd-time-card {
  box-sizing: border-box;
  min-height: 203px;
  border: none;
  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: #ffffff;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0px;
}
@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-icon-arrow {
  display: block;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow.svg');
  height: 13px;
  width: 26px;
  margin-right: 5px 0 0 0;
  transition: transform 900ms;
}
.nbd-time-card-Link a:hover .nbd-icon-arrow,
.nbd-time-card:hover .nbd-icon-arrow {
  transform: translateX(8px);
  margin-right: 0px;
  width: 24px;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow.svg');
}
.nbd-time-card-time {
  color: #949c9e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-left: 5px;
  text-align: right;
}
.nbd-time-card-Link span {
  color: #949c9e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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: 0px;
  padding: 0px;
  background-color: transparent;
  border: none;
}
.nbd-time-card .nbd-card-body {
  min-height: auto;
  padding: 0px;
}
.nbd-time-card .nbd-card-footer {
  border-radius: 0px;
  padding: 0px;
  background-color: transparent;
  border: none;
}
@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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0px 0px 24px 0px;
  display: block;
}
@media only screen and (min-width: 576px) {
  .nbd-watch {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-status-hr {
  width: 70px;
  border-top: 1.5px solid #78be20;
  margin: 12px 0px 0px 24px;
}
/** Tab And Mobile View CSS **/
/* Article Card START */
.nbd-article-card {
  box-sizing: border-box;
  min-width: 284px;
  border-radius: 0px;
  border: none;
  background-color: #ffffff;
  margin: 11px 3px;
  display: inline-block;
}
.nbd-article-card p {
  margin: 0px;
}
.nbd-article-card-img img {
  height: 180px;
  width: 100%;
}
.nbd-article-card-body {
  padding: 16px 16px 16px 16px;
}
.nbd-article-card-info {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  margin: 0px 0px 24px 0px;
}
.nbd-article-card-info .nbd-article-author {
  color: #494f50;
}
.nbd-article-card-info .nbd-article-date {
  color: #949c9e;
}
.nbd-article-card-heading {
  margin-bottom: 16px;
}
.nbd-article-card-heading h3 {
  color: #17252e;
}
.nbd-article-card-heading h4 {
  color: #17252e;
}
.nbd-article-card-content {
  margin-bottom: 24.5px;
}
.nbd-article-card-content p {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0px;
}
@media only screen and (min-width: 576px) {
  .nbd-article-card-content p {
    font-size: 16px;
    line-height: 24px;
  }
}
.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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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-icon-arrow {
  display: block;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow.svg');
  height: 13px;
  width: 24px;
  margin: 5px 0px 0px 10px;
}
.nbd-article-card-Link a:hover .nbd-icon-arrow {
  margin-left: 20px;
  width: 34px;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg');
}
.nbd-play-btn-card .nbd-article-card-heading {
  margin-bottom: 33px;
}
.nbd-article-card-Link .nbd-play-btn {
  height: 40.38px;
  width: 40.38px;
}
.nbd-article-card-time {
  color: #949c9e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-left: 5px;
  text-align: right;
}
.nbd-article-card-Link span {
  color: #949c9e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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: 0px;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: #ffffff;
}
.card-deck .article-bg-green .nbd-time-card-Link span {
  color: #ffffff;
}
.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%);
}
.card-deck .article-bg-green .nbd-icon-arrow {
  display: block;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow-white.svg');
  height: 13px;
  width: 24px;
  margin: 5px 0px 0px 10px;
  color: #ffffff;
}
.card-deck .article-bg-green .nbd-article-card-Link a:hover .nbd-icon-arrow {
  margin-left: 20px;
  width: 34px;
  background-image: url('../../../content/dam/nedbank/icons/resources/Whitehoverarrow.svg');
}
.nbd-article-post-card-content p {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  margin: 0px 0px 24px 0px;
}
.nbd-article-post-card-info .nbd-article-post-author {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #494f50;
}
.nbd-article-post-card-info .nbd-article-post-date {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #949c9e;
}
/* Article Card END */
@media only screen and (min-width: 576px) and (max-width: 1024px) {
  .swiper-slide {
    width: auto;
  }
  /* Article Card START */
  .nbd-article-card {
    min-height: 243px;
    width: 350px;
    margin: 10px;
  }
  .nbd-article-card-img img {
    height: 226px;
  }
  .nbd-article-card-heading {
    margin-bottom: 20px;
  }
  .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .nbd-article-card-content {
    margin-bottom: 25px;
  }
  .nbd-ml-article {
    display: none;
  }
  .nbd-tab-dp-article {
    display: block;
  }
  /* Article Card END */
  .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) {
  /* Article Card START */
  .nbd-article-card {
    min-height: 281px;
    width: 388px;
    margin: 14px;
  }
  .nbd-article-card-img img {
    height: 250px;
  }
  .nbd-article-card-heading {
    margin-bottom: 32px;
  }
  .nbd-article-card-content p {
    -webkit-line-clamp: 2;
  }
  .nbd-article-card-content {
    margin-bottom: 32px;
  }
  .nbd-ml-article {
    display: none;
  }
  .nbd-tab-dp-article {
    display: block;
  }
  /* Article Card END */
  .only-tab-mb {
    display: flex;
  }
  .only-desktop {
    display: block;
  }
}
/** Tab And Mobile View CSS **/
@media only screen and (min-width: 1025px) {
  .swiper-slide .nbd-article-card {
    display: none;
  }
  .nbd-arrow-back-left,
  .nbd-arrow-next-right {
    display: block;
  }
  .nbd-article-post-card {
    box-sizing: border-box;
    border-radius: 0px;
    border: none;
    background-color: #ffffff;
    margin: 11px 3px;
    display: inline-block;
    height: 500px;
    min-width: 598px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  /* Article Card START */
  .swiper-slide .nbd-article-post-card {
    box-sizing: border-box;
    border-radius: 0px;
    border: none;
    background-color: #ffffff;
    margin: 11px 3px;
    display: inline-block;
    height: 500px;
    min-width: 598px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .swiper-slide {
    width: auto !important;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    position: relative !important;
  }
  .carousel-item.active {
    display: flex;
  }
  .nbd-article-post-card p {
    margin: 0px;
  }
  .nbd-article-post-card-img img {
    height: 180px;
    width: 100%;
  }
  .nbd-article-post-card-body {
    padding: 40px 32px 40px 32px;
    border: 1.5px solid #e5edec;
    background-color: #ffffff;
    height: 400px;
    width: 390px;
    float: right;
    margin: 50px 24px 50px 0px;
  }
  .nbd-article-post-card-heading {
    margin-bottom: 20px;
  }
  .nbd-article-post-card-content {
    margin-bottom: 50px;
  }
  .nbd-article-post-card-content p {
    color: #494f50;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px;
  }
  .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .nbd-article-post-card-Link a {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: inline-flex;
    color: #008533;
  }
  .nbd-icon-arrow {
    display: block;
    background-image: url('../../../content/dam/nedbank/icons/resources/arrow.svg');
    height: 14px;
    width: 24px;
    margin: 5px 0px 0px 10px;
    transition: transform 900ms;
  }
  .nbd-article-post-card-Link a:hover .nbd-icon-arrow,
  .nbd-article-post-card:hover .nbd-icon-arrow {
    transform: translateX(8px);
    margin-left: 20px;
    width: 34px;
    background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg');
  }
  .card-deck .article-bg-green .nbd-icon-arrow {
    display: block;
    background-image: url('../../../content/dam/nedbank/icons/resources/arrow-white.svg');
    height: 14px;
    width: 24px;
    margin: 5px 0px 0px 10px;
    transition: transform 900ms;
  }
  .card-deck .article-card-green .nbd-article-post-card-Link a:hover .nbd-icon-arrow,
  .card-deck .article-card-green .nbd-article-post-card:hover .nbd-icon-arrow {
    transform: translateX(8px);
    margin-left: 20px;
    width: 34px;
    background-image: url('../../../content/dam/nedbank/icons/resources/Whitehoverarrow.svg');
  }
  .nbd-play-btn-card .nbd-article-post-card-heading {
    margin-bottom: 33px;
  }
  .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', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    margin-left: 5px;
    text-align: right;
  }
  .nbd-article-post-card-Link span {
    color: #949c9e;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    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: 0px;
    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) {
  .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;
  }
  .nbd-article-post-card {
    min-width: 554px;
  }
}
/* fixing ipa pro issue */
@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: 0px 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: 0px 0px 20px 0px;
  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: #ffffff;
}
.nbd-articledetail-container .nbd-article-author-details {
  margin: 0px;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.nbd-articledetail-container .nbd-article-author-info {
  margin-left: 20px;
}
.nbd-articledetail-container .nbd-article-author-name {
  color: #494f50;
  margin: 0px 0px 10px 0px;
}
.nbd-articledetail-container .nbd-article-Published-date {
  color: #94999c;
  margin: 0px 0px 0px 0px;
}
.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;
}
.nbd-articledetail-container .nbd-article-description p {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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: 0px 0px 30px 0px;
}
.nbd-articledetail-container .nbd-article-banner-details-without-bg {
  margin: 0px;
  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: 40px;
    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 0px 0px 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: 0px 0px 80px 0px;
  }
  .nbd-articledetail-container .nbd-article-banner-details-without-bg {
    margin: 0px 0px 0px 0px;
    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: #ffffff;
  }
  .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;
  }
}
/******************** Related-posts-wrapper START **********************/
/******************** Related-posts-wrapper END **********************/
/** Tab And Mobile View CSS **/
/* Article Card START */
/*.nbd-related-posts-wrapper .nbd-play-btn-card .nbd-article-card-heading {
    margin-bottom: 33px;
}*/
/* Article Card END */
/* Article Card START */
/* Article Card END */
/* Article Card START */
/* Article Card END */
/** Tab And Mobile View CSS **/
/* Article Card START */
.articlecarousel .nbd-article-post-date span {
  text-transform: capitalize;
}
.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: #ffffff;
  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;
  display: flex;
  position: absolute;
  top: inherit;
  right: 0px;
  bottom: inherit;
  left: inherit;
  width: 110px;
}
.nbd-related-posts-wrapper .nbd-posts-heading {
  display: flex;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}
.nbd-related-posts-wrapper .nbd-posts-heading a .nbd-icon-arrow {
  margin-right: 20px;
  transition: transform 900ms;
}
.nbd-related-posts-wrapper .nbd-posts-heading a:hover .nbd-icon-arrow {
  transform: translateX(8px);
  margin-right: 0px;
  width: 34px;
  background-repeat: no-repeat;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg');
}
.nbd-related-posts-wrapper .nbd-article-post-card:hover .nbd-icon-arrow {
  transform: translateX(8px);
  margin-right: 0px;
  width: 34px;
  background-repeat: no-repeat;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg');
}
.nbd-related-posts-wrapper .swiper-slide {
  flex: 1 0 0%;
  display: flex;
  height: auto;
  width: 100%;
}
.nbd-related-posts-wrapper .swiper-slide .nbd-article-card {
  margin: 0px;
  display: flex;
}
.nbd-related-posts-wrapper .swiper-slide .card-header {
  padding: 0px;
  border: none;
  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: none;
}
.nbd-related-posts-wrapper .swiper-slide .nbd-article-card-body {
  border-bottom: none;
}
.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: 0px auto 0px auto;
}
.nbd-related-posts-wrapper .nbd-swiper-button {
  display: flex;
  padding: 0px !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;
  min-width: 284px;
  border-radius: 0px;
  border: none;
  background-color: #ffffff;
  margin: 11px 3px;
  display: inline-block;
}
.nbd-related-posts-wrapper .nbd-article-card p {
  margin: 0px;
}
.nbd-related-posts-wrapper .nbd-article-card:hover .nbd-icon-arrow {
  transform: translateX(8px);
  margin-left: 20px;
  width: 34px;
  background-repeat: no-repeat;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg');
}
.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 a:hover .nbd-icon-arrow {
  transform: translateX(8px);
  margin-left: 20px;
  width: 34px;
  background-repeat: no-repeat;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg');
}
.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-icon-arrow {
  display: block;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow.svg');
  height: 13px;
  width: 24px;
  margin: 5px 0px 0px 10px;
  transition: transform 900ms;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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 a.nbd-see-all-articles {
    display: flex;
  }
  .nbd-related-posts-wrapper .nbd-posts-heading {
    display: flex;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .nbd-related-posts-wrapper .swiper-slide {
    width: auto;
  }
  .nbd-related-posts-wrapper .swiper-slide .nbd-article-post-card {
    display: none;
  }
  .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;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-related-posts-wrapper {
    padding-bottom: 80px;
    width: 100%;
    overflow: hidden;
  }
  .nbd-related-posts-wrapper .nbd-posts-heading {
    display: flex;
    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: 0px;
  }
  .nbd-related-posts-wrapper a.nbd-see-all-articles {
    display: flex;
  }
  .nbd-related-posts-wrapper .nbd-article-card {
    min-height: 281px;
    width: 388px;
    margin: 14px;
  }
  .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: 0px;
    border: none;
    background-color: #ffffff;
    display: inline-block;
    height: 500px;
    min-width: 562px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0px;
  }
  .nbd-related-posts-wrapper .swiper-slide .nbd-article-post-card p {
    margin: 0px;
  }
  .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 {
    padding: 40px 32px 40px 32px;
    border: 1.5px solid #e5edec;
    background-color: #ffffff;
    height: 400px;
    width: 390px;
    float: right;
    margin: 50px 24px 50px 0px;
  }
  .nbd-related-posts-wrapper .nbd-article-post-card-info {
    margin: 0px 0px 24px 0px;
  }
  .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: 20px;
  }
  .nbd-related-posts-wrapper .nbd-article-post-card-heading h3 {
    color: #17252e;
  }
  .nbd-related-posts-wrapper .nbd-article-post-card-content {
    margin-bottom: 50px;
  }
  .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 a {
    display: inline-flex;
    color: #008533;
  }
  .nbd-related-posts-wrapper .nbd-article-post-card-Link a:hover .nbd-icon-arrow {
    transform: translateX(8px);
    margin-left: 20px;
    width: 34px;
    background-repeat: no-repeat;
    background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg');
  }
  .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-icon-arrow {
    display: block;
    background-image: url('../../../content/dam/nedbank/icons/resources/arrow.svg');
    height: 14px;
    width: 24px;
    margin: 5px 0px 0px 10px;
    transition: transform 900ms;
  }
  .nbd-related-posts-wrapper .nbd-play-btn-card .nbd-article-post-card-heading {
    margin-bottom: 33px;
  }
  .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', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    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: 0px 25px 20px -15px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  margin-bottom: 16px;
  box-sizing: border-box;
  border: 1px solid #e5edec;
  border-radius: 12px;
  background-color: #ffffff;
  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', Arial, Helvetica, 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: #ffffff;
}
.channel .bg-charcoal .icon-arrow {
  height: 13px;
  width: 24px;
  display: inline-block;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow-white.svg');
  transition: transform 900ms;
}
.channel .bg-charcoal .card-link:hover .icon-arrow {
  width: 34px;
  background-image: url('../../../content/dam/nedbank/icons/resources/Whitehoverarrow.svg');
  transform: translateX(8px);
}
.channel .bg-charcoal .card-text {
  color: #ffffff;
}
.channel .bg-charcoal .card-text a {
  color: #ffffff;
}
.channel .bg-charcoal .card-text a:hover {
  color: #ffffff;
}
.channel .bg-charcoal .card-text a:focus {
  color: #ffffff;
}
.channel .bg-green {
  background-color: #008533;
  border: 1px solid #e5edec;
}
.channel .bg-green .card-body {
  color: #ffffff;
}
.channel .bg-green .icon-arrow {
  height: 13px;
  width: 24px;
  display: inline-block;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow-white.svg');
  transition: transform 900ms;
}
.channel .bg-green .card-link:hover .icon-arrow {
  width: 34px;
  background-image: url('../../../content/dam/nedbank/icons/resources/Whitehoverarrow.svg');
  transform: translateX(8px);
}
.channel .bg-green .card-text {
  color: #ffffff;
}
.channel .bg-green .card-text a {
  color: #ffffff;
}
.channel .bg-green .card-text a:hover {
  color: #ffffff;
}
.channel .bg-green .card-text a:focus {
  color: #ffffff;
}
.channel .bg-green:hover {
  background-color: #007237;
}
.channel .nbd-channel-desc {
  color: #494f50;
  margin-bottom: 40px;
}
.channel .card-text {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 700;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 576px) {
  .channel .card-text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .channel .card-text {
    font-size: 20px;
    line-height: 28px;
  }
}
.channel .default-card .card-text {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  margin-bottom: 31px;
}
@media only screen and (min-width: 576px) {
  .channel .default-card .card-text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .channel .default-card .card-text {
    font-size: 20px;
    line-height: 28px;
  }
}
.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: #ffffff;
  letter-spacing: 0;
  text-align: right;
}
.channel .card-link:hover {
  color: #ffffff;
}
.channel .card-footer {
  height: 52px !important;
  display: block;
  border-radius: 0px;
  background-color: transparent;
  padding: 0px;
  border-top: none;
  text-align: center;
}
.h2 {
  margin-bottom: 24px;
  color: #17252e;
}
.mainclass .row div > div[class^='card'] {
  display: block;
}
@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 .card-text {
    line-height: 28px;
  }
  .channel .default-card .card-text {
    margin-bottom: 27px;
  }
  .channel .card {
    min-height: 210px;
    display: flex !important;
    flex-direction: column;
  }
  .channel .card-footer {
    height: 72px !important;
  }
  .h2 {
    margin-bottom: 24px;
  }
  .channel__cardlist {
    justify-content: initial;
  }
}
.eligibility-info {
  padding-top: 4px;
}
.eligibility-info .card {
  box-shadow: 0px 25px 20px -15px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  box-sizing: border-box;
  border: 1px solid #e5edec;
  border-radius: 12px;
  background-color: #ffffff;
}
.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('../../../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-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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .eligibility-info .card-text {
    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: #ffffff;
  font-weight: 700;
}
.eligibility-info .default-card .card-text .nb-rt-infoCard-text p {
  color: #ffffff;
  font-weight: 700;
}
.eligibility-info .icon-arrow {
  height: 13px;
  width: 24px;
  margin-left: 10px;
  display: inline-block;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow-white.svg');
}
.eligibility-info .icon-arrow:hover {
  width: 34px;
  margin-left: 20px;
  background-image: url('../../../content/dam/nedbank/icons/resources/Whitehoverarrow.svg');
}
.eligibility-info a:hover {
  color: #ffffff;
}
.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: #000000;
}
.eligibility-info .card-body a {
  margin-top: 65px;
  display: inline-block;
  color: #ffffff;
}
.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;
  }
}
/*changing layout to center in tabs for cards*/
.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: 0px 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: #ffffff;
}
.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');
  transition: transform 900ms;
}
.nb-intro-card .nb-card-link:hover .icon-arrow {
  width: 29px;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg');
  transform: translateX(10px);
}
.nb-intro-card:hover .icon-arrow {
  width: 29px;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg');
  transform: translateX(10px);
}
.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: 0px;
    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: 0px;
  }
  .nb-intro-card .icon-calculator {
    position: absolute;
    left: 30px;
  }
  .nbd-intro-boldHeading {
    font-size: 40px;
    letter-spacing: 0px;
    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: #ffffff;
  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: #ffffff;
  border-bottom: 0px;
}
.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: #ffffff;
  border-top: 0px;
  margin: 0px 16px 16px 16px;
}
.nbd-minicard-container .nbd-minicard-card-body {
  margin: 8px 0 40px 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: 24px;
  line-height: 32px;
}
.nbd-minicard-container .nbd-minicard-card-body .nbd-minicard-unit {
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0px;
}
@media only screen and (min-width: 576px) {
  .nbd-minicard-container .nbd-minicard-card-body .nbd-minicard-unit {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-minicard-container .nbd-minicard-card-footer .nbd-cobl-anchor-mini {
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: 0px;
  }
  .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: 32px;
    line-height: 40px;
  }
  .nbd-minicard-container .nbd-minicard-card-footer {
    margin: 0px 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: 40px;
    line-height: 48px;
  }
  .nbd-minicard-container .nbd-minicard-card-footer {
    margin: 0px 40px 40px 40px;
  }
}
/* Mobile */
.intercept .rti-bg-green {
  background-color: #008533;
}
.intercept .rti-bg-grassgreen {
  background-color: #f2f9f5;
}
.intercept h2 {
  text-align: center;
  margin: 0px 0px 32px 0px;
}
.intercept h2.nbd-intercept-heading-white {
  color: #ffffff;
}
.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 0px 64px 0px;
}
.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 0px 8px 0px;
}
.nbd-intercept-card {
  box-sizing: border-box;
  width: 288px;
  min-width: 288px;
  padding: 24px;
  border: 1px solid #e5edec;
  border-radius: 12px;
  background-color: #ffffff;
}
.nbd-intercept-card-odd-width {
  width: 388px;
  min-width: 388px;
}
.nbd-intercept-card .card-body {
  padding: 0px;
}
.nbd-intercept-card .card-footer {
  padding: 0px;
  background-color: transparent;
  border-top: none;
  margin: 0px 0px 16px 0px;
}
.nbd-intercept-img-bg {
  height: 62px;
  width: 60px;
  margin: 0px 0px 16px 0px;
  background-image: url('../../../content/dam/nedbank/icons/resources/intercept_bg.svg');
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  padding: 8px 0px 0px 0px;
  transform: rotate(270deg);
}
.nbd-intercept-img-bg img {
  transform: rotate(90deg);
  height: 32px;
  width: 32px;
}
.nbd-intercept-card-info {
  color: #17252e;
  margin: 0px 0px 16px 0px;
}
.nbd-intercept-card-link {
  color: #008533;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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: 28px;
  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;
}
/* Tab */
@media only screen and (min-width: 576px) and (max-width: 1024px) {
  .nbd-rti-comp {
    padding: 64px 0px 106px 0px;
  }
  .intercept h2 {
    margin: 0px 0px 48px 0px;
  }
  .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: 0px 0px 24px 0px;
    padding: 16px 0px 0px 0px;
  }
  .nbd-intercept-card-info {
    margin: 0px 0px 69px 0px;
  }
  .nbd-intercept-card .card-footer {
    margin: 0px 0px 15px 0px;
  }
  .nbd-intercept-card .nbd-icon-arrow {
    margin-left: 17px;
  }
}
/* Desktop */
@media only screen and (min-width: 1025px) {
  .nbd-rti-comp {
    padding: 80px 0px 80px 0px;
  }
  .intercept h2 {
    margin: 0px 0px 48px 0px;
  }
  .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 0px 40px 0px;
    padding: 16px 0px 0px 0px;
  }
  .nbd-intercept-card-info {
    margin: 0px 0px 69px 0px;
  }
  .nbd-intercept-card .card-footer {
    margin: 0px 0px 40px 0px;
  }
  .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: #ffffff;
}
.ng-container-application.blackbg .nbd-circle-step-connector {
  background-color: #ffffff;
}
.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: #ffffff;
  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: #ffffff;
  border-radius: 50%;
  display: flex;
  position: absolute;
  top: -30px;
  left: 40%;
}
.ng-container-application .nbd-mb-circle-step .nbd-circle-step-text {
  font-size: 12px;
}
.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 {
  font-weight: 500;
  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: #ffffff;
  padding: 28px 0px 20px 0px;
  margin-top: 15px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 42px;
  box-shadow: 0px 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: 0px;
}
.ng-container-application .nbd-step-card-heading p {
  color: #17252e;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  margin: 0px;
  padding: 0px 15px;
}
@media only screen and (min-width: 576px) {
  .ng-container-application .nbd-step-card-heading p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .ng-container-application .nbd-step-card-heading p {
    font-size: 20px;
    line-height: 28px;
  }
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}
@media only screen and (min-width: 576px) {
  .ng-container-application .nbd-step-card-content p {
    font-size: 16px;
    line-height: 24px;
  }
}
@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-circle-step-text {
    font-size: 16px;
  }
  .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 0px 0px 0px;
  }
  .ng-container-application .nbd-step-card-img {
    display: none !important;
  }
  .ng-container-application .nbd-step-card-heading {
    margin-top: 0px;
    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 0px 0px 0px;
  }
  .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;
  }
}
.nb-future-benefit-card .nb-card {
  margin: 10px 0px 10px 0px;
  padding: 40px 15px 15px 15px;
  height: 234px;
  width: 130px !important;
  box-sizing: border-box;
  border: 1px solid #e5edec;
  border-radius: 12px;
  background-color: #ffffff;
  display: grid;
  height: 100%;
  box-shadow: 0px 25px 20px -15px rgba(0, 0, 0, 0.1);
}
.card-box-shadow {
  height: 128px;
  width: 540px;
  border-radius: 12px;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);
}
.nb-future-benefit-card p {
  margin: 5px 0 5px 0;
}
.nb-future-benefit-card .nb-card-info {
  height: 100%;
  width: 100px;
  color: #494f50;
  text-align: center;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nb-future-benefit-card .nb-card-info {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .nb-future-benefit-card .nb-card-info {
    font-size: 20px;
    line-height: 28px;
  }
}
.nb-future-benefit-card .nb-card-content {
  margin-top: 10px;
}
.nb-future-benefit-card .card-img {
  height: 81px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='93px' height='81px' viewBox='0 0 93 81' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 63.1 (101010) - https://sketch.com --%3E%3Ctitle%3EA20977F6-B563-4614-A28F-22A2BB53659B%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Dev-uploads-MVP1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Card-UI' transform='translate(-201.000000, -6470.000000)' fill='%23F9FBFB'%3E%3Cg id='Cards---Feature/Benefit' transform='translate(105.000000, 6248.000000)'%3E%3Cg id='Feature/benefit-card-desktop' transform='translate(0.000000, 202.000000)'%3E%3Cpath d='M158.203454,23.8255547 C140.101203,17.8324551 110.054058,15.2167476 97.8937483,44.5932686 C85.7334389,73.9697896 134.683478,116.53851 171.973765,95.25415 C209.264052,73.9697896 176.305704,29.8186543 158.203454,23.8255547 Z' id='Path-5'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 78px 89px;
  margin-bottom: 20px;
}
.nb-future-benefit-card .card-img img {
  height: 42px;
  width: 42px;
}
.nb-future-benefit-card .card-body {
  margin: 0;
  padding: 0;
}
/*changing layout to center in tabs for cards*/
.nb-card {
  margin: 0 auto !important;
  float: none;
  margin-bottom: 10px !important;
}
@media only screen and (min-width: 576px) and (max-width: 1024px) {
  /* @media only screen and (max-width: 768px) and (min-width: 321px) { */
  .nb-future-benefit-card .nb-card {
    padding: 40px 20px 20px 20px;
    height: 234px;
    width: 166px !important;
    display: grid;
    height: 100%;
  }
  .nb-future-benefit-card .nb-card-info {
    width: 126px;
    height: 100%;
  }
  .nb-future-benefit-card .card-body:after {
    box-shadow: -120px 0px 40px 15px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 1025px) {
  /* @media only screen and (max-width: 1440px) and (min-width: 769px) { */
  .nb-future-benefit-card .nb-card {
    padding: 40px 30px 30px 30px;
    height: 232px;
    width: 285px !important;
    display: grid;
    height: 100%;
  }
  .nb-future-benefit-card .card-img {
    background-size: 81px 93px;
    margin-bottom: 30px;
  }
  .nb-future-benefit-card .nb-card-info {
    width: 225px;
    height: 100%;
  }
}
/* Mobile */
.nbd-switchcard-container .nbd-switchcard-bg {
  background-color: #008533;
  padding: 30px 0px 40px 0px;
  margin: 64px 0 0 0;
}
.nbd-switchcard-container .nbd-switchcard-heading {
  color: #ffffff;
  margin: 0px 0px 36px 0px;
}
.nbd-switchcard-container .nbd-switchcard-title {
  width: 284px;
  color: #ffffff;
  margin: 42px 0 24px 0;
}
.nbd-switchcard-container .nbd-switchcard-desc {
  color: #ffffff;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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 0px 24px 0px;
}
.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: #ffffff;
  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: 0px;
}
.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-body .nbd-switchcard-img-bg {
  height: 32px;
  margin: 0px 0px 25px 0px;
}
.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: 0px 0px 16px 0px;
}
.nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-body .nbd-switchcard-card-desc {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0px 0px 32px 0px;
}
@media only screen and (min-width: 576px) {
  .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-body .nbd-switchcard-card-desc {
    font-size: 16px;
    line-height: 24px;
  }
}
.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: 0px;
  background-color: transparent;
  border-top: none;
}
.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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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('../../../content/dam/nedbank/icons/resources/button/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 0px 40px 0px;
  margin: 64px 0 0 0;
}
.nbd-switchcard-container .nbd-switchcard-onecard-bg .nbd-switchcard-var-title {
  width: 100%;
  color: #ffffff;
  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: #ffffff;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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;
  }
}
/* Tab */
@media only screen and (min-width: 576px) {
  .nbd-switchcard-container .nbd-switchcard-heading {
    margin: 0px 0px 40px 0px;
  }
  .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: 0px 0px 32px 0px;
  }
  .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-body .nbd-switchcard-card-info {
    margin: 0px 0px 18px 0px;
  }
  .nbd-switchcard-container .nbd-switchcard-card-container .nbd-switchcard-card .card-body .nbd-switchcard-card-desc {
    margin: 0px 0px 40px 0px;
  }
  .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 0px 40px 0px;
    height: auto;
    margin: 80px 0 0 0;
  }
  .nbd-switchcard-container .nbd-switchcard-onecard-bg {
    padding: 48px 0px 0px 0px;
    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: 0px 12px 0px 12px;
  }
}
/* Tab - iPad pro */
@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: 0px;
  }
  .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 0px 0px 0px;
    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%;
  }
}
/* Desktop */
@media only screen and (min-width: 1281px) {
  .nbd-switchcard-container .col-lg-8 {
    padding: 0;
  }
  .nbd-switchcard-container .nbd-switchcard-heading {
    margin: 0px 0px 64px 0px;
  }
  .nbd-switchcard-container .nbd-switchcard-title {
    width: 300px;
    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 0px 0px 0px;
    height: 588px;
    margin: 112px 0 80px 0;
  }
  .nbd-switchcard-container .nbd-switchcard-onecard-bg {
    padding: 64px 0px 0px 0px;
    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: 0px 0px 0px 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: #ffffff;
  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 h4 {
  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 .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 0px 0px 0px;
  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;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 2px 0 0 0;
}
@media only screen and (min-width: 576px) {
  .nbd-vcard-container .nbd-vcard-body .nbd-vcard-card-body p {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-vcard-container .nbd-vcard-body .nbd-vcard-footer .right-arrow-btn {
  margin-left: 0px;
}
@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;
  }
  .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 23px 48px 0;
  }
  .nbd-vcard-container .nbd-vcard-body .nbd-vcard-header .nbd-intercept-img-bg {
    height: 82px;
    width: 80px;
    padding: 16px 0px 0px 0px;
    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-deck .nbd-promoc-card-66:first-child {
  border: none;
}
.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-66:first-child img {
  box-shadow: 0px 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: none;
}
.nbd-promoc-container .nbd-promoc-deck .nbd-promoc-card-99:first-child img {
  box-shadow: 0px 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: none;
}
.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: 0px 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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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 .card-footer {
  border: none;
  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%;
  }
  .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-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: 5px 0 5px;
}
.nbd-multilink-container .nb-multi-link-card .nb-card {
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 12px;
  background-color: #ffffff;
  border: none;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: 28px;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow-hover.svg');
  transform: translateX(10px);
}
.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;
}
.nbd-multilink-container .col-sm-12 .with-img {
  padding-top: 20px;
}
@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 .nb-multi-link-card div[class^="card"] {
    display: flex!important;
    flex-direction: column;
  }
  .nbd-multilink-container .nb-multi-link-card .nb-card {
    padding: 60px 60px 60px 60px;
    max-width: 601px;
  }
  .nbd-multilink-container .nb-multi-link-card .icon-calculator {
    height: 42px;
    width: 42px;
    position: absolute;
    left: 8px;
  }
  .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: 0px;
  }
  .nbd-multilink-container .nb-multi-link-card .multi-links:nth-of-type(1) {
    margin-top: 16px;
  }
  .nbd-multilink-container .nb-multi-link-card .nb-card-info {
    max-width: 480px;
    margin-bottom: 0px;
  }
  .nbd-multilink-container .nb-multi-link-card .multi-heading {
    margin-bottom: 60px;
  }
  .nbd-multilink-container.ng-container .nb-row {
    padding-bottom: 137px;
    padding-top: 48px;
  }
  .nbd-multilink-container .desktop {
    margin-bottom: 16px;
  }
  .nbd-multilink-container.ng-container .desktop {
    margin: 0;
  }
}
.nbd-rta-comp {
  min-height: 215px;
  height: auto;
  padding: 40px 20px;
  text-align: center;
  margin-top: 48px;
}
.nbd-rta-comp .row {
  margin: 0;
}
.nbd-rta-comp .nbd-rta-title {
  color: #ffffff;
  text-align: center;
  margin-bottom: 40px;
}
.nbd-rta-comp .nbd-rta-title span {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
}
.nbd-rta-comp .nbd-btn {
  height: 56px;
  padding: 16px 0;
  font-weight: 700;
  border: none;
  font-size: 18px;
  margin: 0px;
}
.nbd-rta-comp.rta-bg-green {
  background-color: #008533;
}
.nbd-rta-comp.rta-bg-green .nbd-btn-secondary {
  background-color: #ffffff;
}
.nbd-rta-comp.rta-bg-charcoal {
  background-color: #17252e;
}
.nbd-rta-comp.rta-bg-charcoal .nbd-btn-secondary {
  color: #17252e;
}
@media only screen and (min-width: 576px) and (max-width: 1024px) {
  .nbd-rta-comp {
    height: 278px;
    padding: 64px 0px;
    margin-top: 48px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-rta-comp {
    height: 310px;
    padding: 80px 0px;
    margin-top: 64px;
  }
}
.whychoose-container {
  padding: 80px 0;
}
.whychoose-container.bg-grassgreen {
  background-color: #f2f9f5;
}
.whychoose-container .card {
  transition: 0.3s;
  box-sizing: border-box;
  border: 1px solid #e5edec;
  border-radius: 12px;
  background-color: #ffffff;
}
.whychoose-container .card.nb-card {
  box-shadow: 0px 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: none;
  cursor: default;
}
.whychoose-container .card.nb-card .card-body p {
  font-weight: 700;
}
.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 .title {
  color: #17252e;
  margin-bottom: 32px;
}
.whychoose-container p {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .whychoose-container p {
    font-size: 16px;
    line-height: 24px;
  }
}
.whychoose-container .subtitle {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 15px;
}
.whychoose-container .nb-row > div {
  margin-top: 0;
}
.whychoose-container .doc-text {
  display: flex;
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  padding: 0 20px 24px 20px;
}
.whychoose-container .doc-text .nbd-icon-container .nbd-icon-tick-green {
  height: 24px;
  width: 24px;
  margin: 0 16px 0 0;
  display: inline-block;
  background-image: url('../../../content/dam/nedbank/icons/resources/tick_icon.svg');
}
.whychoose-container .doc-text .listtext {
  flex-direction: row;
}
.whychoose-container .doc-text .listtext p {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .whychoose-container .card.nb-card .card-body {
    padding: 40px 20px;
  }
  .whychoose-container .nb-row > div {
    /* flex: 0 0 25%; */
    margin-top: 0;
  }
  .whychoose-container .subtitle {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 27px;
  }
  .whychoose-container .whychoose-container {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 992px) {
  .whychoose-container .card.nb-card .card-body {
    padding: 40px;
  }
  .whychoose-container p {
    margin-bottom: 27px;
  }
  .whychoose-container .subtitle {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 27px;
  }
  .whychoose-container .doc-text {
    padding: 0 40px 0 20px;
    border-bottom: 0px;
  }
  .whychoose-container .doc-text .nbd-icon-container .nbd-icon-tick-green {
    height: 32px;
    width: 32px;
  }
  .whychoose-container .whychoose-container {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
.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 0px 20px 0px;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #17252e;
}
.cmp-tabs__tab--active:focus {
  outline: none;
}
.cmp-tabs__tab--active:hover {
  outline: none;
}
.cmp-tabs__tabpanel--active:focus {
  outline: none;
}
.cmp-tabs__tabpanel--active:hover {
  outline: none;
}
.cmp-tabs__tabpanel {
  padding-top: 32px;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .cmp-tabs__tabpanel:hover {
    outline: none;
  }
  .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 {
    font-size: 20px;
    margin: 0 25px;
  }
}
@media only screen and (min-width: 992px) {
  .nbd-calcul-head-title {
    margin: 80px 0;
  }
  .cmp-tabs__tab {
    font-size: 24px;
    line-height: 32px;
    margin: 0 40px;
  }
  .cmp-tabs__tabpanel {
    padding: 48px 0;
    margin-bottom: 48px;
  }
}
@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;
    /* for Internet Explorer, Edge */
    scrollbar-width: none;
    /* for Firefox */
    white-space: nowrap;
    scroll-behavior: smooth;
  }
  .cmp-tabs__tablist::-webkit-scrollbar {
    display: none;
  }
}
/* Breadcrumb */
.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}
.ng-page-breadcrumb {
  color: #94999c;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
  margin-bottom: 18px;
}
/* Breadcrumb */
.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', Arial, Helvetica, sans-serif;
  letter-spacing: -0.5px;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  margin-bottom: 20px;
}
.ng-page-head-info {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, 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 h3 {
  color: #17252e;
  font-weight: 700;
  margin-bottom: 24px;
}
.nbd-how-to-content p {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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-weight: 400;
}
.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 0px 0px 105px;
  }
  .nb-head-container {
    padding: 80px 0px 67px 0px;
  }
  .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: 0px;
}
.faq-container div:focus,
.faq-container span:focus {
  outline: none;
}
.faq-container .faq-item {
  background-color: #ffffff;
  display: inline;
}
.faq-container .faq-item button:focus {
  outline: 0;
}
.faq-container .faq-item .faq-accordion__button {
  border: none;
  display: flex;
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
  background-color: #ffffff;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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: 0px 88px;
  }
  .faq-container .cmp-accordion__item .faq-accordion__button {
    width: 100%;
    margin: 0px;
    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: 0px;
    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 0px 40px 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-page-head-title {
    margin: 80px 0px 40px 0px;
  }
}
.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 {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 700;
  color: #17252e;
}
@media only screen and (min-width: 1025px) {
  .bondandtransfer-container .nbd-title {
    font-size: 18px;
    line-height: 26px;
  }
}
.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: 0px 25px 20px -15px rgba(0, 0, 0, 0.1);
}
.bondandtransfer-container .result-panel .green-text {
  color: #008533;
}
.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;
  font-weight: 500;
}
.bondandtransfer-container .tooltip {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #ffffff;
}
.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: #ffffff;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  color: #494f50;
  padding: 0 0 24px 0;
}
@media only screen and (min-width: 576px) {
  .bondandtransfer-container .popup-footer-note {
    font-size: 16px;
    line-height: 24px;
  }
}
.bondandtransfer-container .card-body {
  padding: 0;
}
.bondandtransfer-container .breakdown-header {
  padding-left: 0;
}
.bondandtransfer-container .nbd-btn {
  margin: 6px 0px 6px 0px !important;
}
.bondandtransfer-container .nbd-btn-secondary:focus {
  border: 2px solid #008533;
  box-shadow: none;
}
.bondandtransfer-container .nbd-card-amount {
  text-align: left;
  color: #000000;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .bondandtransfer-container .nbd-details-col-1,
  .bondandtransfer-container .nbd-details-col-2 {
    font-size: 16px;
    line-height: 24px;
  }
}
.bondandtransfer-container .nbd-details-col-1 p,
.bondandtransfer-container .nbd-details-col-2 p {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .bondandtransfer-container .nbd-details-col-1 p,
  .bondandtransfer-container .nbd-details-col-2 p {
    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: 17.5px;
  right: inherit;
  bottom: inherit;
  left: 15px;
  display: block;
  height: 0;
  font-weight: 700;
  line-height: 0;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  color: #17252e;
}
@media only screen and (min-width: 576px) {
  .bondandtransfer-container .nbd-currency-input {
    font-size: 16px;
    line-height: 24px;
  }
}
.bondandtransfer-container .nbd-form-control {
  padding-left: 26px;
  border-radius: 0;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  color: #17252e;
}
@media only screen and (min-width: 576px) {
  .bondandtransfer-container .nbd-form-control {
    font-size: 16px;
    line-height: 24px;
  }
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@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: 0px;
  }
  .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 0px 24px 0px;
  }
  .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;
  }
  .bondandtransfer-container .nbd-currency-input {
    top: 15.5px;
  }
  .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 0px 32px 0px;
  }
  .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: 0px 25px 20px -15px rgba(0, 0, 0, 0.1);
}
.bond-repayment-container .result-panel .green-text {
  color: #008533;
}
.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 0px 6px 0px !important;
}
.bond-repayment-container .nbd-title {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 700;
  color: #17252e;
}
@media only screen and (min-width: 1025px) {
  .bond-repayment-container .nbd-title {
    font-size: 18px;
    line-height: 26px;
  }
}
.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;
  font-weight: 500;
}
.bond-repayment-container .tooltip {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #ffffff;
}
.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: none;
  color: #008533;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  width: 100%;
  height: 100%;
  outline: none;
}
@media only screen and (min-width: 576px) {
  .bond-repayment-container .repay-change-rate {
    font-size: 16px;
    line-height: 24px;
  }
}
.bond-repayment-container .interest-rate-desc {
  color: #17252e;
}
.bond-repayment-container .interest-rate-desc .cmp-text p {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.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: #ffffff;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  color: #494f50;
  padding-bottom: 26px;
}
@media only screen and (min-width: 576px) {
  .bond-repayment-container .popup-footer-note {
    font-size: 16px;
    line-height: 24px;
  }
}
.bond-repayment-container .card-body {
  padding: 0;
}
.bond-repayment-container .down-arrow {
  display: inline-block;
  background-image: url('../../../content/dam/nedbank/icons/resources/up_arrow_cr.svg');
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  float: right;
}
.bond-repayment-container .collapsed .down-arrow {
  background-image: url('../../../content/dam/nedbank/icons/resources/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: #000000;
  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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  margin-top: 8px;
}
.bond-repayment-container .nbd-subtitle {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: 19.5px;
  right: inherit;
  bottom: inherit;
  left: 15px;
  display: block;
  height: 0;
  line-height: 0;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  color: #17252e;
}
@media only screen and (min-width: 576px) {
  .bond-repayment-container .nbd-currency-input {
    font-size: 16px;
    line-height: 24px;
  }
}
.bond-repayment-container .nbd-form-control {
  padding-left: 26px;
  border-radius: 0;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  color: #17252e;
}
@media only screen and (min-width: 576px) {
  .bond-repayment-container .nbd-form-control {
    font-size: 16px;
    line-height: 24px;
  }
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.bond-repayment-container .slider {
  -webkit-appearance: none;
  -moz-apperance: none;
  width: 100%;
  height: 4px;
  border-radius: 5px;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  opacity: 1;
}
.bond-repayment-container .slider::-moz-range-progress {
  background-color: #78be20;
}
.bond-repayment-container .slider::-moz-range-track {
  background-color: #bbbbbb;
}
.bond-repayment-container .slider::-ms-fill-lower {
  background-color: #78be20;
}
.bond-repayment-container .slider::-ms-fill-upper {
  background-color: #bbbbbb;
  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: #ffffff;
  border: 3px solid #78be20;
  cursor: pointer;
  outline: 3px solid #ffffff;
}
.bond-repayment-container .slider::-ms-track {
  width: 100%;
  height: 5px;
  background: #eeeeee;
  border-color: #eeeeee;
  border-width: 1px 0;
  border-radius: 3px;
  color: #bbbbbb;
}
.bond-repayment-container .slider:-ms-fill-lower {
  background: #78be20;
  border-radius: 5px;
}
.bond-repayment-container .slider::-ms-thumb {
  width: 24px;
  height: 24px;
  background: #ffffff;
  border: 3px solid #78be20;
  border-radius: 15px;
  cursor: pointer;
  margin-top: 0px;
  outline: 3px solid #ffffff;
}
.bond-repayment-container .slider:focus::-ms-fill-lower {
  background: #78be20;
}
.bond-repayment-container .slider:focus::-ms-fill-upper {
  background: #eeeeee;
}
.bond-repayment-container .slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #ffffff;
  border: 3px solid #78be20;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.bond-repayment-container .bubble {
  color: #000000;
  padding: 4px 12px;
  position: relative;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 700;
  color: #17252e;
}
@media only screen and (min-width: 576px) {
  .bond-repayment-container .bubble {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .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;
}
.cmp-tabs__tabpanel--active:foucs {
  border: none;
}
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: #ffffff !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: #bbbbbb;
  }
  .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: #ffffff;
  }
}
@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 0px 24px 0px;
  }
  .bond-repayment-container .modal-content {
    padding-bottom: 30px !important;
  }
  .bond-repayment-container .close {
    margin-top: 37px;
  }
  .bond-repayment-container .nbd-currency-input {
    top: 15.5px;
  }
  .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 0px 32px 0px;
  }
  .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;
  /* ----------------- Modal --------------------------------- */
}
.nbd-cmb-container .row {
  margin-right: -15px;
}
.nbd-cmb-container .text-danger {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 40px;
}
@media only screen and (min-width: 576px) {
  .nbd-cmb-container .nbd-cmb-note {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-cmb-container .nbd-cmb-form-title {
  color: #17252e;
  margin-top: 0px;
  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: #bbbbbb;
  padding: 16px 0px 16px 16px;
  width: 100%;
  max-width: 390px;
  border: 2px solid #bbbbbb;
}
.nbd-cmb-container .nbd-cmb-dropdown .dropdown-menu {
  border-radius: 0px;
}
.nbd-cmb-container .nbd-cmb-dropdown .dropdown-menu.show {
  width: 100%;
  max-width: 390px;
  margin: 0px;
  border: 2px solid #bbbbbb;
  z-index: 1231;
}
.nbd-cmb-container .nbd-cmb-dropdown .dropdown-item {
  margin-bottom: 0px;
  cursor: pointer;
  display: flex;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  padding: 14px 0px 18px 16px;
  text-align: left;
}
@media only screen and (min-width: 576px) {
  .nbd-cmb-container .nbd-cmb-dropdown .dropdown-item {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-cmb-container .nbd-cmb-dropdown .btn {
  display: flex;
  border-radius: 0px;
}
.nbd-cmb-container .nbd-form-group {
  margin-bottom: 16px;
}
.nbd-cmb-container .nbd-form-group label {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 6px;
}
.nbd-cmb-container .nbd-form-group input[type="text"] {
  height: 56px;
  max-width: 390px;
  border: 2px solid #bbbbbb;
  border-radius: 0px;
}
.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: 0px;
}
.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: 0px;
  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 0px 10px 0px;
}
.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: #ffffff;
  padding: 41px 0px 0px 0px;
  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: 0px 0px 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 p {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  text-align: left;
  margin-bottom: 0px;
}
@media only screen and (min-width: 576px) {
  .nbd-cmb-container .nbd-card-content p {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-cmb-container .nbd-call-us-card {
  height: 100%;
  width: 100%;
  border: 1px solid #e5edec;
  border-radius: 12px;
  background-color: #ffffff;
  display: flex;
  padding-bottom: 16px;
  box-shadow: 0px 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: none;
}
.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: 0px;
}
.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', Arial, Helvetica, sans-serif;
}
.nbd-cmb-container .nbd-cmb-modal .modal-body .cmp-text .opensansregularclass {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
}
.nbd-cmb-container .nbd-cmb-modal h4 {
  color: #000000;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-top: 8px;
}
.nbd-cmb-container .lock-info {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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: #ffffff;
  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: 0px;
  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 0px;
  display: none;
  margin-bottom: 30px;
}
.nbd-cmb-container .nbd-error-alert span {
  width: 272px;
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-cmb-container .nbd-error-alert span {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-cmb-container .nbd-error-alert .nbd-warning {
  height: 19px;
  width: 22px;
  margin: 2px 11px 0px 21px;
}
.nbd-cmb-container .nbd-error-alert .nbd-close-small {
  height: 14px;
  width: 14px;
  margin: 5px 25px 0px 0px;
  cursor: pointer;
}
@media only screen and (min-width: 576px) and (max-width: 992px) {
  .nbd-cmb-container {
    margin-left: 115px;
    margin-right: 20px;
    /* ----------------- Modal --------------------------------- */
  }
  .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: 0px;
  }
  .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;
    /* ----------------- Modal --------------------------------- */
  }
  .nbd-cmb-container .row div > div[class^="card"] {
    height: 273px;
    width: 286px;
    padding: 48px 0px 48px 0px;
    margin-top: 0px;
    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 0px;
    margin-top: 0px;
    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 p {
    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: 0px;
    margin-right: 45px;
  }
  .nbd-cmb-container .nbd-only-desktop {
    padding-left: 0px;
  }
}
@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 0px 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;
    /* ----------------- Modal --------------------------------- */
  }
  .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: 0px;
  }
  .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 p {
    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;
  }
}
/* Absolute Center Spinner */
.loading img {
  position: absolute;
  top: 50%;
  left: 48%;
  height: 85px;
  width: 85px;
}
/* Transparent Overlay */
.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: 0px;
}
.nbd-contact-us-form {
  margin-left: 0px;
}
.nbd-contact-us-heading {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-weight: 500;
}
.nbd-contact-us-note {
  width: 100%;
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: 0px;
  margin-bottom: 32px;
}
.nbd-contact-us-dropdown {
  height: 56px;
  width: 100%;
  /*border: 2px solid #bbbbbb;*/
  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: #bbbbbb;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  padding: 14px 0px 18px 16px;
  width: 100%;
  text-align: left;
}
@media only screen and (min-width: 576px) {
  .nbd-contact-us-dropdown button {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-contact-us-dropdown .dropdown-menu.show {
  width: 100%;
  margin: 0px;
  border: 2px solid #bbbbbb;
}
.nbd-form-group {
  margin-bottom: 16px;
}
.nbd-form-group label {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  display: flex;
}
.nbd-form-group input[type="text"] {
  height: 56px;
  width: 100%;
  border: 2px solid #bbbbbb;
  border-radius: 0px;
}
.nbd-contact-us-dropdown .dropdown-item {
  margin-bottom: 0px;
  cursor: pointer;
  display: flex;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  padding: 14px 0px 18px 16px;
  width: 100%;
  text-align: left;
}
@media only screen and (min-width: 576px) {
  .nbd-contact-us-dropdown .dropdown-item {
    font-size: 16px;
    line-height: 24px;
  }
}
.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: 0px;
  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: #ffffff;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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;
}
/* Contact Card START */
.nbd-contact-card {
  box-sizing: border-box;
  width: 285px;
  border: 1px solid #e5edec;
  border-radius: 12px;
  background-color: #ffffff;
  padding: 41px 0px 0px 0px;
  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', Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0;
  font-size: 18px;
  text-align: center;
  margin: 0px;
}
@media only screen and (min-width: 1025px) {
  .nbd-card-heading p {
    font-size: 20px;
    line-height: 28px;
  }
}
.nbd-card-content {
  margin-bottom: 24px;
}
.nbd-card-content p {
  width: 235px;
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}
.nbd-card-Link {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin: 0px 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: 0px 0px 40px 15px rgba(0, 0, 0, 0.1);
}
/* Contact Card END*/
/* Call us card start*/
.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: #ffffff;
  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: 0px 0px 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;
}
/* Call us card end*/
/* Model Start*/
.nbd-contact-us-modal .modal-content {
  border: none;
}
.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: #000000;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.nbd-contact-us-modal-para ol {
  margin-left: -10px;
}
/* Model End*/
.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 #bbbbbb;
  border-radius: 0px;
}
.nbd-contact-us-dropdown .dropdown-menu {
  border-radius: 0px;
}
@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: 0px;
    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: 0px;
  }
  .no-tab-padding-left {
    padding-left: 0px;
  }
  /* Contact Card START */
  .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: 0px 0 32px 0;
  }
  /* Contact Card END */
  /* Call us card start*/
  .nbd-call-us-card {
    height: 141px;
    width: 350px;
    border: 1px solid #e5edec;
    border-radius: 12px;
    background-color: #ffffff;
    display: flex;
    margin-top: 0px;
  }
  .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: 0px 0px 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;
  }
  /* Call us card end*/
  /* Model Start*/
  .nbd-contact-us-modal .modal-content {
    border: none;
  }
  .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;
  }
  /* Model End*/
  .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;
  }
  /* Contact Card START */
  .nbd-contact-card {
    width: 286px;
    padding: 96px 0px 96px 0px;
  }
  .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: 0px 0 32px 0;
  }
  /* Contact Card END */
  /* Model Start*/
  .nbd-contact-us-modal .modal-content {
    border: none;
  }
  .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: 24px;
    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;
  }
  /* Model End*/
  .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 0px;
  display: flex;
  margin-bottom: 30px;
}
.nbd-contact-us-container .nbd-error-alert span {
  width: 272px;
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .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 0px 21px;
}
.nbd-contact-us-container .nbd-error-alert .nbd-close-small {
  height: 14px;
  width: 14px;
  margin: 5px 25px 0px 0px;
  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 0px;
    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 0px 21px;
  }
  .nbd-contact-us-container .nbd-error-alert .nbd-close-small {
    height: 14px;
    width: 14px;
    margin: 5px 25px 0px 25px;
  }
}
/************************************* Generic Info **********************************************/
.nbd-generic-info label,
.nbd-generic-info span,
.nbd-generic-info span a {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  display: block;
  margin: 0px;
}
@media only screen and (min-width: 576px) {
  .nbd-generic-info label,
  .nbd-generic-info span,
  .nbd-generic-info span a {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-generic-info label {
  font-weight: 600;
}
.nbd-generic-info {
  margin-left: 0px;
  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;
  }
}
/************************************* Generic Info **********************************************/
.nbd-contact-container {
  margin: 0px 17px 0px 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: #ffffff !important;
  margin-top: 0px !important;
}
.nbd-contact-container .article-bg-charcoal .nbd-card-content a {
  color: #ffffff !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('../../../content/dam/nedbank/icons/resources/arrow-white.svg');
  display: none !important;
}
.nbd-contact-container .article-bg-charcoal .nbd-card-Link a:hover .nbd-icon-arrow {
  background-image: url('../../../content/dam/nedbank/icons/resources/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: #ffffff;
  padding: 40px 0px 0px 0px;
  margin: 16px 0px 0px 0px;
  box-shadow: 0px 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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: auto;
}
@media only screen and (min-width: 576px) {
  .nbd-contact-container .nbd-contact-card .nbd-card-content p {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-contact-container .nbd-contact-card .nbd-card-content a {
  width: 235px;
  color: #494f50;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@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: 0px;
}
.nbd-contact-container .nbd-contact-card .nbd-card-Link {
  margin: 0px 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: 0px;
  background-color: transparent;
  padding: 0px;
  border-top: none;
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
  .nbd-contact-container {
    margin: 0px 22px;
  }
  .nbd-contact-container .nbd-contact-card {
    width: 350px;
    margin: 23.5px 12px 0px 0px;
  }
  .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: 0px 30px !important;
  }
}
@media screen and (min-width: 1440px) {
  .nbd-contact-container .nbd-contact-info {
    margin: 0px 106px;
  }
}
.nbd-branch-locator.container-fluid {
  padding: 0;
}
.bl-hidden {
  display: none;
}
.nbd-branch-locator .nbd-branch-locator-detail {
  padding: 0 18px;
  background-color: #ffffff;
  box-shadow: 8px 2px 9px -4px rgba(0, 0, 0, 0.14);
}
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search h2 {
  color: #17252e;
  padding: 80px 18px 40px 0px;
  margin: 0px;
}
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search {
  margin: 24px 0px 24px 0px;
}
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search label {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0 0 4px 0;
}
@media only screen and (min-width: 576px) {
  .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search label {
    font-size: 16px;
    line-height: 24px;
  }
}
.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 #bbbbbb;
  border-radius: 0px;
  margin: 0px 0px 4px 0px;
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  padding: 16px 48px;
}
@media only screen and (min-width: 576px) {
  .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .search-grp input[type="text"] {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search .search-grp .autocomplete-results {
  display: none;
  background-color: #ffffff;
  padding: 0;
  list-style-type: none;
  border: 2px solid #006341;
  margin: -4px 0px 0px 0px;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  display: flex;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 576px) {
  .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 {
    font-size: 16px;
    line-height: 24px;
  }
}
.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: 0px 9px 0px 0px;
  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 0px 0px;
  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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-type {
  margin: 0px 0px 48px 0px;
}
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-type label {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0 0 8px 0;
}
@media only screen and (min-width: 576px) {
  .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-type label {
    font-size: 16px;
    line-height: 24px;
  }
}
.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: #ffffff;
  text-align: center;
  display: inline-block;
  padding: 10px 18px 10px 16px;
  cursor: pointer;
  color: #008533;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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: #ffffff;
}
.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;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@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 .nbd-search-heading {
    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-heading {
    font-size: 20px;
    line-height: 28px;
  }
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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 {
  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', Arial, Helvetica, sans-serif;
  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: 0px;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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 #eeeeee;
  margin: 0 30px 16px 0;
}
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-search-result.scrolling-affect {
  box-shadow: inset 0px 2px 3px -4px #000000;
}
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-branch-locator-tab-mob label {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.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: none;
  cursor: pointer;
  padding: 24px;
  color: #17252e;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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: none;
}
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .map-for-mobile {
  margin: 0px -18px 0px -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: 0px 0px 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: 0px 0px 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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info hr {
  border: 2px solid #eeeeee;
  margin: 0 0 32px 0;
}
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item {
  display: flex;
  margin: 0 0 24px 0;
}
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item div:first-child {
  flex: 0.1;
}
.nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-location-info .info-item div:last-child {
  flex: 0.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: none;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: none;
  color: #008533;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: 0.4;
    z-index: 99;
  }
  .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search h2 {
    padding: 64px 24px 40px 0px;
  }
  .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search {
    margin: 0px 0px 24px 0px;
  }
  .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 0px;
  }
  .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: 0.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 h2 {
    padding: 80px 18px 40px 0px;
  }
  .nbd-branch-locator .nbd-branch-locator-detail .nbd-branch-locator-search .nbd-locator-search {
    margin: 0px 0px 32px 0px;
  }
  .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: #ffffff;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
  border: none;
  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: 0px;
  background-color: #ffffff;
  border-bottom: none;
}
.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: #ffffff;
  border-top: none;
  padding: 6px 16px;
}
.nbd-account-filter-bg .nbd-account-filter-cards .border-bottom {
  border-bottom: 1px solid #eeeeee !important;
}
.nbd-account-filter-bg .nbd-account-filter-cards .card-heading {
  margin: 0px 16px;
}
.nbd-account-filter-bg .nbd-account-filter-cards .card-heading h3 {
  color: #17252e;
  margin: 27.45px 0px 0px 0px;
  max-width: 240px;
}
.nbd-account-filter-bg .nbd-account-filter-cards .card-heading h4 {
  color: #17252e;
  max-width: 240px;
  font-weight: 500;
  margin: 0px 0px 15.5px 0px;
}
.nbd-account-filter-bg .nbd-account-filter-cards .card-body {
  padding: 16px 16px 0px 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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-details p {
    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 0px 16px 0px;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0px 0px 4px 0px;
}
@media only screen and (min-width: 576px) {
  .nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details label {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details h3 {
  color: #17252e;
  margin: 0px 0px 16px 0px;
}
.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 #eeeeee;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0px;
}
@media only screen and (min-width: 576px) {
  .nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-info p {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-info .nbd-question-tooltip-icon {
  width: 25px;
  height: 25px;
  margin: 5px 8px 0px 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: 0px 24px;
  }
  .nbd-account-filter-bg .nbd-account-filter-cards .card-body {
    padding: 16px 24px 0px 24px;
  }
  .nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details h5 {
    margin: 23px 0px 24px 0px;
  }
  .nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details label {
    margin: 0px 0px 8px 0px;
  }
  .nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details h3 {
    margin: 0px 0px 24px 0px;
  }
  .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 0px 0px 0px;
  }
  .nbd-account-filter-bg .nbd-account-filter-cards .card-body .nbd-card-fee-details h5 {
    margin: 32px 0px 24px 0px;
  }
  .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: 0px;
    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 0px 24px 0px;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin: 0px 0px 24px 0px;
  align-items: center;
  width: -webkit-fill-available;
}
@media only screen and (min-width: 576px) {
  .nbd-account-filter-bg .nbd-form-group label {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-account-filter-bg .nbd-form-group input[type="text"] {
  height: 56px;
  border: 2px solid #bbbbbb;
  border-radius: 0px;
  margin: 0px 0px 4px 0px;
  width: -webkit-fill-available;
}
.nbd-account-filter-bg .nbd-form-group span {
  display: none;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
.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;
  /*style and hide original checkbox*/
}
.nbd-account-filter-bg .nbd-form-group .radio-wrapper label {
  display: block;
  padding: 0px 0 0px 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;
  /*position new box*/
  /*focus styles*/
}
.nbd-account-filter-bg .nbd-form-group .radio-wrapper input + label {
  width: auto;
  /*radio pseudo element styles*/
}
.nbd-account-filter-bg .nbd-form-group .radio-wrapper input + label::before {
  border: 2px solid #bbbbbb;
  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 0.2s ease-in-out;
}
.nbd-account-filter-bg .nbd-form-group .radio-wrapper input:checked + label {
  /*reveal check for 'on' state*/
}
.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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #ffffff;
}
.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: 0px 0px 0px 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 0px;
  }
  .nbd-account-filter-bg .no-tab-gutter-r {
    padding: 0;
  }
  .nbd-account-filter-bg .no-tab-gutter-l {
    padding-left: 0px;
    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: 0px 0px 0px 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: 0px 20px 0px 0px;
  }
  .nbd-account-filter-bg .radio-wrapper:nth-child(3) {
    margin: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-account-filter-bg .nbd-account-filter-header .nbd-account-filter-heading {
    margin: 80px 0px 48px 0px;
  }
  .nbd-account-filter-bg .radio-wrapper:nth-child(2) {
    margin: 0px;
  }
  .nbd-account-filter-bg .radio-wrapper:nth-child(3) {
    margin: 0px 0px 0px 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: 0px;
}
.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 0px 0px 0px;
}
.choose-container .nbd-way-to-pay-with-bg {
  background-color: #fafafa;
  width: 100vw;
  margin-left: calc((100% - 100vw) / 1.86);
  padding: 40px 0px 0px 0px;
}
.choose-container .nbd-way-to-pay-heading h2 {
  color: #17252e;
  margin: 0px 0px 56px 0px;
}
.choose-container .nbd-way-to-pay-card {
  display: block;
  margin: 0px 0px 40px 0px;
}
.choose-container .three-card-layout .nbd-way-to-pay-card {
  display: block;
}
.choose-container .three-card-layout .nbd-way-to-pay-icon {
  margin: 0px 0px 16px 0px;
}
.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: 0px 0px 16px 0px;
}
.choose-container .nbd-way-to-pay-info h3 {
  color: #17252e;
  margin: 0px 0px 24px 0px;
}
.choose-container .nbd-way-to-pay-info p {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  margin: 0px 0px 32px 0px;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: 20px;
  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 0px 0px 0px;
    padding-top: 80px !important;
  }
  .choose-container .nbd-way-to-pay-with-bg {
    padding: 128px 0px 0px 0px;
  }
  .choose-container .nbd-way-to-pay-heading h2 {
    margin: 0px 0px 128px 0px;
  }
  .choose-container .nbd-way-to-pay-card {
    display: flex;
    margin: 0px 0px 128px 0px;
  }
  .choose-container .three-card-layout .nbd-way-to-pay-icon {
    margin: 0px 0px 24px 0px;
  }
  .choose-container .nbd-way-to-pay-icon img {
    height: 48px;
    width: 48px;
    margin: 0px 56px 0px 0px;
  }
  .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 #ffffff;
  color: #ffffff;
}
.filter-background-class.blackbg .nbd-filter-button.nbd-filter-active,
.filter-background-class.darkgreybg .nbd-filter-button.nbd-filter-active {
  background-color: #ffffff;
  color: #000000;
}
.filter-background-class.blackbg .nbd-filter-active2,
.filter-background-class.darkgreybg .nbd-filter-active2 {
  color: #ffffff;
}
.filter-background-class.blackbg .nbd-toggle-filter-button,
.filter-background-class.darkgreybg .nbd-toggle-filter-button {
  color: #ffffff;
  border: 1px solid #ffffff;
}
.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: #000000;
  background-color: #ffffff;
}
.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() {
  .nbd-filter-plus {
    background-image: url('../../../content/dam/nedbank/icons/resources/filter-plus-non-active1.svg');
  }
  .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: 0.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: #ffffff;
}
.filter-background-class .nbd-filter-title {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-right: 20px;
  display: none;
}
@media only screen and (min-width: 576px) {
  .filter-background-class .nbd-filter-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.filter-background-class .nbd-filter-button,
.filter-background-class .nbd-toggle-filter-button {
  border-radius: 100px;
  text-align: center;
  color: #008533;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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: #ffffff;
  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: #ffffff;
  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: none;
  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: 0.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 #ffffff;
  color: #ffffff;
}
.filter-background-class.blackbg .nbd-filter-button.nbd-filter-active,
.filter-background-class.darkgreybg .nbd-filter-button.nbd-filter-active {
  background-color: #ffffff;
  color: #000000;
}
.filter-background-class.blackbg .nbd-filter-active2,
.filter-background-class.darkgreybg .nbd-filter-active2 {
  color: #ffffff;
}
.filter-background-class.blackbg .nbd-toggle-filter-button,
.filter-background-class.darkgreybg .nbd-toggle-filter-button {
  color: #ffffff;
  border: 1px solid #ffffff;
}
.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: #000000;
  background-color: #ffffff;
}
.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() {
  .nbd-filter-plus {
    background-image: url('../../../content/dam/nedbank/icons/resources/filter-plus-non-active1.svg');
  }
  .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: 0.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-right: 20px;
  display: none;
}
@media only screen and (min-width: 576px) {
  .filter-background-class .nbd-filter-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.filter-background-class .nbd-filter-button,
.filter-background-class .nbd-toggle-filter-button {
  border-radius: 100px;
  text-align: center;
  color: #008533;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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: #ffffff;
  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: #ffffff;
  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: none;
  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: 0.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-gradient-orange {
	background: linear-gradient(270deg, #F2DB96 0%, #E2B45C 100%);
}
.nbd-gradient-dark-gray {
	background: linear-gradient(270deg, #605F5E 0%, #1A1A1B 100%);
}
.nbd-gradient-light-gray {
	background: linear-gradient(270deg, #C8C7C6 0%, #7D7C7F 100%);
}
.nbd-gradient-black {
	background: linear-gradient(270deg, #3A3B3B 0%, #1B263F 100%);
} */
.nbd-wiz-full-bg {
  background-color: #fafafa;
  padding: 33px 0px 14px 0px;
}
.nbd-wiz-content h2 {
  max-width: 284px;
  color: #17252e;
  margin: 0px 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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  margin: 0px 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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  cursor: pointer;
  text-decoration: underline;
  margin: 0px 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: 0px -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: 0px;
  border-radius: 7px;
  background-color: #ffffff;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
  padding: 16px 0px 10px 0px;
  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: 0px 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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  line-height: 14px;
  font-size: 12px;
  margin: 0px;
  padding: 5px;
  word-wrap: initial;
}
@media only screen and (min-width: 576px) {
  .nbd-wiz-content .nbd-wiz-cards-container .nbd-wiz-card p {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-wiz-content .nbd-wiz-top-card,
.nbd-wiz-content .nbd-wiz-card-suggested {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  margin: 0px auto 48px auto;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .nbd-wiz-content .nbd-wiz-top-card,
  .nbd-wiz-content .nbd-wiz-card-suggested {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-wiz-content .nbd-wiz-top-card,
  .nbd-wiz-content .nbd-wiz-card-suggested {
    font-size: 20px;
    line-height: 28px;
  }
}
.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 0px 32px 0px;
}
.nbd-wiz-content .nbd-wiz-see-all-cards a {
  color: #008533;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  outline: none;
}
@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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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 (min-width: 768px) {
  .nbd-wiz-content .nbd-wiz-card-selection-note {
    max-width: 100%;
  }
  .nbd-wiz-content .nbd-wiz-cards-container .nbd-wiz-card p {
    line-height: 14px;
    font-size: 12px;
  }
}
@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 0px 48px 0px;
  }
  .nbd-wiz-content h2 {
    max-width: 100%;
  }
  .nbd-wiz-content .nbd-wiz-cards-container {
    margin: 0px auto 48px auto;
    display: flex;
  }
  .nbd-wiz-content .nbd-wiz-cards-container .nbd-wiz-card {
    min-width: 157px;
    padding: 42px 15px 15px 15px;
    margin: 0px 14px;
    max-height: 100%;
  }
  .nbd-wiz-content .nbd-wiz-cards-container .nbd-wiz-card img {
    height: 48px;
    width: 49px;
    margin: 0px auto 15px auto;
  }
  .nbd-wiz-content .nbd-wiz-cards-container .nbd-wiz-card p {
    padding: 0px;
    font-size: 16px;
    line-height: 24px;
  }
  .nbd-wiz-content .nbd-wiz-top-card,
  .nbd-wiz-content .nbd-wiz-card-suggested {
    margin: 0px 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: 0px !important;
}
.nbd-wcd-container .swiper-container .swiper-pagination-row .nbd-swiper-button .swiper-pagination {
  text-align: center;
  position: relative !important;
  top: 14px;
  margin: 0px auto 0px 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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  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: none;
  border-radius: 7px;
  background-color: #ffffff;
  margin-bottom: 24px;
}
.nbd-wcd-container .card .nbd-ccd-col {
  flex: 1;
  padding: 16px 16px 0px 16px;
  margin-right: 31px;
  width: 100%;
  border-radius: 7px;
  background-color: #ffffff;
  border: none;
  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: 0.5px solid #eeeeee;
  padding-bottom: 16.5px;
}
.nbd-wcd-container .card .nbd-ccd-heading h4 {
  line-height: 12px;
}
.nbd-wcd-container .card .nbd-ccd-heading .card-subtitle {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  line-height: 12px;
  margin-top: 4px;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
}
@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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 700;
  color: #000000;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  border-top: none;
  border-bottom: 0.5px solid #eeeeee;
  padding: 16px 0;
}
@media only screen and (min-width: 576px) {
  .nbd-wcd-container .card .card-body .nbd-card-category .nbd-card-category-text {
    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: #000000;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 700;
  margin-bottom: 19px;
}
@media only screen and (min-width: 1025px) {
  .nbd-wcd-container .card .card-body .card-details .card-details-head {
    font-size: 18px;
    line-height: 26px;
  }
}
.nbd-wcd-container .card .card-body .card-details .overview-label {
  color: #494f50;
  margin-bottom: 10px;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-wcd-container .card .card-body .card-details .overview-label {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-wcd-container .card .card-body .card-details .overview-value {
  color: #17252e;
  margin-bottom: 16px;
}
.nbd-wcd-container .card .card-body .card-details .overview-value span {
  font-weight: 400;
}
.nbd-wcd-container .card .card-footer {
  background-color: unset;
  border-top: none;
  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: 0px auto 0px 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: 0px;
  }
  .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: 24px;
  }
  .nbd-wcd-container .card .card-body .card-details .row {
    margin-right: 0px;
    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: 0px 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: 0.3s;
  box-sizing: border-box;
  border: 1px solid #e5edec;
  border-radius: 12px;
  background-color: #ffffff;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .eligibility .card-text {
    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: #ffffff;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  .eligibility .default-card .card-text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .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('../../../content/dam/nedbank/icons/resources/arrow-white.svg');
  transition: transform 900ms;
}
.eligibility .card-link:hover .ar-icon-arrow {
  transform: translateX(8px);
  width: 34px;
  background-image: url('../../../content/dam/nedbank/icons/resources/Whitehoverarrow.svg');
}
.eligibility .card-link {
  color: #ffffff;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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: #ffffff;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .eligibility .doc-text {
    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: #000000;
}
.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: 0px;
  z-index: -1;
  padding: 30px 20px;
  background-color: #fafafa;
  height: 131px;
}
.eligibilitybg {
  width: 100%;
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: opx;
  left: 0px;
  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: 80px;
  }
  .eligibility .qualify-list {
    padding: 0 106px;
  }
  .eligibility .qualify-list .card-body {
    padding: 40px 32px;
  }
  .eligibility .doclist {
    padding: 0 106px;
    padding-bottom: 56px;
  }
  .eligibility .eligibility__title {
    padding-bottom: 56px;
  }
  .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: 0px;
}
.nbd-rta-background-container h1 {
  margin-bottom: 0px;
}
.nbd-rta-background-container .nbd-rta-container {
  margin: 0 22px;
}
.nbd-rta-background-container .nbd-rta-container .no-padding-right {
  padding-right: 0px;
  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 {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 576px) {
  .nbd-rta-background-container .nbd-rta-container .nbd-rta-steps {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-rta-background-container .nbd-rta-container .nbd-rta-steps {
    font-size: 20px;
    line-height: 28px;
  }
}
.nbd-rta-background-container .nbd-rta-container .nbd-rta-desc {
  height: auto;
  color: #494f50;
  margin-bottom: 0px;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-rta-background-container .nbd-rta-container .nbd-rta-desc {
    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: 0px;
    height: 24px;
    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: 0px;
  }
  .nbd-rta-background-container .nbd-rta-container .nbd-rta-image {
    height: 24px;
    width: 24px;
    margin-right: 48px;
    margin-left: 114px;
    margin-bottom: 0px;
  }
  .nbd-rta-background-container .nbd-rta-container .nbd-rta-steps {
    width: 198px;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
  .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: 0px;
  }
}
@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: 0px;
    height: 24px;
    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: 0px;
  }
  .nbd-rta-background-container .nbd-rta-container .nbd-rta-image {
    height: 24px;
    width: 24px;
    margin-right: 48px;
    margin-left: 114px;
    margin-bottom: 0px;
  }
  .nbd-rta-background-container .nbd-rta-container .nbd-rta-steps {
    width: 198px;
    color: #17252e;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 700;
  }
  .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: 0px;
  }
  .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: 0px;
    height: 29px;
    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: 0px;
    margin-bottom: 0px;
  }
  .nbd-rta-background-container .nbd-rta-container .nbd-rta-image {
    height: 32px;
    width: 32px;
    margin-right: 56px;
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .nbd-rta-background-container .nbd-rta-container .nbd-rta-steps {
    width: 194px;
    text-align: left;
  }
  .nbd-rta-background-container .nbd-rta-container .nbd-rta-desc {
    margin-left: 115px;
    height: auto;
    width: 291px;
    margin-bottom: 0px;
  }
  .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 0px 40px 0;
}
.nbd-money-app-content h2 {
  color: #ffffff;
  margin: 0px 0px 20px 0px;
  text-align: left;
}
.nbd-money-app-content p {
  max-width: 495px;
  color: #ffffff;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  margin: 0px 0px 32px 0px;
}
@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: #ffffff;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  display: block;
  margin: 0px 0px 32px 0px;
}
@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 .nbd-icon-arrow {
  height: 13px;
  width: 24px;
  margin-left: 10px;
  display: inline-block;
  background-image: url('../../../content/dam/nedbank/icons/resources/arrow-white.svg');
  transition: transform 900ms;
}
.nbd-money-app-content a:hover .nbd-icon-arrow {
  width: 34px;
  background-image: url('../../../content/dam/nedbank/icons/resources/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: 0px 8px 0px 0px;
  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 {
  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;
}
@media only screen and (min-width: 576px) and (max-width: 1024px) {
  .nbd-money-app-content {
    margin: 32px 0px 64px 7px;
  }
  .nbd-money-app-content h2 {
    max-width: 350px;
    margin: 0px 0px 24px 0px;
  }
  .nbd-money-app-content p {
    max-width: 350px;
    margin: 0px 0px 24px 0px;
  }
  .nbd-money-app-content .learn-more {
    margin: 0px 0px 32px 0px;
  }
  .nbd-money-app-content .nbd-app-stores-icon img {
    display: none;
    height: auto;
    width: auto;
  }
}
@media only screen and (min-width: 1025px) {
  /* qr end */
  .nbd-money-app {
    padding-right: 0px;
    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 0px 64px 19px;
    /* qr */
  }
  .nbd-money-app-content h2 {
    max-width: 600px;
    margin: 0px 0px 24px 0px;
  }
  .nbd-money-app-content p {
    max-width: 495px;
    margin: 0px 0px 32px 0px;
  }
  .nbd-money-app-content .learn-more {
    font-weight: 700;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    margin: 0px 0px 32px 0px;
  }
  .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;
    border-radius: 13px;
    background-color: #ffffff;
    box-shadow: 0 20px 45px -15px rgba(0, 0, 0, 0.16);
    width: 165px;
    height: 165px;
    margin: 0;
  }
  .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 p {
    color: #ffffff;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    font-weight: 700;
    margin: 0;
  }
  .nbd-money-app-content .nbd-moneyappqr-text span {
    color: #ffffff;
    font-weight: 400;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    margin: 0;
  }
}
@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: 0px;
}
.cmp-text ul li::marker {
  color: #494f50;
  font-size: 15px;
}
.cmp-text ul {
  padding-left: 20px;
}
table td,
.table th {
  background-clip: padding-box;
}
/* Scrollbar */
.nbd-ccfees-container .table-responsive::-webkit-scrollbar {
  height: 8px;
}
/* Track */
.nbd-ccfees-container .table-responsive::-webkit-scrollbar-track {
  background-color: #eeeeee;
  border-radius: 4px;
}
/* Handle */
.nbd-ccfees-container .table-responsive::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #17252e;
}
.nbd-ccfees-container {
  /*  .opensansemiboldclass {
        color: #17252E;
        font-family: "Open Sans Bold";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 28px;
    }

    .opensansboldclass {
        color: #494F50;
        font-family: "Open Sans Semibold";
        font-size: 20px;
        letter-spacing: 0;
        line-height: 28px;
    }*/
}
.nbd-ccfees-container h5 {
  padding: 32px 0px 32px 0px;
}
.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 0px 16px;
}
/*Start Optional headings required for leftnavigation*/
.nbd-ccfees-margin {
  padding: 0px;
  margin: 40px calc(0%) 0;
}
.nbd-ccfees-margin .nbd-ccfees-heading h3 {
  padding-left: 18px;
}
.nbd-ccfees-margin .nbd-ccfees-optheading {
  margin: 40px 18px 0px 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;
}
/*End Optional headings required for leftnavigation*/
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: #ffffff;
  position: sticky;
  left: 0;
  box-shadow: 4px 6px 8px -1px rgba(0, 0, 0, 0.14);
  padding-left: 0px;
}
.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-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  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: 0.5px solid #bbbbbb;
}
.nbd-ccfees-container .nbd-ccfees-table-body td {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  padding: 10px 20px 10px 40px;
}
@media only screen and (min-width: 576px) {
  .nbd-ccfees-container .nbd-ccfees-table-body td {
    font-size: 16px;
    line-height: 24px;
  }
}
.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 label {
  width: 134px;
}
.nbd-ccfees-container .row-heading {
  padding: 4px 8px 8px 0px !important;
  border-top: 0px;
}
.nbd-ccfees-container .row-heading label {
  font-weight: 700;
  margin-bottom: 0px;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-ccfees-container .row-heading label {
    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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-ccfees-container .nbd-ccfees-table-body td p {
    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: 0px;
  }
  .nbd-ccfees-margin .nbd-ccfees-optheading {
    margin: 40px 22px 0px 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', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    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: 0px !important;
  }
  .nbd-ccfees-margin .nbd-ccfees-descwithbullets .nbd-ccfees-desc-bullets ul li {
    margin-bottom: 0px;
  }
  .nbd-ccfees-margin .nbd-ccfees-table {
    width: 100%;
    table-layout: fixed;
  }
  .nbd-ccfees-container .nbd-ccfees-table-body th {
    padding: 17px 0px 10px 30px;
  }
  .nbd-ccfees-container .nbd-ccfees-table-body .nbd-ccfees-row-fixed {
    padding: 17px 0px 10px 30px;
    max-width: unset;
    width: unset;
  }
  .nbd-ccfees-container .nbd-ccfees-table-body .nbd-ccfees-row-fixed label {
    max-width: unset;
    width: unset;
  }
  .nbd-ccfees-container .nbd-ccfees-table-body td {
    padding: 17px 0px 10px 30px;
  }
  .nbd-ccfees-container .nbd-ccfees-table-body .nbd-ccfees-row-header label {
    max-width: unset;
    width: unset;
  }
  .nbd-ccfees-padding-container {
    padding: 32px 0px 32px 22px;
  }
  .nbd-ccfees-margin {
    padding: 0px 22px;
    margin-top: 80px;
  }
  .nbd-ccfees-container.nbd-ccfees-no-padding-container .nbd-ccfees-heading h3 {
    padding: 0px;
  }
  .nbd-ccfees-container .nbd-ccfees-heading h3 {
    margin: 0px 0px 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: 0px;
  }
  .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 0px 120px;
  }
  .nbd-ccfees-container h5 {
    padding: 64px 30px 80px 30px;
  }
  .nbd-ccfees-margin {
    margin: auto;
    padding: 0px;
    width: max-content;
  }
  .nbd-ccfees-margin .nbd-ccfees-optheading {
    padding: 0 32px;
    margin: 0px !important;
  }
  .nbd-ccfees-margin .nbd-ccfees-optheading h2 {
    margin-bottom: 0px;
  }
  .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', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    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: 0px 0px 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: 0px;
  }
}
@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 label {
    max-width: none;
  }
}
@media only screen and (min-width: 1600px) {
  .nbd-ccfees-margin {
    max-width: 1140px;
  }
}
.nbd-stage-intercept-wrapper {
  /* progress bar css end*/
}
.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: #ffffff;
}
.nbd-stage-intercept-wrapper .tabToCount {
  padding: 0 !important;
  margin: 0 !important;
  border: none;
}
.nbd-stage-intercept-wrapper .tabToCount:focus {
  border: none;
}
.nbd-stage-intercept-wrapper .tabToCount:hover {
  border: none;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 500;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
@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: 0px;
  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: 0px;
  }
  .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: #ffffff;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0px 0px 8px 0px;
  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 #bbbbbb;
  border-radius: 0px;
  margin: 0px 0px 4px 0px;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  padding-left: 25px;
  color: #17252e;
}
@media only screen and (min-width: 1025px) {
  .nbd-save-and-invest-filter .nbd-form-group input[type="text"] {
    font-size: 18px;
    line-height: 26px;
  }
}
.nbd-save-and-invest-filter .nbd-form-group span {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #ffffff;
}
.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 0px 24px 0px;
}
.nbd-save-and-invest-filter .nbd-account-filter-heading span {
  font-weight: 400;
}
.nbd-save-and-invest-filter .no-mb-gutter {
  padding-left: 0px;
  padding-right: 0px;
}
.nbd-save-and-invest-filter .nbd-question-tooltip-icon {
  height: 12px;
  width: 12px;
  display: inline-block;
  margin: 0px 0px 0px 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 0px 0px 0px;
}
.nbd-save-and-invest-filter .nbd-tag-style li {
  box-sizing: border-box;
  border: 1.5px solid #008533;
  border-radius: 21px;
  background-color: #ffffff;
  text-align: center;
  display: inline-block;
  padding: 9px 16px;
  cursor: pointer;
  color: #008533;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 4px;
}
.nbd-save-and-invest-filter .nbd-tag-style .active {
  background-color: #008533;
  color: #ffffff;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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 {
    width: 418px;
    margin: 32px 0px 32px 0px;
  }
  .nbd-save-and-invest-filter .no-mb-gutter {
    padding-left: 0px;
    padding-right: 0px;
  }
  .nbd-save-and-invest-filter .no-tab-gutter-l {
    padding-left: 0px;
    padding-right: 15px;
  }
  .nbd-save-and-invest-filter .no-tab-gutter-r {
    padding-left: 15px;
    padding-right: 0px;
  }
  .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 0px 0px 0px;
  }
}
@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 {
    width: 522px;
    margin: 80px 0px 88px 0px;
  }
  .nbd-save-and-invest-filter .nbd-tag-style {
    margin: 4px 0px 0px 0px;
  }
  .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: #ffffff;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08);
  border: none;
  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: 0px;
  margin-bottom: 0;
  background-color: #ffffff;
  border-bottom: none;
}
.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: 0px;
  background-color: #ffffff;
  border-top: none;
  padding: 6px 16px 6px 16px;
}
.nbd-save-and-invest-filter .nbd-account-filter-cards .card-footer a {
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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 #eeeeee !important;
}
.nbd-save-and-invest-filter .nbd-account-filter-cards .card-heading {
  margin: 0px 16px 0px 24px;
}
.nbd-save-and-invest-filter .nbd-account-filter-cards .card-heading h4 {
  color: #17252e;
  margin: 27.45px 0px 0px 0px;
  font-weight: 700;
}
.nbd-save-and-invest-filter .nbd-account-filter-cards .card-heading h4:nth-child(2) {
  margin: 0px 0px 15.5px 0px;
  font-weight: 400;
}
.nbd-save-and-invest-filter .nbd-account-filter-cards .card-body {
  padding: 16px 16px 0px 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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  line-height: 20px;
}
@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-fee-details p {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 700;
  margin: 23px 0px 16px 0px;
}
@media only screen and (min-width: 1025px) {
  .nbd-save-and-invest-filter .nbd-card-fee-details p {
    font-size: 18px;
    line-height: 26px;
  }
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  margin: 0px 0px 4px 0px;
}
@media only screen and (min-width: 1025px) {
  .nbd-save-and-invest-filter .nbd-card-fee-details label {
    font-size: 18px;
    line-height: 26px;
  }
}
.nbd-save-and-invest-filter .nbd-card-fee-details h3 {
  color: #17252e;
  margin: 0px 0px 16px 0px;
  display: block;
}
.nbd-save-and-invest-filter .nbd-card-fee-details h3 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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  margin: 0px 0px 0px 0px;
}
@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 0px 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: 0px 24px 0px 24px;
  }
  .nbd-save-and-invest-filter .nbd-account-filter-cards .card-body {
    padding: 16px 24px 0px 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 0px 24px 0px;
  }
  .nbd-save-and-invest-filter .nbd-card-fee-details label {
    margin: 0px 0px 8px 0px;
  }
  .nbd-save-and-invest-filter .nbd-card-fee-details h3 {
    margin: 0px 0px 24px 0px;
  }
  .nbd-save-and-invest-filter .nbd-card-info .nbd-question-tooltip-icon {
    width: 20px;
    margin: 5px 8px 0px 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 0px 0px 0px;
  }
  .nbd-save-and-invest-filter .nbd-account-filter-cards .card-body {
    padding: 16px 24px 0px 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 0px 24px 0px;
  }
  .nbd-save-and-invest-filter .nbd-card-fee-details label {
    margin: 0px 0px 8px 0px;
  }
  .nbd-save-and-invest-filter .nbd-card-fee-details .nbd-question-tooltip-icon {
    height: 12px;
    width: 12px;
    position: relative;
    top: 0px;
    background-size: cover;
  }
  .nbd-save-and-invest-filter .nbd-card-info .nbd-question-tooltip-icon {
    width: 19px;
    margin: 5px 8px 0px 8px;
  }
}
.nbd-comparison-table-wapper,
.save-invest-calc-wrapper {
  /***********************************Tooltip start*******************************************/
  /***********************************tooltip end*******************************************/
}
.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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #ffffff;
  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 0px;
}
.save-invest-calc-wrapper .footer-note-mb-tab {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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: 0px 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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: #ffffff;
  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: 0px 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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 0px;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 4px 0;
  height: 56px;
  border: 2px solid #bbbbbb;
  border-radius: 0;
  padding-left: 25px;
}
@media only screen and (min-width: 576px) {
  .save-invest-calc-wrapper .card .card-back-body input {
    font-size: 16px;
    line-height: 24px;
  }
}
.save-invest-calc-wrapper .card .card-back-body .input-msg {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
.save-invest-calc-wrapper .card .card-back-body .radio {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  display: inline-grid;
  grid-template-columns: min-content auto;
  grid-gap: 10px;
  margin: 0px 40px 0 0;
}
@media only screen and (min-width: 576px) {
  .save-invest-calc-wrapper .card .card-back-body .radio {
    font-size: 16px;
    line-height: 24px;
  }
}
.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 #bbbbbb;
  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 0.5em 0.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: #ffffff;
  color: #008533;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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: #ffffff;
}
.save-invest-calc-wrapper .card .card-back-body .nbd-select-btn:focus {
  outline: none;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  line-height: 0px !important;
  color: #17252e;
  width: 10px;
}
@media only screen and (min-width: 576px) {
  .save-invest-calc-wrapper .card .nbd-currency-input {
    font-size: 16px;
    line-height: 24px;
  }
}
.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown {
  height: 59px;
  width: 100%;
  border: 2px solid #bbbbbb;
  text-align: left;
}
.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown button {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  padding: 14px 0px 18px 16px;
  width: 100%;
  text-align: left;
}
@media only screen and (min-width: 576px) {
  .save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown button {
    font-size: 16px;
    line-height: 24px;
  }
}
.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown button:active,
.save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown button:focus {
  outline: none;
  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: 0px;
  cursor: pointer;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  padding: 14px 16px 18px 16px;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #17252e;
}
@media only screen and (min-width: 576px) {
  .save-invest-calc-wrapper .nbd-saveinvesthelpmechoose-dropdown .dropdown-item {
    font-size: 16px;
    line-height: 24px;
  }
}
.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: 0px;
  transform: translate3d(-2px, 53px, 0px);
  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: 0px;
  position: absolute;
  right: 20px;
}
.save-invest-calc-wrapper .nbd-accordian-down-arrow {
  display: block;
  width: 22px;
  height: 22px;
  margin-top: 0px;
}
.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: #ffffff;
  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: 0px;
}
.save-invest-calc-wrapper .journey-btn {
  color: #008533;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  align-items: center;
  display: flex;
}
@media only screen and (min-width: 576px) {
  .save-invest-calc-wrapper .journey-btn {
    font-size: 16px;
    line-height: 24px;
  }
}
.save-invest-calc-wrapper .graph-label {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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 #eeeeee;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 0px;
}
.save-invest-calc-wrapper .product-onDisplay .value-btn {
  border-radius: 6px;
  background-color: #008533;
  color: #ffffff;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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 #bbbbbb;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  .save-invest-calc-wrapper .nbd-warning-div p {
    font-size: 16px;
    line-height: 24px;
  }
}
.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: none;
  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: #ffffff;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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 0px 36px 32px;
  }
  .save-invest-calc-wrapper .card .card-back-body {
    padding: 0px 0px 0px 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', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    margin-bottom: 32px;
  }
  .save-invest-calc-wrapper .product-i {
    color: #008533;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    font-family: 'Libre Franklin', Arial, Helvetica, 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: #ffffff;
    background-color: #008533;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    font-weight: 700;
    margin-top: 16px;
  }
  .save-invest-calc-wrapper .nbd-form-label {
    color: #17252e;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    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: 768px) and only screen and (min-width: 576px) {
  .save-invest-calc-wrapper .select-3-products-to {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) and only screen and (min-width: 576px) {
  .save-invest-calc-wrapper .product-i {
    font-size: 16px;
    line-height: 24px;
  }
}
@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;
  }
  .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: 0px;
  }
  .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: #ffffff;
    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;
  }
  /*aniamtion*/
  .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;
    backface-visibility: hidden;
    perspective: 100px;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 0px;
  }
  .card-back-body {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
  }
  .save-invest-calc-wrapper .card {
    /* transition: transform 1.25s ease;
            transform-style: preserve-3d; */
    cursor: pointer;
    /* perspective: 1000px; */
  }
  .nbd-rotateY-180 {
    transform: rotateY(180deg);
  }
  .nbd-rotateY-0 {
    transform: rotateY(0deg);
  }
}
@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: 0px 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 0px 49px 0px;
}
.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: 0px 29px 0px 30px;
  background-color: #fafafa;
  border-right: 1px solid #eeeeee;
  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: none;
}
.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-head-tp {
  background-color: transparent;
  border: none;
}
.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-head h4 {
  color: #17252e;
  margin: 24px 0px 16px 0px;
}
.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-head span {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-head .tooltip-div h3 {
  color: #008533;
  margin: 0px 0px 8px 0px;
}
.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-body {
  background-color: #ffffff;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  text-align: center;
  padding: 0 16px;
  min-height: 72px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
}
@media only screen and (min-width: 576px) {
  .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 {
    font-size: 16px;
    line-height: 24px;
  }
}
.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: none;
}
.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 #eeeeee;
  border-radius: 10px;
}
.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-footer {
  text-align: center;
  padding: 24px 29px 24px 30px;
  background-color: #ffffff;
  border-right: 1px solid #eeeeee;
}
.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: none;
}
.nbd-comparison-table-wapper .nbd-comparison-table .nbd-cmp-table-footer a {
  color: #008533;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0px 0px 80px 0px;
}
.nbd-affordability-container {
  padding: 0;
}
.nbd-affordability-container .nbd-btn {
  margin: 6px 0px 6px 0px !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: none;
  color: #008533;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 700;
  width: 100%;
  height: 100%;
  outline: none;
}
.nbd-affordability-container .change-rate:focus {
  outline: none;
}
@media only screen and (min-width: 1025px) {
  .nbd-affordability-container .change-rate {
    font-size: 18px;
    line-height: 26px;
  }
}
.nbd-affordability-container .nbd-title {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  color: #17252e;
  font-weight: 700;
  padding-bottom: 24px;
}
@media only screen and (min-width: 576px) {
  .nbd-affordability-container .nbd-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-affordability-container .result-panel {
  background-color: #fafafa;
  padding: 30px 15px;
  border-radius: 5px;
  margin-bottom: 32px;
  box-shadow: 0px 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;
  font-weight: unset;
}
.nbd-affordability-container .tooltip {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #ffffff;
}
.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 {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
  color: #17252e;
  text-align: left;
}
@media only screen and (min-width: 767px) {
  .nbd-affordability-container .interest-result {
    font-size: 40px;
    line-height: 48px;
  }
}
.nbd-affordability-container .interest-rate-desc {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  color: #17252e;
}
.nbd-affordability-container .interest-rate-desc .cmp-text {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.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: #ffffff;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  color: #494f50;
  padding-bottom: 0 !important;
}
@media only screen and (min-width: 576px) {
  .nbd-affordability-container .popup-footer-note {
    font-size: 16px;
    line-height: 24px;
  }
}
.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('../../../content/dam/nedbank/icons/resources/up_arrow_cr.svg');
  background-repeat: no-repeat;
  height: 21px;
  width: 25px;
  float: right;
}
.nbd-affordability-container .collapsed .down-arrow {
  background-image: url('../../../content/dam/nedbank/icons/resources/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;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 700;
  margin: 31px 10px 1px 10px;
}
@media only screen and (min-width: 576px) {
  .nbd-affordability-container .nbd-description {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-affordability-container .nbd-description {
    font-size: 20px;
    line-height: 28px;
  }
}
.nbd-affordability-container .hide-text {
  display: none;
}
.nbd-affordability-container .loan-desc {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-affordability-container .nbd-details-col-1 P {
    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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 12px;
}
@media only screen and (min-width: 576px) {
  .nbd-affordability-container .nbd-details-col-2 p {
    font-size: 16px;
    line-height: 24px;
  }
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 700;
  line-height: 0 !important;
  color: #17252e;
}
@media only screen and (min-width: 1025px) {
  .nbd-affordability-container .nbd-currency-input {
    font-size: 18px;
    line-height: 26px;
  }
}
.nbd-affordability-container .nbd-form-control {
  padding-left: 26px;
  border-radius: 0;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 700;
  color: #17252e;
}
@media only screen and (min-width: 1025px) {
  .nbd-affordability-container .nbd-form-control {
    font-size: 18px;
    line-height: 26px;
  }
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.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: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  opacity: 1;
}
.nbd-affordability-container .slider::-moz-range-progress {
  background-color: #78be20;
}
.nbd-affordability-container .slider::-ms-fill-lower {
  background-color: #78be20;
}
.nbd-affordability-container .slider::-moz-range-track {
  background-color: #bbbbbb;
}
.nbd-affordability-container .slider::-ms-fill-upper {
  background-color: #bbbbbb;
}
.nbd-affordability-container .slider::-ms-fill-upper {
  background: #eeeeee;
  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: #ffffff;
  border: 3px solid #78be20;
  cursor: pointer;
  outline: 3px solid #ffffff;
}
.nbd-affordability-container .slider::-ms-track {
  width: 100%;
  height: 5px;
  background: #eeeeee;
  border-color: #eeeeee;
  border-width: 1px 0;
  border-radius: 3px;
  color: #bbbbbb;
}
.nbd-affordability-container .slider:-ms-fill-lower {
  background: #78be20;
  border-radius: 5px;
}
.nbd-affordability-container .slider::-ms-thumb {
  width: 24px;
  height: 24px;
  background: #ffffff;
  border: 3px solid #78be20;
  border-radius: 15px;
  cursor: pointer;
  margin-top: 0px;
  outline: 3px solid #ffffff;
}
.nbd-affordability-container .slider:focus::-ms-fill-lower {
  background: #78be20;
}
.nbd-affordability-container .slider:focus::-ms-fill-upper {
  background: #eeeeee;
}
.nbd-affordability-container .slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #ffffff;
  border: 3px solid #78be20;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.nbd-affordability-container .bubble {
  padding: 4px 12px;
  position: relative;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 700;
  color: #494f50;
}
@media only screen and (min-width: 576px) {
  .nbd-affordability-container .bubble {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0px 0px 4px 0px;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  margin: 0px 0px 24px 0px;
}
.nbd-affordability-container .cmp-tabs__tabpanel--active:foucs {
  border: none;
}
.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;
}
@supports (-ms-ime-align: auto) {
  .nbd-affordability-container .slider {
    height: 30px;
    background-image: none !important;
    background-color: #ffffff !important;
  }
}
#nbd-affordability-expenses-part {
  display: none;
}
#nbd-affordability-expenses-part .nbd-affordability-expenses {
  margin: 0px 0px 31px 0px;
  padding: 0px;
}
#nbd-affordability-expenses-part .nbd-expense-title {
  padding: 0px;
}
#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: #bbbbbb;
  }
  .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: #ffffff;
  }
}
@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 0px 24px 0px;
  }
  .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: 0px 0px 32px 0px;
  }
}
@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 0px 32px 0px;
  }
  .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: 0px 0px 48px 0px;
  }
}
.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: #ffffff;
  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-weight: 400;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  text-shadow: none;
  opacity: unset;
}
@media only screen and (min-width: 576px) {
  .nbd-listpopup-container .modal-header .close {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-listpopup-container .modal-header .close:focus {
  outline: none;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-listpopup-container .modal-body .nbd-listpopup-list .nbd-listpopup-head p {
    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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 500;
  font-family: 'Libre Franklin', Arial, Helvetica, 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;
  /* box-shadow: 0 6px 8px 0 rgba(23,37,46,0.1); */
  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: 0px solid #17252e !important;
  background-color: #17252e;
  color: #ffffff;
  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: none;
}
@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;
  /* The customcheck */
  /* When the checkbox is checked */
  /* When the checkbox is disabled */
  /* When the checkbox is checked and disabled */
  /* Show the checkmark when checked */
}
.customcheckbox .checkbox-wrapper .form-check-label {
  display: block;
  position: relative;
  padding-left: 32px;
  width: max-content;
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
}
@media only screen and (min-width: 576px) {
  .customcheckbox .checkbox-wrapper .form-check-label {
    font-size: 16px;
    line-height: 24px;
  }
}
.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 #bbbbbb;
  border-radius: 5px;
  background-color: #ffffff;
  cursor: pointer;
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Style the checkmark/indicator */
}
.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 #ffffff;
  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: none;
}
.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: none;
}
.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', Arial, Helvetica, sans-serif;
  color: #bbbbbb;
  background-color: #ffffff;
  height: 56px;
  padding: 14px 10px;
  border: 2px solid #bbbbbb;
  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: #ffffff transparent transparent transparent;
}
.customdropdown .custom-dropdown .select-selected.select-arrow-active:after {
  border-color: transparent transparent #ffffff transparent;
  top: 7px;
}
.customdropdown .custom-dropdown .select-items {
  position: absolute;
  background-color: #ffffff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  width: 100%;
  max-width: 400px;
  border: 2px solid #bbbbbb;
}
.customdropdown .custom-dropdown .select-items div {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  color: #17252e;
  padding: 14px 16px;
  border: 0px solid #bbbbbb;
  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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #ffffff;
}
.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;
}
/*tooltip end*/
/* The container must be positioned relative: */
.nbd-generic-form .formcontainer {
  /* Style the arrow inside the select element: */
  /* Point the arrow upwards when the select box is open (active): */
  /* style the items (options), including the selected item: */
  /* Style items (options): */
  /* Hide the items when the select box is closed: */
}
.nbd-generic-form .formcontainer .custom-dropdown {
  position: relative;
  font-family: Arial;
}
.nbd-generic-form .formcontainer .custom-dropdown select {
  display: none;
  /*hide original SELECT element: */
}
.nbd-generic-form .formcontainer .select-selected {
  background-color: #ffffff;
}
.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", Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 14px 16px;
  border: 0px solid #bbb;
  cursor: pointer;
}
.nbd-generic-form .formcontainer .select-selected {
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
  color: #bbbbbb;
  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: #ffffff;
  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);
}
.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 #bbbbbb;
}
.formv2container .customfield .suburb-field .select-items > div {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  color: #17252e;
  padding: 14px 16px;
  border: 0px solid #bbbbbb;
  cursor: pointer;
}
.formv2container .customfield .suburb-field .select-items {
  position: absolute;
  background-color: #ffffff;
  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 #bbbbbb;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 500;
  margin-bottom: 8px;
}
.formv2container .customfield .nbd-form-group textarea[type="text"] {
  height: 80px;
  border: 2px solid #bbbbbb;
  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: #aaaaaa;
}
.formv2container a.my-tool-tip,
.formv2container a.my-tool-tip:hover,
.formv2container a.my-tool-tip:visited {
  color: #000000;
}
.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: 0px;
  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: #ffffff;
  width: 100vw;
  border: 2px solid #006341;
  z-index: 9;
  max-height: 220px;
  height: auto;
  overflow-y: scroll;
  display: none;
}
.customradio {
  /*position new box*/
  /* .customradio-wrapper input + label::before {
    content: "";
    left: 0;
    position: absolute;
    top: 0px;
    height: 24px;
    width: 24px;
    border: 2px solid #BBBBBB;
    border-radius: 50%;
    background-color: #FFFFFF;
    }
    .customradio-wrapper input + label::after {
        content: "";
        opacity: 0;
        border: 8px solid #008533;
        border-radius: 50%;
        position: absolute;
        left: 4px;
        top: 4px;
        transition: opacity 0.2s ease-in-out;
    } */
  /*reveal check for 'on' state*/
  /* .customradio-wrapper input:checked + label::after {
    opacity: 1;
}
.customradio-wrapper input:checked + label::before {
    border: 2px solid #008533;
} */
  /*reveal check for 'onload' and ''hover' state*/
  /*reveal check for 'on' and ''hover' state*/
  /*reveal check for 'off' state*/
  /*
.customradio-wrapper input:hover ~ label, .customradio-wrapper input:checked:hover ~ label, .customradio-wrapper input:disabled:hover ~ label{
    color: #17252E;
}*/
}
.customradio .customradio-fieldset {
  margin: 0;
}
.customradio .customradio-wrapper {
  position: relative;
  /*style and hide original checkbox*/
}
.customradio .customradio-wrapper h4 {
  color: #494f50;
}
.customradio .customradio-wrapper:not(:last-child) {
  margin: 0 0 16px 0;
}
.customradio .customradio-wrapper label {
  padding: 0px 0 0px 34px;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  color: #494f50;
}
@media only screen and (min-width: 576px) {
  .customradio .customradio-wrapper label {
    font-size: 16px;
    line-height: 24px;
  }
}
.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: #ffffff;
}
@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: none;
  border-radius: 12px;
  padding-bottom: 0px;
}
.modal-form-container .modal-form-content .modal-form-body {
  padding: 0px;
}
.modal-form-container .modal-form-content .modal-form-body .modal-form-header {
  border: none;
}
.modal-form-container .modal-form-content .modal-form-body form#customform {
  margin: 0px;
}
.modal-form-container .modal-form-content .modal-form-body form#customform .renderFields {
  padding: 0px 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: 0px 30px 0px 30px;
}
@media only screen and (min-width: 1024px) {
  .modal-form-container .modal-form-content .modal-form-body form#customform .btnContainer {
    padding: 0px;
  }
}
.modal-form-container .modal-form-content .modal-form-body form#customform .formfooter {
  max-width: none;
  padding: 0px 30px 40px 30px;
}
@media only screen and (min-width: 1024px) {
  .modal-form-container .modal-form-content .modal-form-body form#customform .formfooter {
    padding: 0px 0px 80px 0px;
  }
}
.modal-form-container .modal-form-content .modal-form-body .text-center {
  text-align: left !important;
}
.nbd-formv2-container {
  background: #ffffff;
  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: #ffffff;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
@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 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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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;
  /*  form footer */
  /* disclaimer link modal */
}
.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 {
  margin: 20px 0;
}
.nbd-formv2-container form#customform .formv2container .renderFields input[type=checkbox] {
  box-sizing: border-box;
  height: 24px;
  width: 24px;
  min-width: 24px;
  border: 2px solid #bbbbbb;
  border-radius: 5px;
  background-color: #ffffff;
  accent-color: #008533;
}
.nbd-formv2-container form#customform .formv2container .renderFields label.checkbox {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-formv2-container form#customform .formv2container .renderFields label.checkbox {
    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 .field-error-border {
  border: 2px solid #d22630 !important;
}
.nbd-formv2-container form#customform .formv2container .renderFields .form-group .field-border {
  border: 2px solid #bbbbbb !important;
}
.nbd-formv2-container form#customform .formv2container label {
  display: block;
  width: 100%;
  max-width: 390px;
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 8px;
  font-weight: 500;
}
.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-weight: 400;
}
.nbd-formv2-container form#customform .formv2container label.radio-label {
  font-weight: 400;
}
.nbd-formv2-container form#customform .formv2container input {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  width: 100%;
  max-width: 390px;
  box-sizing: border-box;
  height: 56px;
  border: 2px solid #bbbbbb;
  background-color: #ffffff;
  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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
.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;
}
.nbd-formv2-container form#customform .formv2container .id-note {
  color: #94999c;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-top: 4px;
}
.nbd-formv2-container form#customform .nbd-error-alert {
  background-color: #f7d4d7;
  height: 88px;
  padding: 20px 0px;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .nbd-formv2-container form#customform .nbd-error-alert span {
    font-size: 16px;
    line-height: 24px;
  }
}
.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 0px 0px;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  max-width: 390px;
  width: 100%;
  height: 56px;
  border-radius: 6px;
  border: 0px solid #17252e !important;
  background-color: #17252e;
  color: #ffffff;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0;
}
.nbd-formv2-container form#customform .formfooter .nbd-btn {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 500;
  margin: 26px 0px 10px 0px;
  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: #ffffff;
  color: #17252e;
  padding: 64px 0px;
}
@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: 0px 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: #bbbbbb;
  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 0px 25px;
  }
  .nbd-formv2-container form#customform .modal-content {
    padding-bottom: 56px;
  }
}
.modal-color-1 {
  background-color: #ffffff;
}
@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: none;
  border-radius: 12px;
  padding-bottom: 0px;
}
.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body {
  padding: 0px;
}
.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .modal-form-header {
  border: none;
  padding: 0px;
}
.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .modal-form-header .close {
  outline: none;
  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 0px 0px 0px;
  }
}
.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container {
  background: none;
}
.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform {
  margin: 0px;
}
.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .renderFields {
  padding: 0px 30px 0 30px;
}
.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .column1 > div {
  margin: 0px 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', Arial, Helvetica, 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 0px 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: 0px 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: 0px 30px 0px 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: 0px;
  }
}
@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: 0px 30px 0px 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: 0px;
  }
}
.modal-form-container .modal-form-dialog .modal-form-content .modal-form-body .nbd-modal-formv2-container form#custform .formfooter {
  max-width: none;
  padding: 0px 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: #bbbbbb;
}
@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: 0px 0px 100px 0px;
  }
}
.nbd-modal-formv2-container {
  background: #ffffff;
  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: #ffffff;
  text-align: left!important;
}
.nbd-modal-formv2-container.nbd-formv2-containerv2 form#custform .formfooter .shortnote p {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
@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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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;
  /*  form footer */
  /* disclaimer link modal */
}
.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 #bbbbbb;
  border-radius: 5px;
  background-color: #ffffff;
  accent-color: #008533;
}
.nbd-modal-formv2-container form#custform .formv2container .renderFields label.checkbox {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-modal-formv2-container form#custform .formv2container .renderFields label.checkbox {
    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 #bbbbbb !important;
}
.nbd-modal-formv2-container form#custform .formv2container label {
  display: block;
  max-width: 390px;
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  width: 100%;
  max-width: 390px;
  box-sizing: border-box;
  height: 56px;
  border: 2px solid #bbbbbb;
  background-color: #ffffff;
  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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-top: 4px;
}
.nbd-modal-formv2-container form#custform .nbd-error-alert {
  background-color: #f7d4d7;
  height: 88px;
  padding: 20px 0px;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-modal-formv2-container form#custform .nbd-error-alert span {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-modal-formv2-container form#custform .nbd-error-alert .nbd-warning {
  height: 19px;
  width: 22px;
  margin: 2px 11px 0px 21px;
}
.nbd-modal-formv2-container form#custform .nbd-error-alert .nbd-close-small {
  height: 14px;
  width: 14px;
  margin: 5px 25px 0px 0px;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  max-width: 390px;
  width: 100%;
  height: 56px;
  border-radius: 6px;
  border: 0px solid #17252e !important;
  background-color: #17252e;
  color: #ffffff;
  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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  margin: 0;
}
.nbd-modal-formv2-container form#custform .formfooter .nbd-btn {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 500;
  margin: 26px 0px 10px 0px;
  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: #ffffff;
  color: #17252e;
  padding: 64px 0px;
}
@media only screen and (max-width: 1024px) {
  #modalformsuccess.nbd-success-containerv2 {
    padding: 36px 25px;
  }
}
@media only screen and (min-width: 992px) {
  #modalformsuccess {
    padding: 22px 0px 192px 0px;
  }
}
#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: 0px 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: #bbbbbb;
  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: 0px;
  }
  .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 0px 25px;
  }
  .nbd-modal-formv2-container form#custform .modal-content {
    padding-bottom: 56px;
  }
}
@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: #000000;
}
.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: #ffffff;
  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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-family: 'Libre Franklin', Arial, Helvetica, 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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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('../../../content/dam/nedbank/icons/resources/button/diagonal-arrow-green.svg');
}
.genericlisting button {
  border: 0;
  outline: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: end;
  font-family: 'Open Sans Regular', Arial, Helvetica, 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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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: 0px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  flex-direction: column;
  flex: 1;
  justify-content: flex-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: 0px;
  }
  .genericlisting.listvar2 .list-container .nb-row.listingvar2 {
    width: 45%;
  }
}
.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: #ffffff;
    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;
  }
}
.nb-timeline-card .card {
  box-shadow: 0px 25px 20px -15px rgba(0, 0, 0, 0.1);
}
.nb-timeline-card .nb-card {
  margin: 10px 0px 10px 0px;
  padding: 20px 20px 20px 20px;
  height: 100%;
  width: 281px;
  box-sizing: border-box;
  border: 1px solid #e5edec;
  border-radius: 12px;
  background-color: #ffffff;
}
.nb-timeline-card .nb-card-heading {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #17252e;
  max-width: 281px;
  margin-bottom: 10px;
}
.nb-timeline-card .nb-card-info {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  width: 240px;
  color: #494f50;
}
.nb-timeline-card .nb-card-content {
  margin-top: 10px;
}
.nb-timeline-card .card-body {
  margin: 0;
  padding: 0;
}
.nb-timeline-card p {
  margin: 5px 0 5px 0;
}
/*changing layout to center in tabs for cards*/
.nb-card {
  margin: 0 auto !important;
  float: none;
  margin-bottom: 10px !important;
}
@media only screen and (min-width: 576px) and (max-width: 1024px) {
  .nb-timeline-card .nb-card {
    padding: 30px 30px 30px 30px;
    min-height: 141px;
    width: 354px;
  }
  .nb-timeline-card .nb-card-heading {
    margin-bottom: 10px;
  }
  .nb-timeline-card .nb-card-info {
    width: 293px;
  }
}
@media only screen and (min-width: 1025px) {
  .nb-timeline-card .nb-card {
    padding: 40px 40px 40px 40px;
    min-height: 185px;
    width: 496px;
    display: table-cell;
  }
  .nb-timeline-card .nb-card-heading {
    margin-bottom: 10px;
  }
  .nb-timeline-card .nb-card-info {
    width: 415px;
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 1025px) and only screen and (min-width: 576px) {
  .nb-timeline-card .nb-card-info {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) and only screen and (min-width: 1025px) {
  .nb-timeline-card .nb-card-info {
    font-size: 20px;
    line-height: 28px;
  }
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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 0px 28px 0px;
  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', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  display: block;
  max-width: 228px;
  margin-left: 20px;
}
@media only screen and (min-width: 576px) {
  .nbd-legal-links-content ul li a span {
    font-size: 20px;
    line-height: 28px;
  }
}
@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: none;
  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: 0px;
  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 0px 0px;
  background-image: url('../../../content/dam/nedbank/icons/resources/back-arrow.svg');
}
.nbd-legal-links-content .back-link {
  margin: 0px 0px 16.5px 0px;
}
.nbd-legal-links-content .back-link .back:hover .back-arrow {
  margin: 5px 8px 0px -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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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 0px 24px 0px;
    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: 0px;
  }
  .nbd-legal-links-content .back-link {
    margin: 0px 0px 16.5px 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .ng-page-breadcrumb {
    margin: 5px 0px 0px 105px;
  }
  .termscontainer.nb-head-container {
    padding: 80px 0px 67px 0px;
  }
  .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;
    /*margin-left: auto;
            margin-right: auto;*/
  }
  .nbd-legal-links-content ul li {
    list-style-type: none;
    padding: 24px 0px 24px 0px;
    border-bottom: 1.5px solid #e5edec;
    margin-left: auto;
    width: auto;
  }
  .nbd-legal-links-content ul li a span {
    max-width: 731px;
    margin-left: 0px;
  }
  .nbd-legal-links-content .back-link {
    margin: 0px 0px 36.5px 0px;
  }
}
.nbd-video-post-date span {
  text-transform: capitalize;
}
.ndb-post-status {
  display: flex;
}
.nbd-watch {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0px 0px 24px 0px;
  display: block;
}
@media only screen and (min-width: 576px) {
  .nbd-watch {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-status-hr {
  width: 70px;
  border-top: 1.5px solid #78be20;
  margin: 12px 0px 0px 24px;
}
.nbd-video-post-thumbnail {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
}
.nbd-video-frame {
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  width: 100%;
  border: 0;
}
/*********************Page Heading***********************/
/* Breadcrumb */
.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}
.ng-page-breadcrumb {
  color: #949c9e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 18px;
  background-color: transparent;
}
/* Breadcrumb */
.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', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (min-width: 767px) {
  .ng-page-head-title {
    font-size: 40px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1025px) {
  .ng-page-head-title {
    font-size: 64px;
    line-height: 72px;
  }
}
.ng-page-head-info {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .ng-page-head-info {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .ng-page-head-info {
    font-size: 20px;
    line-height: 28px;
  }
}
/*********************Page Heading***********************/
.ndb-post-status {
  display: flex;
}
.nbd-status-hr {
  width: 70px;
  border-top: 1.5px solid #78be20;
  margin: 12px 0px 0px 24px;
}
.nbd-video-post.card {
  flex: unset;
  border: 0px;
  margin-bottom: 32px;
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
}
.nbd-video-post.big-card {
  width: 100vw;
}
.nbd-video-post.small-card {
  width: 100vw;
}
.nbd-video-post-thumbnail iframe {
  object-fit: fill;
  width: 100%;
}
.nbd-video-post-thumbnail img {
  width: 100%;
  height: inherit;
}
.nbd-white-play-btn {
  position: absolute;
  top: 60px;
  left: 130px;
}
.nbd-white-play-btn img {
  height: 52.08px;
  width: 52.11px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 40%;
}
.nbd-video-post-thumbnail.card-header {
  position: relative;
  margin: 0 0 16px 0;
  padding: 0;
  border: 0px;
  background-color: #ffffff;
}
.nbd-video-post-body.card-body {
  margin: 0;
  padding: 0;
  border: 0px;
  background-color: #ffffff;
}
.nbd-video-post-heading h3 {
  color: #17252e;
  margin: 0px 18px 4px 18px;
}
.nbd-video-post-date {
  color: #949c9e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  margin: 0px 18px 0px 18px;
}
.nbd-show-more-container {
  text-align: center;
  margin-top: 52px;
  margin-bottom: 52px;
}
.nbd-show-more-container span {
  display: inline-flex;
  margin: auto;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  color: #008533;
}
@media only screen and (min-width: 576px) {
  .nbd-show-more-container span {
    font-size: 16px;
    line-height: 24px;
  }
}
.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: 24px;
  position: relative;
  top: -5px;
}
@media only screen and (min-width: 576px) and (max-width: 1024px) {
  .nbd-video-post.card {
    margin-bottom: 32px;
    margin-right: 15px;
    margin-left: 15px;
  }
  .nbd-video-post.big-card {
    width: 347px;
  }
  .nbd-video-post.small-card {
    width: 347px;
  }
  .nbd-video-post-heading h3 {
    margin: 0;
  }
  .nbd-video-post-thumbnail.card-header {
    margin: 0 0 21px 0;
  }
  .nbd-video-post-date {
    margin: 0;
  }
  .nbd-watch {
    margin: 0px 0px 32px 0px;
  }
}
@media only screen and (min-width: 1025px) {
  /*********************Page Heading***********************/
  .ng-page-breadcrumb {
    margin: 5px 0px 0px 105px;
  }
  .nb-head-container {
    padding: 80px 0px 67px 0px;
  }
  .ng-page-head-title {
    margin-bottom: 40px;
  }
  /*********************Page Heading***********************/
  .nbd-video-post.card {
    margin-bottom: 64px;
    margin-right: 15px;
    margin-left: 15px;
  }
  .nbd-video-post.big-card {
    width: 598px;
  }
  .nbd-video-post.small-card {
    width: 390px;
  }
  .nbd-video-post-heading h3 {
    margin: 0px 0px 4px 0px;
  }
  .nbd-video-post-thumbnail.card-header {
    margin: 0 0 30.27px 0;
  }
  .nbd-video-post-date {
    margin: 0;
  }
  .nbd-watch {
    margin: 0px 0px 40px 0px;
  }
}
@media only screen and (min-width: 1350px) {
  .nbd-video-post.big-card {
    width: 553px;
  }
  .nbd-video-post.small-card {
    width: 359px;
  }
}
/* fixing ipa pro issue */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .nbd-video-post.big-card {
    width: 391px;
  }
  .nbd-video-post.small-card {
    width: 391px;
  }
}
.leftnav-container .fixme {
  width: 100%;
  z-index: 99;
}
.leftnav-container .nbd-form-group {
  margin-bottom: 0px;
}
.leftnav-container .nbd-form-group label {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  display: flex;
  margin: 0 0 6px 0;
}
@media only screen and (min-width: 576px) {
  .leftnav-container .nbd-form-group label {
    font-size: 16px;
    line-height: 24px;
  }
}
.leftnav-container .nbd-form-group input[type="text"] {
  height: 56px;
  width: 100%;
  max-width: 390px;
  border: 2px solid #bbbbbb;
  border-radius: 0px;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  width: 100%;
  border: 2px solid #bbbbbb;
  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: 0px;
  border: 2px solid #bbbbbb;
  z-index: 1231;
  border-top: none !important;
}
.leftnav-container .nbd-cmb-dropdown .dropdown-item {
  margin-bottom: 0px;
  cursor: pointer;
  display: flex;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: #eeeeee;
  color: #17252e;
}
.leftnav-container .nbd-cmb-dropdown .btn {
  display: flex;
  border-radius: 0px;
  max-width: 349px;
}
.leftnav-container .nbd-cmb-dropdown .btn span {
  width: 100%;
  color: #17252e;
}
.leftnav-container .nbd-cmb-dropdown .dropdown-menu {
  border-radius: 0px;
}
.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: 0px;
  margin-left: auto;
  position: relative;
  right: unset;
}
.leftnav-container .container {
  padding: 0px;
  max-width: 100%;
}
.leftnav-container .cmp-tabs__tab--active {
  border-bottom: 3px solid #008533;
}
.leftnav-container .cmp-tabs__tab--active:focus {
  outline: none;
}
.leftnav-container .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 .cmp-tabs__tablist::-webkit-scrollbar {
  display: none;
}
.leftnav-container .cmp-tabs__tab {
  margin: 0 20px;
  padding: 0 0px 4px 0px;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  color: #17252e;
  flex: 0 0 auto;
  padding-left: 0;
}
@media only screen and (min-width: 576px) {
  .leftnav-container .cmp-tabs__tab {
    font-size: 16px;
    line-height: 24px;
  }
}
.leftnav-container .mobile-view .cmp-tabs__tab {
  box-sizing: border-box;
  height: 50px;
  width: 280px;
  border: 2px solid #bbbbbb;
}
.leftnav-container .cmp-tabs__tabpanel {
  margin-top: 8px;
  margin-bottom: 32px;
  padding-bottom: 42px;
  border: none;
}
.leftnav-container .nbd-leftnav-medium {
  display: block;
}
.leftnav-container .nbd-leftnav-large {
  display: none;
}
.leftnav-container .nbd-ln-form {
  background-color: #ffffff;
  box-shadow: 8px 2px 9px -4px #cccccc;
  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: 0px;
  border: 2px solid #bbbbbb;
  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 #eeeeee !important;
}
.leftnav-container .text-danger {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
.leftnav-container .ng-container {
  margin: 0px;
}
.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: none;
}
.leftnav-container .cmp-tabs__tabpanel--active:focus {
  outline: none;
}
.leftnav-container .cmp-tabs__tabpanel--active:hover {
  outline: none;
}
.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;
}
@media only screen and (min-width: 768px) {
  .leftnav-container .cmp-tabs__tabpanel:hover {
    outline: none;
  }
  .leftnav-container .ng-container {
    margin: 0 22px;
  }
  .leftnav-container .nbd-ln-form {
    box-shadow: none;
    padding: 0px 22px 32px 22px;
  }
}
@media only screen and (min-width: 992px) {
  .leftnav-container .cmp-tabs__tab {
    margin: 0 0px 9px 0;
  }
  .leftnav-container .cmp-tabs__tabpanel {
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 1025px) {
  .leftnav-container .leftnavng-container {
    margin: 128px 106px 0 106px;
    max-width: 1228px;
  }
  .leftnav-container .nbd-leftnav-large {
    display: block;
    padding-left: 15px !important;
  }
  .leftnav-container .nbd-leftnav-medium {
    display: none;
  }
  .leftnav-container .cmp-tabs__tabpanel {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 1440px) {
  .leftnav-container .leftnavng-container {
    margin: 128px auto 0 auto;
    max-width: 1228px;
  }
}
/* Mobile */
.nbd-quotation {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #17252e;
  display: flex;
  padding: 25px 0;
}
.nbd-quotation blockquote {
  margin-bottom: 0px;
  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 {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
  font-weight: 500;
  text-align: center;
  padding: 0 16px 0 16px;
  flex: 1;
  margin-bottom: 20px;
}
@media only screen and (min-width: 767px) {
  .nbd-quotation blockquote h2 {
    font-size: 40px;
    line-height: 48px;
  }
}
.nbd-quotation blockquote h2 p {
  margin: 0;
}
.nbd-quotation blockquote figcaption {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 0px;
}
/* Tab */
@media only screen and (min-width: 576px) and (max-width: 1024px) {
  .nbd-quotation {
    /* .ng-container { margin: 0px; } */
  }
  .nbd-quotation blockquote q {
    font-size: 120px;
  }
}
/* Desktop */
@media only screen and (min-width: 1025px) {
  .nbd-quotation {
    padding: 15px 0;
    max-width: 100%;
    /* .ng-container { margin: 80px 300px 0 300px; } */
  }
  .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;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-legal-content .nbd-legal-content-heading {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-legal-content .nbd-legal-content-text {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  margin-top: 38px;
}
@media only screen and (min-width: 576px) {
  .nbd-legal-content .nbd-legal-content-text {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-legal-content .nbd-legal-bottom-text {
  margin-top: 48px;
}
.nbd-legal-content .nbd-legal-content-table {
  margin: 52px 0px 0px 0px;
}
.nbd-legal-content .nbd-legal-content-table .row {
  margin-left: 0px;
  margin-right: 0px;
}
.nbd-legal-content .nbd-legal-content-table .nbd-th {
  opacity: 0.87;
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 700;
  padding-left: 0px;
  border-bottom: 1px solid #a3a3a3;
  padding-top: 15px;
  padding-bottom: 15px;
}
.nbd-legal-content .nbd-legal-content-table .nbd-td {
  opacity: 0.87;
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  padding-left: 0px;
  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: none;
}
.repayment-container .nbd-title {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #17252e;
  padding-bottom: 24px;
}
@media only screen and (min-width: 576px) {
  .repayment-container .nbd-title {
    font-size: 16px;
    line-height: 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: 0px 25px 20px -15px rgba(0, 0, 0, 0.1);
}
.repayment-container .result-panel .green-text {
  color: #78be20;
}
.repayment-container .calc-header {
  padding-bottom: 24px;
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .repayment-container .calc-header {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .repayment-container .calc-header {
    font-size: 20px;
    line-height: 28px;
  }
}
.repayment-container .nbd-shadow-hr {
  margin: 0px;
  content: "";
  position: relative;
  width: 100%;
  bottom: 43px;
  z-index: -1;
  transform: scale(0.8);
  box-shadow: 0px 0px 40px 15px rgba(0, 0, 0, 0.1);
}
.repayment-container .tooltip {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #ffffff;
}
.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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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: 0px 0 0px 43px;
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .repayment-container .radio-wrapper label {
    font-size: 16px;
    line-height: 24px;
  }
}
.repayment-container .interest-result {
  color: #17252e;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
  text-align: left;
}
@media only screen and (min-width: 767px) {
  .repayment-container .interest-result {
    font-size: 40px;
    line-height: 48px;
  }
}
.repayment-container .change-rate {
  background-color: transparent;
  border: none;
  color: #008533;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  width: 100%;
  height: 100%;
  outline: none;
}
@media only screen and (min-width: 576px) {
  .repayment-container .change-rate {
    font-size: 16px;
    line-height: 24px;
  }
}
.repayment-container .interest-rate-desc .cmp-text p {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
}
@media only screen and (min-width: 576px) {
  .repayment-container .popup-footer-note {
    font-size: 16px;
    line-height: 24px;
  }
}
.repayment-container .card-body {
  padding: 0;
}
.repayment-container .breakdown-header {
  padding-left: 0;
}
.repayment-container .down-arrow {
  display: inline-block;
  background-image: url('../../../content/dam/nedbank/icons/resources/up_arrow_cr.svg');
  background-repeat: no-repeat;
  height: 21px;
  width: 25px;
  float: right;
}
.repayment-container .collapsed .down-arrow {
  background-image: url('../../../content/dam/nedbank/icons/resources/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 {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
  padding-bottom: 22px;
  text-align: left;
}
@media only screen and (min-width: 767px) {
  .repayment-container .nbd-card-amount {
    font-size: 40px;
    line-height: 48px;
  }
}
.repayment-container .nbd-personal-loan {
  color: #000000;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .repayment-container .nbd-personal-loan {
    font-size: 16px;
    line-height: 24px;
  }
}
.repayment-container .nbd-description {
  color: #17252e;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  margin: 31px 10px 1px 10px;
}
@media only screen and (min-width: 576px) {
  .repayment-container .nbd-description {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .repayment-container .nbd-description {
    font-size: 20px;
    line-height: 28px;
  }
}
.repayment-container .hide-text {
  display: none;
}
.repayment-container .loan-desc {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .repayment-container .nbd-details-col-1 P {
    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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .repayment-container .nbd-details-col-2 P {
    font-size: 16px;
    line-height: 24px;
  }
}
.repayment-container .breakdown-val {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  color: #17252e;
  font-weight: 500;
  margin-bottom: 12px;
}
@media only screen and (min-width: 576px) {
  .repayment-container .breakdown-val {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1025px) {
  .repayment-container .breakdown-val {
    font-size: 24px;
    line-height: 32px;
  }
}
.repayment-container .nbd-currency-input {
  position: relative;
  top: 28px;
  right: inherit;
  bottom: inherit;
  left: 15px;
  display: block;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .repayment-container .nbd-form-control {
    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 0px 6px 0px!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;
}
/* remove cross icon in IE */
input[type=number]::-ms-clear {
  display: none;
}
.range-info {
  display: inline;
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.bubble {
  padding: 4px 12px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  color: #17252e;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0;
}
@media only screen and (min-width: 1025px) {
  .bubble {
    font-size: 20px;
    line-height: 28px;
  }
}
.bubble::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  top: -1px;
  left: 50%;
}
/* Range Selector Css*/
/*-------------------------------------------------------------*/
@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 0px 24px 0px;
  }
  .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: 0px;
  }
  .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 0px 32px 0px;
  }
  .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: none;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/******************************radio button*************************************************/
/*style wrapper to give some space*/
.radio-wrapper {
  position: relative;
}
/*style and hide original checkbox*/
.radio-wrapper input {
  height: 20px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
/*position new box*/
.radio-wrapper input + label::before {
  border: 2px solid #bbbbbb;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 24px;
  border-radius: 50%;
}
/*radio pseudo element styles*/
.radio-wrapper input + label::after {
  content: "";
  opacity: 0;
  border: 7px solid #78be20;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 7px;
  transition: opacity 0.2s ease-in-out;
}
/*reveal check for 'on' state*/
.radio-wrapper input:checked + label::after {
  opacity: 1;
}
.radio-wrapper input:checked + label::before {
  border: 2px solid #78be20;
}
/*focus styles*/
.radio-wrapper input:focus + label::before {
  box-shadow: 0 0 0 1px #78be20;
  outline: 2px solid transparent;
  /* For Windows high contrast mode. */
}
@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: 0px;
}
.nbd-tft-mobile-view {
  margin-top: 0px;
  margin-bottom: 0px;
  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 0px 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 0px 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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-tft-descwithbullets .nbd-tft-desc-bullets span {
    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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
.nbd-tft-mobile-view .nbd-tft-subheading p span {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
}
.nbd-tft-mobile-view .nbd-tft-accord-div {
  color: #494f50;
  margin: 0 18px 38px 18px;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-tft-mobile-view .nbd-tft-accord-div {
    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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.nbd-tft-mobile-view .nbd-tft-card-highlight-div .nbd-tft-card-span {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
}
@media only screen and (min-width: 576px) {
  .nbd-tft-mobile-view .nbd-tft-card-highlight-div .nbd-tft-card-span {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-tft-mobile-view .nbd-tft-card-header {
  padding: 18px;
  background-color: #ffffff;
  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: 0px !important;
  }
  .nbd-tft-mobile-view .nbd-tft-heading {
    margin: 0px 22px 0px 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 0px 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: 0px !important;
  }
  .nbd-tft-descwithbullets .nbd-tft-desc-bullets ul li {
    margin-bottom: 0px;
  }
  .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: 0px;
  }
  .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', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
  }
  .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: 0px !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', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0;
  }
  .nbd-tft-descwithbullets {
    padding: 40px 32px 0px 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', Arial, Helvetica, sans-serif;
    font-weight: 700;
    border-top: none;
  }
  .nbd-tft-desktop-view .nbd-tft-container .nbd-tft-table-body .nbd-tft-tdata-bold {
    color: #17252e;
    font-family: 'Open Sans Regular', Arial, Helvetica, 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', Arial, Helvetica, sans-serif;
    border-bottom: 0.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: 576px) {
  .nbd-tft-desktop-view .nbd-tft-container {
    font-size: 16px;
    line-height: 24px;
  }
}
@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: 24px;
    line-height: 32px;
  }
}
@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: 32px;
    line-height: 40px;
  }
}
@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 20px;
}
.nbd-qcp-container .nbd-qcp-heading h2 {
  color: #17252e;
  margin-bottom: 0px;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
}
@media only screen and (min-width: 767px) {
  .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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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 {
  text-align: center;
  color: #17252e;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-qcp-container .nbd-qcp-table-heading .nbd-qcp-rates {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-qcp-container .nbd-qcp-table-heading .nbd-qcp-rates {
    font-size: 24px;
    line-height: 32px;
  }
}
.nbd-qcp-container .nbd-qcp-table-heading .nbd-qcp-header-img {
  text-align: center;
  padding: 0px;
}
.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: none;
  border-bottom: none;
  text-align: center;
}
.nbd-qcp-container .nbd-qcp-table td {
  border-top: none;
  border-bottom: none;
  text-align: center;
}
.nbd-qcp-container .nbd-qcp-table th {
  border-top: none;
}
.nbd-qcp-container .nbd-qcp-table-mobile-only {
  border-top: 0px;
}
.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: #ffffff;
  position: sticky;
  width: 130px;
  left: 0px;
  padding: 7px 10px;
}
.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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
.nbd-qcp-container .nbd-qcp-row-desktop-only label {
  min-width: 116px;
  margin: 0;
  display: block;
}
.nbd-qcp-container .nbd-qcp-table-heading tr:last-child th {
  padding: 0px 0px 8px 0px;
}
.nbd-qcp-container .nbd-qcp-row-fixed label {
  min-width: 110px;
  color: #17252e;
  margin-bottom: 0px;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 700;
}
@media only screen and (min-width: 576px) {
  .nbd-qcp-container .nbd-qcp-row-fixed label {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .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;
  font-weight: 700;
  vertical-align: middle;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-qcp-container .nbd-qcp-table-body td {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .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: #ffffff;
}
.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-background .nbd-qcp-empty-header {
  position: sticky;
  width: 130px;
  left: 0px;
  padding: 7px 10px;
  background-color: #fafafa;
}
.nbd-qcp-no-background .nbd-qcp-empty-header {
  position: sticky;
  width: 130px;
  left: 0px;
  padding: 7px 10px;
  background-color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .nbd-qcp-container .nbd-qcp-table {
    margin-bottom: 0;
  }
  .nbd-qcp-container .nbd-qcp-table-heading tr:last-child th {
    padding: 0px 0px 31px 0px;
  }
  .nbd-qcp-container .nbd-qcp-table-body {
    border: 1px solid #e5edec;
    box-shadow: 5px 1px 19px 3px rgba(0, 0, 0, 0.05);
  }
  .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: #ffffff;
    position: unset;
    left: 0;
    width: auto;
    border-right: 1px solid #e5edec !important;
  }
  .nbd-qcp-container .nbd-qcp-row-fixed:after {
    border-bottom: 2px solid #fafafa;
    content: " ";
    display: block;
  }
  .nbd-qcp-container .nbd-qcp-row-desktop-only th {
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0;
  }
  .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: #ffffff;
  }
  .nbd-qcp-background .nbd-qcp-empty-header {
    position: unset;
    width: auto;
    left: 0px;
    padding: 7px 10px;
  }
  .nbd-qcp-no-background .nbd-qcp-empty-header {
    position: unset;
    width: auto;
    left: 0px;
    padding: 7px 10px;
  }
  .nbd-qcp-container {
    padding: 64px 22px;
  }
  .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', Arial, Helvetica, 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: 20px 30px;
  }
  .nbd-qcp-container .nbd-qcp-row-fixed:after {
    margin: 20px -30px -20px -30px;
  }
  .nbd-qcp-container .nbd-qcp-row-fixed label {
    width: 171px;
  }
}
@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: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-qcp-container {
    padding: 80px 211px;
  }
  .nbd-qcp-container .leftalign {
    margin-left: -105px;
  }
  .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 .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;
  }
  .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-table-body td {
    padding: 25px 10px;
  }
  .nbd-qcp-container .nbd-qcp-row-desktop-only th {
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0;
  }
}
@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: 20px;
    line-height: 28px;
  }
}
.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', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #ffffff;
}
.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 0px 0px 2px;
}
.nbd-credit-card-banner-content {
  margin: 64px 0px 16px 0px;
}
.nbd-credit-card-banner-content h1 {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0;
  max-width: 600px;
  color: #17252e;
  margin: 0px 0px 16px 0px;
}
@media only screen and (min-width: 576px) {
  .nbd-credit-card-banner-content h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 767px) {
  .nbd-credit-card-banner-content h1 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-credit-card-banner-content h1 {
    font-size: 48px;
    line-height: 56px;
  }
}
.nbd-credit-card-banner-content p {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  max-width: 495px;
  color: #494f50;
  margin: 0px 0px 16px 0px;
}
@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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  display: block;
  max-width: 210px;
  color: #494f50;
  margin: 0px 0px 8px 0px;
}
@media only screen and (min-width: 576px) {
  .nbd-card-fees label {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-card-fees .nbd-card-fees-span {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0;
  display: block;
  max-width: 210px;
  color: #17252e;
  margin: 0px 0px 16px 0px;
}
@media only screen and (min-width: 767px) {
  .nbd-card-fees .nbd-card-fees-span {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-card-fees .nbd-card-fees-span {
    font-size: 32px;
    line-height: 40px;
  }
}
.nbd-card-fees .nbd-card-fees-span p {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 500;
  display: inline;
  font-size: 14px;
  line-height: 28px;
}
.nbd-credit-card-banner-link {
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: 0px 5px 0px 0px;
  align-self: center;
}
.nbd-credit-card-banner-infomsg span {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  color: #494f50;
  align-self: center;
}
@media only screen and (min-width: 576px) {
  .nbd-credit-card-banner-infomsg span {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-bank-card-type {
  color: #17252e;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0;
  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 (max-width: 990px) {
  .nbd-credit-card-benefits {
    margin-left: -15px !important;
  }
  .nbd-terms-and-cond-link {
    margin-left: -15px !important;
  }
  .nbd-credit-card-categories {
    margin-left: -15px;
  }
}
@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 0px 0px -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 0px 0px 7px;
  }
  .nbd-credit-card-banner-content h1 {
    max-width: 350px;
    margin: 0px 0px 16px 0px;
  }
  .nbd-credit-card-banner-content p {
    max-width: 350px;
  }
  .nbd-card-fees label {
    max-width: 163px;
    margin: 0px 0px 8px 0px;
  }
  .rateunit-font-cls {
    font-size: 20px !important;
    line-height: 32px !important;
  }
  .nbd-card-fees .nbd-card-fees-span {
    max-width: 163px;
    margin: 0px 0px 24px 0px;
  }
  .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: 0px 0px 24px 0px;
  }
  .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: 0px;
  }
  .nbd-bank-card-type {
    font-size: 18px;
    line-height: 26px;
    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: 0px;
  }
  .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 0px 0px 0px;
  }
  .nbd-credit-card-banner-content {
    margin: 64px 0px 100px 90px;
  }
  .nbd-credit-card-banner-content h1 {
    max-width: 600px;
    margin: 0px 0px 16px 0px;
  }
  .nbd-credit-card-banner-content p {
    max-width: 600px;
    margin: 0px 0px 32px 0px;
  }
  .nbd-card-fees label {
    max-width: 210px;
    margin: 0px 0px 8px 0px;
  }
  .nbd-card-fees .nbd-card-fees-span {
    max-width: 210px;
    margin: 0px 0px 32px 0px;
  }
  .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: 0px;
  }
  .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 {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 16px 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1439px) {
  .nbd-credit-card-banner-content {
    margin: 64px 0px 50px 90px;
  }
  .nbd-credit-card-banner-img {
    height: 490px;
    width: 600px;
    margin: 75px 0px 0px 0px;
  }
}
@media only screen and (min-width: 1440px) {
  .nbd-ccd-for-dp-mb,
  .nbd-credit-gap {
    flex: 0 0 40%;
  }
}
/*********************************** Card Benefits Start ***************************************/
.nbd-credit-card-benefits {
  margin: 0px 0px 32px 0px;
}
.nbd-credit-card-benefits h2 {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
  color: #17252e;
  margin: 35px 0px 24px 0px;
}
@media only screen and (min-width: 767px) {
  .nbd-credit-card-benefits h2 {
    font-size: 40px;
    line-height: 48px;
  }
}
.nbd-card-benefits,
.nbd-saveinvest-benifits .nbd-saveinvest-sub-benifits {
  display: flex;
}
.nbd-card-benefits .nbd-icon-tick-green {
  height: 24px;
  width: 24px;
  margin: 0px 16px 22px 0px;
  display: inline-block;
  background-image: url('../../../content/dam/nedbank/icons/resources/tick_icon.svg');
}
.nbd-saveinvest-sub-benifits .nbd-icon-tick-green {
  height: 24px;
  width: 24px;
  margin: 0px 16px 22px 0px;
  display: inline-block;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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;
  }
}
/*********************************** Card Benefits End ***************************************/
/*********************************** Card Categories Start ***********************************/
.nbd-terms-and-cond-link {
  margin: 0px 0px 42px 0px;
}
.nbd-terms-and-cond-link a {
  color: #008533;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@media only screen and (min-width: 1025px) {
  .nbd-terms-and-cond-link a {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 576px) {
  .nbd-terms-and-cond-link a {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-terms-and-cond-link a {
    font-size: 18px;
    line-height: 26px;
  }
}
.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: 0px 0px 40px 0px;
}
.nbd-card-category h6,
.nbd-card-category p {
  margin-bottom: 0px;
}
.nbd-card-category img {
  height: 32px;
  width: 32px;
  margin: 0px 0px 24px 0px;
}
.nbd-card-category h4 {
  color: #17252e;
  margin: 0px 0px 23.5px 0px;
}
.nbd-card-category-text {
  width: 100%;
  display: block;
  color: #494f50;
  padding: 15.5px 0px 15.5px 0px;
  border-top: 1px solid #e0e0e0;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-card-category-text {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-card-category-text + br {
  display: none;
}
/*********************************** Card Categories End *************************************/
@media only screen and (min-width: 576px) and (max-width: 1024px) {
  /*********************************** Card Benefits Start ***************************************/
  .nbd-credit-card-benefits {
    margin: 0px 0px 75px 0px;
  }
  .nbd-credit-card-benefits h2 {
    margin: 40px 0px 32px 0px;
  }
  .nbd-card-benefits {
    display: block;
  }
  .nbd-saveinvest-benifits .nbd-icon-tick-green {
    margin: 0px 20px 14px 0px;
  }
  .nbd-card-benefits .nbd-icon-tick-green {
    height: 32px;
    width: 32px;
    margin: 0px 0px 14px 0px;
  }
  .nbd-card-benefit-info p {
    max-width: 220px;
    margin-top: 5px;
  }
  /*********************************** Card Benefits End ***************************************/
  /*********************************** Card Categories Start ***********************************/
  .nbd-terms-and-cond-link {
    margin: 0px 0px 40px 0px;
  }
  .nbd-card-category {
    margin: 0px 0px 64px 0px;
  }
  .nbd-card-category img {
    height: 39px;
    width: 39px;
    margin: 0px 0px 32px 0px;
  }
  .nbd-card-category h4 {
    margin: 0px 0px 23.5px 0px;
  }
  .nbd-card-category-text {
    max-width: 220px;
  }
  /*********************************** Card Categories End *************************************/
}
@media only screen and (min-width: 1025px) {
  /*********************************** Card Benefits Start ***************************************/
  .nbd-credit-card-benefits {
    margin: 0px 0px 64px 0px;
  }
  .nbd-credit-card-benefits h2 {
    margin: 80px 0px 64px 0px;
  }
  .nbd-card-benefits {
    display: flex;
  }
  .nbd-card-benefits .nbd-icon-tick-green {
    height: 32px;
    width: 32px;
    margin: 0px 40px 0px 0px;
  }
  .nbd-card-benefit-info p {
    max-width: 316px;
  }
  /*********************************** Card Benefits End ***************************************/
  /*********************************** Card Categories Start ***********************************/
  .nbd-terms-and-cond-link {
    margin: 0px 0px 80px 0px;
  }
  .nbd-card-category img {
    height: 42px;
    width: 42px;
    margin: 0px 0px 34px 0px;
  }
  .nbd-card-category h4 {
    margin: 0px 0px 22.5px 0px;
  }
  .nbd-card-category-text {
    max-width: 250px;
  }
  /*********************************** Card Categories End *************************************/
}
@media only screen and (min-width: 1025px) and (max-width: 1439px) {
  /*********************************** Card Benefits Start ***************************************/
  .nbd-card-benefits .nbd-icon-tick-green {
    margin: 0px 35px 0px 0px;
  }
  /*********************************** Card Benefits End ***************************************/
  /*********************************** Card Categories Start ***********************************/
  /*********************************** Card Categories End *************************************/
}
.calculator-container .row div > div[class^='card'] {
  display: block;
}
.calculator-container {
  padding: 0;
}
.consolidated-container .change-rate:focus {
  outline: none;
}
.consolidated-container .nbd-title {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #17252e;
  padding-bottom: 24px;
}
@media only screen and (min-width: 576px) {
  .consolidated-container .nbd-title {
    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: 0px 25px 20px -15px rgba(0, 0, 0, 0.1);
}
.consolidated-container .consolidated-container .nbd-shadow-hr {
  margin: 0px;
  content: "";
  position: relative;
  width: 100%;
  bottom: 41px;
  z-index: -1;
  transform: scale(0.8);
  box-shadow: 0px 0px 40px 15px rgba(0, 0, 0, 0.1);
}
.consolidated-container .tooltip {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #ffffff;
}
.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: 0px 0 0px 43px;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  color: #494f50;
}
@media only screen and (min-width: 576px) {
  .consolidated-container .radio-wrapper label {
    font-size: 16px;
    line-height: 24px;
  }
}
.consolidated-container .col-interest-result {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
  color: #17252e;
  text-align: left;
}
@media only screen and (min-width: 767px) {
  .consolidated-container .col-interest-result {
    font-size: 40px;
    line-height: 48px;
  }
}
.consolidated-container .change-rate {
  background-color: transparent;
  border: none;
  color: #008533;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  width: 100%;
  height: 100%;
  outline: none;
}
@media only screen and (min-width: 576px) {
  .consolidated-container .change-rate {
    font-size: 16px;
    line-height: 24px;
  }
}
.consolidated-container .interest-rate-desc .cmp-text p {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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 {
  /* max-width: 304px; */
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  color: #494f50;
  padding-bottom: 24px;
}
@media only screen and (min-width: 576px) {
  .consolidated-container .popup-footer-note {
    font-size: 16px;
    line-height: 24px;
  }
}
.consolidated-container .card-body {
  padding: 0;
}
.consolidated-container .breakdown-header {
  padding-left: 0;
}
.consolidated-container .down-arrow {
  display: inline-block;
  background-image: url('../../../content/dam/nedbank/icons/resources/up_arrow_cr.svg');
  background-repeat: no-repeat;
  height: 21px;
  width: 25px;
  float: right;
}
.consolidated-container .collapsed .down-arrow {
  background-image: url('../../../content/dam/nedbank/icons/resources/down_arrow_cr.svg');
}
.consolidated-container .change-rate-wrapper {
  padding: 0;
}
.consolidated-container .modal-footer .nbd-btn {
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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: #000000;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
  padding-bottom: 22px;
  text-align: left;
}
@media only screen and (min-width: 767px) {
  .consolidated-container .nbd-card-amount {
    font-size: 40px;
    line-height: 48px;
  }
}
.consolidated-container .nbd-personal-loan {
  color: #000000;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .consolidated-container .nbd-personal-loan {
    font-size: 16px;
    line-height: 24px;
  }
}
.consolidated-container .nbd-description {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0;
  color: #17252e;
  font-weight: 500;
  /* text-align: center; */
  margin: 31px 10px 1px 10px;
}
@media only screen and (min-width: 1025px) {
  .consolidated-container .nbd-description {
    font-size: 20px;
    line-height: 28px;
  }
}
.consolidated-container .hide-text {
  display: none;
}
.consolidated-container .loan-desc {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .consolidated-container .nbd-details-col-1 p {
    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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .consolidated-container .nbd-details-col-2 p {
    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', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  font-weight: 400;
  color: #17252e;
  margin-bottom: 12px;
}
@media only screen and (min-width: 576px) {
  .consolidated-container .breakdown-val {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1025px) {
  .consolidated-container .breakdown-val {
    font-size: 24px;
    line-height: 32px;
  }
}
.consolidated-container .nbd-currency-input {
  position: relative;
  top: 28px;
  right: inherit;
  bottom: inherit;
  left: 15px;
  display: block;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .consolidated-container .nbd-form-control {
    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 0px 6px 0px !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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  padding-bottom: 8px;
}
.consolidated-container .loan-type-header {
  color: #17252e;
  padding-bottom: 24px;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 576px) {
  .consolidated-container .loan-type-header {
    font-size: 16px;
    line-height: 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: #ffffff;
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.consolidated-container .add-loan-text {
  color: #17252e;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  padding-bottom: 24px;
}
@media only screen and (min-width: 576px) {
  .consolidated-container .add-loan-text {
    font-size: 16px;
    line-height: 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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  padding-bottom: 24px;
}
@media only screen and (min-width: 576px) {
  .consolidated-container .loan-header {
    font-size: 16px;
    line-height: 24px;
  }
}
.consolidated-container .remove-additional-loan img {
  padding-left: 8px;
}
.consolidated-container .nbd-monthly-saving {
  color: #494f50;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .consolidated-container .nbd-monthly-saving {
    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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  padding: 16px 8px 16px 16px;
  width: 100%;
  text-align: left;
  border: 2px solid #bbbbbb;
  border-radius: unset;
}
@media only screen and (min-width: 576px) {
  .consolidated-container .nbd-col-dropdown button {
    font-size: 16px;
    line-height: 24px;
  }
}
.consolidated-container .nbd-col-dropdown button:focus {
  box-shadow: none;
}
.consolidated-container .nbd-col-dropdown .dropdown-menu.show {
  width: 100%;
  margin: 0px;
  border: 2px solid #17252e;
  transform: translate3d(0px, 53px, 0px) !important;
  border-radius: unset;
  border-top: 2px solid #eeeeee;
  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: 0px;
  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', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  line-height: 0px;
  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;
}
/* remove cross icon in IE */
input[type=number]::-ms-clear {
  display: none;
}
/********* Scrollable ***********/
/* Range Selector Css*/
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .slider {
    background-color: #c5c5c5;
  }
  .slider::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    color: #78be20;
    margin-top: -1px;
  }
  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #ffffff;
  }
}
/** FF*/
.slider::-moz-range-progress {
  background-color: #78be20;
}
.slider::-moz-range-track {
  background-color: #c5c5c5;
}
/* IE*/
.slider::-ms-fill-lower {
  background-color: #78be20;
}
.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, #78be20), color-stop(0.16, #c5c5c5));
  background-image: -webkit-linear-gradient(top, #bbbbbb 0.16, #c5c5c5 0.16);
  /* Chrome10-25,Safari5.1-6 */
  background-image: -o-linear-gradient(top, #bbbbbb 0.16, #c5c5c5 0.16);
  /* Opera 11.10-11.50 */
  background-image: -ms-linear-gradient(top, #bbbbbb 0.16, #c5c5c5 0.16);
  /* IE10 preview */
  background-image: linear-gradient(to bottom, #bbbbbb 0.16, #c5c5c5 0.16);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  opacity: 1;
}
@supports (-ms-ime-align: auto) {
  .slider {
    height: 30px;
    background-image: none !important;
    background-color: #ffffff !important;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .slider {
    padding-bottom: 0;
    height: 55px;
  }
}
.slider:hover {
  opacity: 1;
}
.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: #ffffff;
  border: 3px solid #78be20;
  cursor: pointer;
  outline: 3px solid #ffffff;
}
/* Range Selector Css*/
/*-------------------------------------------------------------*/
@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 0px 24px 0px;
  }
  .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', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
  }
  .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 0px 32px 0px;
  }
  .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;
  }
}
/*******************************************************************************/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/******************************radio button*************************************************/
/*style wrapper to give some space*/
.radio-wrapper {
  position: relative;
}
/*style and hide original checkbox*/
.radio-wrapper input {
  height: 20px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
/*position new box*/
.radio-wrapper input + label::before {
  border: 2px solid #bbbbbb;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 24px;
  border-radius: 50%;
}
/*radio pseudo element styles*/
.radio-wrapper input + label::after {
  content: "";
  opacity: 0;
  border: 7px solid #78be20;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 7px;
  transition: opacity 0.2s ease-in-out;
}
/*reveal check for 'on' state*/
.radio-wrapper input:checked + label::after {
  opacity: 1;
}
.radio-wrapper input:checked + label::before {
  border: 2px solid #78be20;
}
/*focus styles*/
.radio-wrapper input:focus + label::before {
  box-shadow: 0 0 0 1px #78be20;
  outline: 2px solid transparent;
  /* For Windows high contrast mode. */
}
@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;
  }
}
/* Mobile */
.nbd-app-id {
  background-color: #fafafa;
  padding: 40px 20px 40px 20px;
  margin: 64px 0px 0px 0px;
}
.nbd-app-id h2 {
  max-width: 274px;
  color: #17252e;
  margin: 0px 0px 24px 0px;
}
.nbd-app-id .nbd-btn {
  width: 100%;
  color: #ffffff;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  margin: 40px 0px 0px 0px;
}
@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 p {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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;
  }
}
.wtbexperiencetitle {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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;
  }
}
.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;
}
.nbd-app-id a {
  color: #008533;
}
.nbd-app-id a:hover {
  color: #008533;
  text-decoration: underline !important;
  cursor: pointer;
}
.nbd-app-id p {
  margin-bottom: 24px;
}
.nbd-app-id .btn:hover {
  text-decoration: none !important;
  color: #ffffff;
}
/* Tab */
@media only screen and (min-width: 576px) and (max-width: 1024px) {
  .nbd-app-id .nbd-btn {
    max-width: 280px;
  }
}
/* Tab - iPad pro */
/* Desktop */
@media only screen and (min-width: 1025px) {
  .nbd-app-id {
    padding: 80px 105px 80px 105px;
    margin: 80px 0px 0px 0px;
  }
  .nbd-app-id h2 {
    max-width: 544px;
    margin: 0px 0px 24px 0px;
  }
  .nbd-app-id .nbd-btn {
    max-width: 280px;
    text-align: center;
    margin: 40px 0px 0px 0px;
  }
  .nbd-app-id p {
    margin-bottom: 24px;
  }
  .nbd-app-id li {
    font-size: 20px;
  }
}
.nbd-ccf-container {
  margin: 0px 22px;
}
.nbd-ccf-container h2 {
  color: #17252e;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
  margin-right: 40px;
  margin-bottom: 81px;
}
@media only screen and (min-width: 767px) {
  .nbd-ccf-container h2 {
    font-size: 40px;
    line-height: 48px;
  }
}
.nbd-ccf-row-container .nbd-ccf-other-cards {
  border: 0.58px solid #e5edec;
  border-radius: 12px;
  background-color: #ffffff;
  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 0px 20px;
  max-width: 575px;
}
.nbd-ccf-row-container .nbd-ccf-card-details label {
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  margin-bottom: 8px;
}
@media only screen and (min-width: 576px) {
  .nbd-ccf-row-container .nbd-ccf-card-details label {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-ccf-row-container .nbd-ccf-card-details label {
    font-size: 24px;
    line-height: 32px;
  }
}
.nbd-ccf-row-container .nbd-ccf-card-details p {
  color: #17252e;
  font-weight: 500;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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: 0px;
  background-color: transparent;
  border-radius: 0px;
  padding: 0px;
  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: none;
}
.nbd-ccf-row-container .nbd-ccf-footer .nbd-ccf-find-more {
  color: #008533;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  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: 0px;
    margin-bottom: 110px;
  }
  /*.nbd-ccf-row-container .nbd-ccf-other-cards
    {
        margin-bottom: 71px;
    }*/
  .nbd-ccf-row-container .card-deck .nbd-ccf-other-cards:not(:last-child) {
    margin-bottom: 0px;
  }
  .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 0px 32px;
    /* min-width: 216px; */
  }
  .nbd-ccf-row-container .nbd-ccf-card-details label {
    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: 0px 105px;
  }
  .nbd-ccf-container h2 {
    margin-right: 0px;
    margin-bottom: 134px;
  }
  /*.nbd-ccf-row-container .nbd-ccf-other-cards
    {
        margin-bottom: 80px;
    }*/
  .nbd-ccf-row-container .card-deck .nbd-ccf-other-cards:not(:last-child) {
    margin-bottom: 0px;
  }
  .nbd-ccf-container .nbd-ccf-row-container {
    margin: 0px 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 0px 40px;
    color: #17252e;
    font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
  }
  .nbd-ccf-row-container .nbd-ccf-card-details label {
    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 only screen and (min-width: 1025px) and only screen and (min-width: 576px) {
  .nbd-ccf-row-container .nbd-ccf-card-details {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1025px) and only screen and (min-width: 1025px) {
  .nbd-ccf-row-container .nbd-ccf-card-details {
    font-size: 24px;
    line-height: 32px;
  }
}
@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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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 label {
  margin-top: 14px;
  margin-bottom: 24px;
}
.nbd-stp-container .nbd-stp-sub-description .nbd-stp-call-back {
  margin-top: 24px;
}
.nbd-stp-container .nbd-stp-sub-description a,
.nbd-stp-container .nbd-stp-sub-description a:focus {
  color: #008533;
  outline: none;
}
.nbd-stp-container .nbd-stp-scantopay {
  background-color: #17252e;
  padding: 40px 16px;
}
.nbd-stp-container .nbd-stp-scantopay h2 {
  max-width: 767px;
  color: #ffffff;
  margin-bottom: 40px;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-stp-container .nbd-stp-scantopay h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 767px) {
  .nbd-stp-container .nbd-stp-scantopay h2 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-stp-container .nbd-stp-scantopay h2 {
    font-size: 48px;
    line-height: 56px;
  }
}
.nbd-stp-container .nbd-stp-scantopay a {
  color: #ffffff;
  text-align: right;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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('../../../content/dam/nedbank/icons/resources/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('../../../content/dam/nedbank/icons/resources/Whitehoverarrow.svg');
  transform: translateX(10px);
}
.nbd-stp-container .nbd-stp-new-sub-description {
  max-width: 767px;
  color: #ffffff;
  margin-bottom: 40px;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-stp-container .nbd-stp-new-sub-description {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-stp-container .nbd-stp-new-sub-description {
    font-size: 20px;
    line-height: 28px;
  }
}
.nbd-stp-container .nbd-stp-new-sub-description p:not(:last-child) {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 16px;
}
/* for tablets as well as desktop */
@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;
    /* margin-bottom: 24px; */
  }
  .nbd-stp-container .nbd-stp-sub-description {
    max-width: 350px;
  }
  .nbd-stp-container .nbd-stp-sub-description label {
    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;
  }
}
/* only for desktop */
@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: #ffffff;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
}
.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 0px 0px 2px;
}
.nbd-credit-card-banner-content {
  margin: 64px 0px 16px 0px;
}
.nbd-credit-card-banner-content h1 {
  max-width: 600px;
  color: #17252e;
  margin: 0px 0px 16px 0px;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-credit-card-banner-content h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 767px) {
  .nbd-credit-card-banner-content h1 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-credit-card-banner-content h1 {
    font-size: 48px;
    line-height: 56px;
  }
}
.nbd-credit-card-banner-content p {
  max-width: 495px;
  color: #494f50;
  margin: 0px 0px 16px 0px;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 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 {
  display: block;
  max-width: 210px;
  color: #494f50;
  margin: 0px 0px 8px 0px;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-card-fees label {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-card-fees .nbd-card-fees-span {
  display: block;
  max-width: 210px;
  color: #17252e;
  margin: 0px 0px 16px 0px;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0;
}
@media only screen and (min-width: 767px) {
  .nbd-card-fees .nbd-card-fees-span {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-card-fees .nbd-card-fees-span {
    font-size: 32px;
    line-height: 40px;
  }
}
.nbd-card-fees .nbd-card-fees-span p {
  display: inline;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  font-weight: 500;
}
@media only screen and (min-width: 576px) {
  .nbd-card-fees .nbd-card-fees-span p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-card-fees .nbd-card-fees-span p {
    font-size: 24px;
    line-height: 32px;
  }
}
.nbd-credit-card-banner-link {
  color: #008533;
  display: block;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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: 0px 5px 0px 0px;
  align-self: center;
}
.nbd-credit-card-banner-infomsg span {
  color: #494f50;
  align-self: center;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-credit-card-banner-infomsg span {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-bank-card-type {
  color: #17252e;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-weight: 500;
  margin: 8px 0;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
  .nbd-bank-card-type {
    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 (max-width: 990px) {
  .nbd-credit-card-benefits {
    margin-left: -15px !important;
  }
  .nbd-terms-and-cond-link {
    margin-left: -15px !important;
  }
  .nbd-credit-card-categories {
    margin-left: -15px;
  }
}
@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 0px 0px -25px;
  }
  .nbd-credit-card-banner-content {
    margin: 32px 0px 0px 7px;
  }
  .nbd-credit-card-banner-content h1 {
    max-width: 350px;
    margin: 0px 0px 16px 0px;
  }
  .nbd-credit-card-banner-content p {
    max-width: 350px;
  }
  .nbd-card-fees label {
    max-width: 163px;
    margin: 0px 0px 8px 0px;
  }
  .nbd-card-fees .nbd-card-fees-span {
    max-width: 163px;
    margin: 0px 0px 24px 0px;
  }
  .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: 0px;
  }
  .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: 0px 0px 24px 0px;
  }
  .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: 0px;
  }
  .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: 0px;
  }
  .nbd-saveinvest-cta-button .nbd-btn {
    margin: 0px 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 0px 0px 0px;
  }
  .nbd-credit-card-banner-content {
    margin: 64px 0px 100px 90px;
  }
  .nbd-credit-card-banner-content h1 {
    max-width: 600px;
    margin: 0px 0px 16px 0px;
  }
  .nbd-credit-card-banner-content p {
    max-width: 600px;
    margin: 0px 0px 32px 0px;
  }
  .nbd-card-fees label {
    max-width: 210px;
    margin: 0px 0px 8px 0px;
  }
  .nbd-card-fees .nbd-card-fees-span {
    max-width: 210px;
    margin: 0px 0px 32px 0px;
  }
  .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: 0px;
  }
  .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 0px 50px 90px;
  }
  .nbd-credit-card-banner-img {
    height: 490px;
    width: 600px;
    margin: 75px 0px 0px 0px;
  }
}
@media only screen and (min-width: 1440px) {
  .nbd-ccd-for-dp-mb,
  .nbd-credit-gap {
    flex: 0 0 40%;
  }
}
/*********************************** Card Benefits Start ***************************************/
.nbd-credit-card-benefits {
  margin: 0px 0px 32px 0px;
}
.nbd-credit-card-benefits h2 {
  color: #17252e;
  margin: 35px 0px 24px 0px;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
}
@media only screen and (min-width: 767px) {
  .nbd-credit-card-benefits h2 {
    font-size: 40px;
    line-height: 48px;
  }
}
.nbd-card-benefits {
  display: flex;
}
.nbd-card-benefits .nbd-icon-tick-green {
  height: 24px;
  width: 24px;
  margin: 0px 16px 22px 0px;
  display: inline-block;
  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: 0px 16px 22px 0px;
  display: inline-block;
  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', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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;
  }
}
/*********************************** Card Benefits End ***************************************/
/*********************************** Card Categories Start ***********************************/
.nbd-terms-and-cond-link {
  margin: 0px 0px 42px 0px;
}
.nbd-terms-and-cond-link a {
  color: #008533;
  font-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@media only screen and (min-width: 1025px) {
  .nbd-terms-and-cond-link a {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 576px) {
  .nbd-terms-and-cond-link a {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 1025px) {
  .nbd-terms-and-cond-link a {
    font-size: 18px;
    line-height: 26px;
  }
}
.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: 0px 0px 40px 0px;
}
.nbd-card-category h6 {
  margin-bottom: 0px;
}
.nbd-card-category p {
  margin-bottom: 0px;
}
.nbd-card-category img {
  height: 32px;
  width: 32px;
  margin: 0px 0px 24px 0px;
}
.nbd-card-category h4 {
  color: #17252e;
  margin: 0px 0px 23.5px 0px;
}
.nbd-card-category-text {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  width: 100%;
  display: block;
  color: #494f50;
  padding: 15.5px 0px 15.5px 0px;
  border-top: 1px solid #e0e0e0;
}
@media only screen and (min-width: 576px) {
  .nbd-card-category-text {
    font-size: 16px;
    line-height: 24px;
  }
}
.nbd-card-category-text + br {
  display: none;
}
/*********************************** Card Categories End *************************************/
@media only screen and (min-width: 576px) and (max-width: 1024px) {
  /*********************************** Card Benefits Start ***************************************/
  .nbd-credit-card-benefits {
    margin: 0px 0px 75px 0px;
  }
  .nbd-credit-card-benefits h2 {
    margin: 40px 0px 32px 0px;
  }
  .nbd-card-benefits {
    display: block;
  }
  .nbd-saveinvest-benifits .nbd-icon-tick-green {
    margin: 0px 20px 14px 0px;
  }
  .nbd-card-benefits .nbd-icon-tick-green {
    height: 32px;
    width: 32px;
    margin: 0px 0px 14px 0px;
  }
  .nbd-card-benefit-info p {
    max-width: 220px;
    margin-top: 5px;
  }
  /*********************************** Card Benefits End ***************************************/
  /*********************************** Card Categories Start ***********************************/
  .nbd-terms-and-cond-link {
    margin: 0px 0px 40px 0px;
  }
  .nbd-card-category {
    margin: 0px 0px 64px 0px;
  }
  .nbd-card-category img {
    height: 39px;
    width: 39px;
    margin: 0px 0px 32px 0px;
  }
  .nbd-card-category h4 {
    margin: 0px 0px 23.5px 0px;
  }
  .nbd-card-category-text {
    max-width: 220px;
  }
  /*********************************** Card Categories End *************************************/
}
@media only screen and (min-width: 1025px) {
  /*********************************** Card Benefits Start ***************************************/
  .nbd-credit-card-benefits {
    margin: 0px 0px 64px 0px;
  }
  .nbd-credit-card-benefits h2 {
    margin: 80px 0px 64px 0px;
  }
  .nbd-card-benefits {
    display: flex;
  }
  .nbd-card-benefits .nbd-icon-tick-green {
    height: 32px;
    width: 32px;
    margin: 0px 40px 0px 0px;
  }
  .nbd-card-benefit-info p {
    max-width: 316px;
  }
  /*********************************** Card Benefits End ***************************************/
  /*********************************** Card Categories Start ***********************************/
  .nbd-terms-and-cond-link {
    margin: 0px 0px 80px 0px;
  }
  .nbd-card-category img {
    height: 42px;
    width: 42px;
    margin: 0px 0px 34px 0px;
  }
  .nbd-card-category h4 {
    margin: 0px 0px 22.5px 0px;
  }
  .nbd-card-category-text {
    max-width: 250px;
  }
  /*********************************** Card Categories End *************************************/
}
@media only screen and (min-width: 1025px) and (max-width: 1439px) {
  /*********************************** Card Benefits Start ***************************************/
  .nbd-card-benefits .nbd-icon-tick-green {
    margin: 0px 35px 0px 0px;
  }
  /*********************************** Card Benefits End ***************************************/
}
.nbd-cc-linkCard-wrapper {
  margin-left: 0px;
  margin-right: 0px;
}
.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 !important;
  align-content: space-between !important;
  flex-wrap: wrap!important;
  box-shadow: 0px 25px 20px -15px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  margin: 12px 0 12px 0;
  box-sizing: border-box;
  border: 1px solid #e5edec;
  border-radius: 12px;
  background-color: #ffffff;
  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-weight: 700;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
@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;
}
/* for tab view */
@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 !important;
  }
  .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;
  }
}
/* for desktop */
@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 !important;
  }
  .nbd-cc-linkCard-wrapper .nbd-cc-heading {
    margin-bottom: 80px;
    margin-top: 128px;
  }
}
/* Tab - iPad pro */
@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 !important;
  }
  .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 .container {
  padding: 0px;
  max-width: 100%;
}
.tabs-container .tabs-header-section {
  padding: 0;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.06);
  position: sticky;
  top: 0px;
  z-index: 1;
}
.tabs-container .tabs-header {
  display: flex;
  justify-content: space-around;
  width: 100%;
  z-index: 1060;
  position: sticky;
  top: 0px;
  padding-top: 20px;
  cursor: default;
}
.tabs-container .tabs-header .tab-header-title {
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  padding-right: 10px;
}
@media only screen and (min-width: 576px) {
  .tabs-container .tabs-header .tab-header-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.tabs-container .tabs-header .nbd-btn-commitment {
  display: none;
}
.tabs-container .tabs-header .tab-header-title {
  display: none;
}
.tabs-container .tabs-header .btn {
  padding: 10px 30px;
  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 700;
  border-radius: 6px;
  margin-top: -10px;
  margin-bottom: 9px;
}
@media only screen and (min-width: 576px) {
  .tabs-container .tabs-header .btn {
    font-size: 16px;
    line-height: 24px;
  }
}
.tabs-container .tabs-header .tab-header-btn {
  text-align: right;
}
.tabs-container .cmp-tabs__tab--active {
  border-bottom: 4px solid #008533;
  font-weight: 700 !important;
}
.tabs-container .cmp-tabs__tab--active:focus {
  outline: none;
}
.tabs-container .cmp-tabs__tablist {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap ;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.tabs-container .cmp-tabs__tablist::-webkit-scrollbar {
  display: none;
}
.tabs-container .cmp-tabs__tab {
  margin: 0 10px;
  padding: 0 0px 20px 0px;
  font-family: 'Libre Franklin', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 400;
  color: #17252e;
  flex: 0 0 auto;
  justify-content: center;
}
.tabs-container .cmp-tabs__tab:hover {
  text-shadow: 0 0 0.65px #333333, 0 0 0.65px #333333;
}
.tabs-container .cmp-tabs__tabpanel {
  margin-top: 8px;
  margin-bottom: 32px;
  padding-bottom: 42px;
  padding-top: 0;
  border: none;
}
.tabs-container .tabs-container.cmp-tabs__tabpanel {
  padding-bottom: 42px;
}
.tabs-container .tabs-container.cmp-tabs__tabpanel .container {
  padding: 0;
}
.tabs-container .tabs-container.cmp-tabs__tablist li:first-child {
  margin-left: 0;
}
.tabs-container .cmp-tabs__tab--active:hover {
  outline: none;
}
.tabs-container .cmp-tabs__tabpanel--active:focus {
  outline: none;
}
.tabs-container .cmp-tabs__tabpanel--active:hover {
  outline: none;
}
.tabs-container .cmp-tabs__tab--active:hover {
  text-shadow: none;
}
@media only screen and (min-width: 768px) {
  .tabs-container .tabs-header .cmp-tabs__tablist {
    justify-content: center;
  }
  .tabs-container .tabs-header .nbd-btn-commitment {
    display: inline;
  }
  .tabs-container .tabs-header .tab-header-title {
    display: inline;
  }
  .tabs-container .cmp-tabs__tabpanel:hover {
    outline: none;
  }
  .tabs-container .cmp-tabs__tab {
    margin: 0 16px;
  }
  .tabs-container .tab-header-title {
    padding: unset;
  }
}
@media only screen and (min-width: 992px) {
  .tabs-container .cmp-tabs__tabpanel {
    margin-bottom: 48px;
    padding-top: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .tabs-container .cmp-tabs__tabpanel {
    margin-top: 0px;
  }
}
html {
  /* test */
  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: Arial, Helvetica, sans-serif;
  line-height: 1.5;
  /* color: #202020;
    background: #ececec; */
}
/* @media (prefers-color-scheme: dark) {
    body,
    html {
        color: #dfdfdf;
        background: #131313;
    }
}
a {
    color: #2020e0;
}
@media (prefers-color-scheme: dark) {
    a {
        color: #dfdf1f;
    }
} */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
}