.xms-v1-theme .dxp-label a{
   font-size:1.125rem;
}

dxp-wrapper.dxp-heartlands-loyalty-card {
    margin: 0 0 1rem;
    /* border: 0.5px solid lightgrey; */
    padding: 1rem!important;
    border-radius: 5%;
}
.xms-v1-theme .dxp-logo .cdk-focused, .xms-v1-theme .dxp-logo button:hover {
	background-color:#34b233!important;
}

/* Fix #ID_135 The 'next' button should have arrow on Set a Savings goal page*/
/* Fix #ID_126 The 'rename' button should have arrow on Nickname Account*/
/* Fix #ID_030 The 'Update details' button should have arrow on Confirm Profile page */
/* Fix #ID_151 The 'Next' button should have arrow on Maturity Instructions */
.PO-buttonNext dxp-progress-button::after,
.PO-login dxp-progress-button::after,
.PO-changeNicknameTitle dxp-progress-button::after,
.PO-continueBtn dxp-progress-button::after,
.PO-btnContinue dxp-progress-button::after,
.PO-submit dxp-progress-button::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

.PO-confirm dxp-progress-button::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

/* Fix #ID_034 — Account Overview: "Open a new savings account" arrow (dxp-link, uses a::after) */
.PO-newSavingsAccountButton .mdc-button__label::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

.PO-Payments dxp-progress-button::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

.PO-customerLogon a::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

.PO-newCustomerAccount a::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

.PO-lblDocumentUploadStatus {
  width: 400px;
}

.PO-okBtn button {
  margin-bottom: 25px;
}

.PO-payments a::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

.PO-manageAccount a::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

.PO-buttonRemove dxp-progress-button::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

.PO-buttonRemove button {
    border-radius: 5px 25px 25px 5px !important;
}

.PO-buttonSubmit dxp-progress-button::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

.PO-buttonSubmit button {
    border-radius: 5px 25px 25px 5px !important;
}

.PO-existingConsumerReg a::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

.PO-nextBtn button {
  border-radius: 5px 25px 25px 5px !important;
}

.PO-nextBtn dxp-progress-button::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

.PO-nextToAccountSetUp dxp-progress-button::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

.PO-searchBtn dxp-progress-button::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

/* Fix #ID_084 Search page "Next" button missing rounded border-radius */
.PO-searchBtn button {
  border-radius: 5px 25px 25px 5px !important;
}

.PO-next dxp-progress-button::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

.PO-nextToAccountSetUp dxp-progress-button::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

.PO-next a::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

/* Information popups (Terms, FAQs, Privacy Notice) follow popup size so full scrollbar remains visible. */
.cdk-overlay-pane.dxp-dialog-max-height {
  width: min(96vw, 1200px) !important;
  max-width: min(96vw, 1200px) !important;
}

.cdk-overlay-pane.dxp-dialog-max-height .mat-mdc-dialog-container,
.cdk-overlay-pane.dxp-dialog-max-height .mat-mdc-dialog-surface {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 82vh;
  overflow: auto;
}

.cdk-overlay-pane.dxp-dialog-max-height .mat-mdc-dialog-content {
  display: flex;
  flex-direction: column;
  height: auto;
  max-height: calc(82vh - 1.5rem);
  overflow: hidden;
  padding-bottom: 0;
}

.consumer-theme .dxp-dialog-max-height .dxp-iframe-external-web {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: min(68vh, 620px);
  max-height: calc(82vh - 7rem);
  margin-bottom: 0;
}

/* Terms & conditions dialog has a checkbox + close button below the iframe,
   so constrain the iframe height to ensure those controls remain visible */
.consumer-theme .dxp-dialog-max-height .dxp-iframe-terms-and-conditions {
  height: min(50vh, 450px);
  max-height: calc(82vh - 14rem);
}

.consumer-theme .dxp-dialog-max-height .dxp-iframe-external-web iframe {
  display: block;
  height: 100% !important;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}

.consumer-theme .dxp-dialog-max-height .mat-mdc-dialog-content .dxp-button,
.consumer-theme .dxp-dialog-max-height .mat-mdc-dialog-content .dxp-remove-button {
  flex: 0 0 auto;
  padding-bottom: 0;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.consumer-theme .dxp-dialog-max-height .mat-mdc-dialog-content .PO-buttonDoneViewDetails {
  margin-top: 0.25rem;
}

.consumer-theme .dxp-dialog-max-height .PO-buttonDoneTermsAndConditions,
.consumer-theme .dxp-dialog-max-height .PO-buttonDonePrivacyNotice,
.consumer-theme .dxp-dialog-max-height .PO-buttonDoneFAQs {
  margin-top: 0.25rem;
}

@media (max-width: 768px) {
  .consumer-theme .dxp-button-card--passcode {
    box-sizing: border-box;
    margin: 0 1rem 1rem !important;
    min-width: 0 !important;
    width: calc(100vw - 2rem) !important;
    max-width: calc(100vw - 2rem) !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .consumer-theme .dxp-button-card--passcode dxp-layout-manager > div,
  .consumer-theme .dxp-button-card--passcode .dxp-label,
  .consumer-theme .dxp-button-card--passcode .dxp-control {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
  }

  .consumer-theme .dxp-button-card--passcode .dxp-label p,
  .consumer-theme .dxp-button-card--passcode .dxp-control {
    overflow-wrap: break-word;
    white-space: normal;
  }

  .consumer-theme .dxp-button-card--passcode .dxp-button,
  .consumer-theme .dxp-button-card--passcode .dxp-button button,
  .consumer-theme .dxp-button-card--passcode .mat-mdc-form-field {
    box-sizing: border-box;
    max-width: 100%;
    width: 100% !important;
  }

  .consumer-theme .mat-mdc-dialog-content:has(.dxp-dialog--passcode) {
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  .consumer-theme .dxp-dialog--passcode {
    box-sizing: border-box;
    overflow: visible;
    width: min(20rem, 80vw) !important;
    max-width: 80vw;
    padding: 1.25rem 1rem 1.25rem;
  }

  .consumer-theme .dxp-dialog--passcode dxp-layout-manager > div,
  .consumer-theme .dxp-dialog--passcode .dxp-control {
    min-width: 0;
    max-width: 100%;
  }

  .consumer-theme .dxp-dialog--passcode .dxp-label {
    margin-bottom: 1rem;
    padding: 0 .5rem;
  }

  .consumer-theme .dxp-dialog--passcode .dxp-label p,
  .consumer-theme .dxp-dialog--passcode .dxp-control {
    overflow-wrap: break-word;
    white-space: normal;
  }

  .consumer-theme .dxp-dialog--passcode .dxp-button {
    box-sizing: border-box;
    margin-bottom: .25rem;
    padding: 0 !important;
    width: 100%;
  }

  .consumer-theme .dxp-dialog--passcode .dxp-button button {
    width: 100% !important;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .consumer-theme .dxp-card--terms-and-conditions {
    width: calc(100% - 2rem);
  }

  .consumer-theme .dxp-card--terms-and-conditions dxp-layout-manager > div {
    flex-flow: column !important;
    align-items: stretch;
    gap: 0.75rem;
  }

  .consumer-theme .dxp-card--terms-and-conditions .dxp-label,
  .consumer-theme .dxp-card--terms-and-conditions .dxp-control,
  .consumer-theme .dxp-card--terms-and-conditions .dxp-label code {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
  }
}

.consumer-theme .dxp-card--terms-and-conditions .dxp-label p,
.consumer-theme .dxp-card--terms-and-conditions .dxp-label code p {
  color: #fd100c;
  font-size: 0.775rem;
  line-height: 1.35;
  margin: 0.25rem 0 0;
}
 
.PO-byMobileMarketingPreferenceListnewPrimaryApplicant, .PO-byEmailMarketingPreferenceListnewPrimaryApplicant, .PO-byHomePhoneMarketingPreferenceListnewPrimaryApplicant, .PO-bySMSMarketingPreferenceListnewPrimaryApplicant, .PO-byPostMarketingPreferenceListnewPrimaryApplicant.PO-byMobileMarketingPreferenceListnewPrimaryApplicant, .PO-byEmailMarketingPreferenceListnewJointApplicant, .PO-byHomePhoneMarketingPreferenceListnewJointApplicant, .PO-bySMSMarketingPreferenceListnewJointApplicant, .PO-byPostMarketingPreferenceListnewJointApplicant   {
  padding: 0;
}

@media (max-width: 768px) {
  .consumer-theme .PO-marketingPreferencesSelectnewPrimaryApplicant .mat-mdc-radio-group,
  .consumer-theme .PO-passcodePreferenceRadio .mat-mdc-radio-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
  }

  .consumer-theme .PO-marketingPreferencesSelectnewPrimaryApplicant .dxp-radio-button,
  .consumer-theme .PO-passcodePreferenceRadio .dxp-radio-button {
    margin-left: 0 !important;
    width: 100%;
  }
}

.PO-viewDetails button {
  color: #e6007e !important;
  background-color: white !important;
  border: none !important;
  border-width: 0px !important;
  width: 100px !important;
  min-width: 100px !important;
  padding: 0px !important;
  font-size: 1rem;
}

.dxp-font-bold {
  font-weight: 700;
}

.broker-theme .dxp-label .dxp-control ul li::marker,
.consumer-theme .dxp-label .dxp-control ul li::marker,
.consumer-theme .dxp-label code ul li::marker {
    color: #e6007e;
}

.consumer-theme .PO-forgotMemorableWordLink a {
  color: #e6007e !important;
}

.PO-viewAccount a,
.PO-viewMortgageOffset a {
  width: 12rem !important; 
  border-radius: 8px !important;
}

.PO-customerLogon a {
  width: 21rem !important;
}

.PO-newCustomerAccount a {
  width: 21rem !important;
}

.PO-existingConsumerReg a {
  width: 21rem !important;
}

.PO-savingsAccountButton a {
  border-radius: 8px !important;
}

.PO-savingsAccountButton a {
  border-radius: 8px !important;
}

.PO-ISASavigsAccountButton a {
  border-radius: 8px !important;
}

.PO-savingsProductButton a {
  border-radius: 8px !important;
}
 
.PO-viewDetails button {
  border-radius: 8px !important;
}

.PO-findBranch button {
  border-radius: 8px !important;
}

.PO-changeBankDetails button {
  border-radius: 8px !important;
}

.PO-accountSelectButton button {
  border-radius: 8px !important;
}

.PO-gotoMaturity button {
  border-radius: 5px 25px 25px 5px !important;
}

.PO-next button {
  border-radius: 8px !important;
}

.PO-savingsGoalTitle div {
  font-size: 1.2rem !important;
}

.PO-hamburgerButton svg {
  fill: #e6007e;
}

.consumer-theme .xms-landing-outer-layout .dxp-toolbar-container .mat-toolbar-multiple-rows {
  display: none;
}

.consumer-theme .xms-login-screen .dxp-toolbar-container .mat-toolbar-multiple-rows {
  display: none;
}

canvas {
  width: 100% !important;
  height: 100% !important;
  margin-left: 7px !important;
}

.PO-furtherProofsAccordion {
  width: 100% !important;
}

.PO-nominatedAccountDetailsWrapper {
  width: 100% !important;
} 

.PO-nicknameTitle div {
  font-size: 20px !important;
  font-weight: 700;
}

.PO-closeAccountTitle div {
  font-size: 20px !important;
  font-weight: 700;
}

.PO-interestRateHistoryTitle div {
  font-size: 20px !important;
  font-weight: 700;
}

.PO-accountDocumentsTitle div {
  font-size: 20px !important;
  font-weight: 700;
}

.PO-maturityTitle div {
  font-size: 20px !important;
  font-weight: 700;
}

.PO-savingsGoalTitle div {
  font-size: 20px !important;
  font-weight: 700;
}

.PO-showTwoToSignRequestsCardTitle div {
  font-size: 20px !important;
  font-weight: 700;
}

.PO-lisaTransferInTitle div {
  font-size: 20px !important;
  font-weight: 700;
}

.PO-housePurchaseDetailsTitle div {
  font-size: 20px !important;
  font-weight: 700;
}

.PO-pendingTransactionTitle div {
  font-size: 20px !important;
  font-weight: 700;
}

.PO-sortCode input[disabled],
.PO-sortCode .mat-mdc-input-element:disabled,
.PO-sortCode .mdc-text-field--disabled .mdc-text-field__input,
.PO-bankName input[disabled],
.PO-bankName .mat-mdc-input-element:disabled,
.PO-bankName .mdc-text-field--disabled .mdc-text-field__input,
.PO-accountNumber input[disabled],
.PO-accountNumber .mat-mdc-input-element:disabled,
.PO-accountNumber .mdc-text-field--disabled .mdc-text-field__input,
.PO-referenceToUse input[disabled],
.PO-referenceToUse .mat-mdc-input-element:disabled,
.PO-referenceToUse .mdc-text-field--disabled .mdc-text-field__input {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  opacity: 1 !important;
}

.PO-bankName input[disabled],
.PO-sortCode input[disabled],
.PO-accountNumber input[disabled] {
  background-color: #f2f2f2 !important;
}

/* Fix #ID_132 — ID Required page: align Documents required radio to left and add spacing above document upload */
.PO-customerSectionContainer .dxp-radio {
  width: 100%;
  text-align: left;
}

.PO-accountUploadDocumentList {
  margin-top: 1rem;
}

@media (max-width: 768px) {
  .consumer-theme .PO-uploadDocumentGeneralInformation,
  .consumer-theme .PO-uploadDocumentGeneralInformation .dxp-control,
  .consumer-theme .PO-uploadDocumentGeneralInformation code,
  .consumer-theme .PO-uploadDocumentGeneralInformation p {
    box-sizing: border-box;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
  }
}

/* Fix #ID_135 — Center Confirm Exit dialog buttons */
.consumer-theme .mat-mdc-dialog-container .xms-screen-exit-guard-content .mat-mdc-dialog-actions {
  justify-content: center !important;
}

/* Fix #ID_ 098 — Terms & Conditions checkbox error message misaligned (displays inline instead of below) */
.consumer-theme .PO-chkConfirm .dxp-control-footnote {
  width: 100%;
  padding-left: 45px;
}

/* Forgotten password: make 'Forgotten your memorable word?' link text black */
.xms-forgotten-password-forgotmemorableword,
.xms-forgotten-password-forgotmemorableword a {
  color: #000000 !important;
}

.xms-forgotten-password-forgotmemorableword a,
.xms-forgotten-password-forgotmemorableword a:hover,
.xms-forgotten-password-forgotmemorableword a:focus,
.xms-forgotten-password-forgotmemorableword a:active {
  text-decoration: none !important;
}

/* Forgotten password success message should stay on one line */
.consumer-theme .xms-forgotten-password-confirmed-text-nowrap .dxp-control,
.consumer-theme .xms-forgotten-password-confirmed-text-nowrap .dxp-label code,
.consumer-theme .dxp-label .xms-forgotten-password-confirmed-text-nowrap code {
  white-space: nowrap;
}

/* Forgotten password memorable word: center Material floating label */
.consumer-theme .PO-memorableword .mat-mdc-form-field .mdc-notched-outline__notch .mdc-floating-label {
  width: 100%;
  justify-content: center;
  text-align: center;
}


/* Fix #ID_137 — Withdraw Funds: From card text misaligned (heading has extra left padding) */
.consumer-theme .PO-fromProductLabel.dxp-account-summary__title {
  padding: 0 0 0.5rem 0;
}

/* Fix #ID_092b — Select Product dialog: left align on desktop, center on small screens */
.consumer-theme .mat-mdc-dialog-content .PO-buttonDoneViewDetails {
  display: flex !important;
  width: 100%;
  margin-top: 1rem;
  justify-content: flex-start;
}

@media (max-width: 768px) {
  .consumer-theme .mat-mdc-dialog-content .PO-buttonDoneViewDetails {
    justify-content: center;
  }
}

/* Fix #ID_061 — Upload button: remove box-shadow from raised button label */
.consumer-theme .dxp-document-uploader .dxp-document-upload {
  box-shadow: none !important;
}



/* Fix #ID_061 — Withdrawal Review: values should not be bold, only labels */
.PO-amount .dxp-readonly dd,
.PO-immediateTransferDateReview .dxp-readonly dd,
.PO-transferDateReview .dxp-readonly dd,
.PO-yourReference .dxp-readonly dd,
.PO-penaltyCharge .dxp-readonly dd {
  font-weight: 400;
}

/* Fix #ID_136 — Account Summary: interest rate value not aligned with label */
.PO-interestRate.dxp-account-summary__interest-rate {
  text-align: end;
}
/* Fix #ID_142 — Close Account: "Test" label and "Change" button touching top border of card */
.consumer-theme .PO-toTitleContainer {
  padding-top: 0.5rem;
}
/* Fix #ID_130 — Select Account Type: card heights unequal, buttons not aligned at bottom.
   Cards have varying content length causing Select buttons to sit at different heights.
   Fix: stretch cards to equal height and push buttons to the bottom with margin-top: auto. */
.consumer-theme .PO-selectAccountTypeContainer > dxp-layout-manager > div {
  align-items: stretch !important;
}

.consumer-theme .PO-selectAccountTypeContainer .dxp-button-card-with-icon:not(.dxp-hide):not(.xms-hide) {
  display: flex !important;
}

.consumer-theme .PO-selectAccountTypeContainer .dxp-button-card-with-icon:not(.dxp-hide):not(.xms-hide) > dxp-layout-manager {
  display: flex !important;
  width: 100%;
}

.consumer-theme .PO-selectAccountTypeContainer .dxp-button-card-with-icon:not(.dxp-hide):not(.xms-hide) > dxp-layout-manager > div {
  flex: 1;
  display: flex !important;
  flex-direction: column !important;
}

.consumer-theme .PO-selectAccountTypeContainer .dxp-button-card-with-icon .dxp-button {
  margin-top: auto !important;
}

/* Fix #ID_96 — Interest Instructions: card heights unequal, Select buttons not aligned at bottom.
   "My nominated account" card has extra content (sort code/account number) making it taller.
   Fix: stretch collection items to equal height and push buttons to the bottom. */
.consumer-theme .PO-defaultAccountList.dxp-list--horizontal .dxp-collection {
  display: flex !important;
  align-items: stretch;
}

.consumer-theme .PO-defaultAccountList .dxp-collection-item {
  align-items: stretch !important;
  display: flex !important;
}

.consumer-theme .PO-defaultAccountList .dxp-collection-item .dxp-card__screen-interest-instructions {
  display: flex !important;
  flex: 1;
  width: 100%;
}

.consumer-theme .PO-defaultAccountList .dxp-card__screen-interest-instructions > .dxp-control {
  display: flex !important;
  flex: 1;
}

.consumer-theme .PO-defaultAccountList .dxp-card__screen-interest-instructions > .dxp-control > dxp-layout-manager {
  display: flex !important;
  flex-direction: column !important;
  width: 100%;
  height: 100%;
}

.consumer-theme .PO-defaultAccountList .dxp-card__screen-interest-instructions > .dxp-control > dxp-layout-manager > div {
  flex: 1;
  display: flex !important;
  flex-direction: column !important;
}

.consumer-theme .PO-defaultAccountList .dxp-card__screen-interest-instructions .dxp-button {
  margin-top: auto !important;
  display: block !important;
}

/* Fix #ID_150 — Marketing preferences supporting text renders inline when zoomed out.
   Both the "Let's keep in touch" bullet list and the privacy notice share the same PO- class
   and render side-by-side on wide viewports. Force block display so they always stack. */
.consumer-theme .PO-marketingPreferencesSupportingText {
  display: block;
  width: 100%;
}

/* Fix #ID_153 — Maturity Partial: Add spacing inside product cards for consistency */
.consumer-theme .PO-maturityProductButton {
  margin-bottom: 1rem;
}

.consumer-theme .PO-maturityProductListTitleContainer {
  margin-top: 1rem;
}

.consumer-theme .dxp-button-card .PO-keyValueList {
  margin-bottom: 1rem;
}

.consumer-theme .PO-depositTransferDetails.dxp-card__screen-fund-now {
  width: 18.75rem;
  max-width: calc(100vw - 1.5rem);
  min-height: auto;
  padding: 0.75rem !important;
  margin: 0 0.75rem 1rem !important;
  border: 1px solid #ff0dca !important;
  box-sizing: border-box;
}

.consumer-theme .PO-depositTransferDetails .mat-mdc-list .mat-mdc-list-item {
  min-width: 0;
  width: 100%;
  margin-bottom: 1.75rem;
}

.consumer-theme .PO-depositTransferDetails .mat-mdc-list .mat-mdc-list-item:last-child {
  margin-bottom: 0;
}

.consumer-theme .PO-depositTransferDetails .mdc-list-item__content h4,
.consumer-theme .PO-depositTransferDetails .mdc-list-item__content strong {
  font-size: 1rem;
  line-height: 1.25rem;
  margin: 0 0 0.5rem;
}

.consumer-theme .PO-depositTransferDetails .mdc-list-item__content p {
  display: block;
  position: relative;
  width: 100%;
  min-height: 3rem;
  padding: 0.75rem 1rem;
  margin: 0;
  color: #222;
  background:
    linear-gradient(#bfc5c8, #bfc5c8) 2px 2px / 2px calc(100% - 4px) no-repeat,
    #f2f2f2;
  border: 0;
  border-radius: 0.5rem;
  box-shadow:
    inset 0 1px 0 #bfc5c8,
    inset -1px 0 0 #bfc5c8,
    inset 0 -1px 0 #bfc5c8;
  box-sizing: border-box;
  font-weight: 700;
}

.consumer-theme .PO-btnContinue.dxp-button-big button {
  max-width: 12.5rem;
}

.consumer-theme .PO-pendingTransactionCard {
  padding-right: 1rem !important;
  box-sizing: border-box;
}

.consumer-theme .PO-pendingTransactionCard .PO-cancelPendingTransactionButton,
.consumer-theme .PO-pendingTransactionCard .PO-cancelPendingTransactionButton button {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Same spacing for the account details summary card at the top */
.consumer-theme .dxp-card__screen-maturity-options .dxp-modify--add-margin-bottom {
  margin-top: 0.5rem;
}

.consumer-theme .dxp-card__screen-maturity-options .dxp-key-value-list {
  margin-bottom: 0.5rem;
}

/* Fix Inline links in paragraph text should match surrounding font-size.
   marsden-base.css sets .dxp-label a to 1rem, but paragraph text is .875rem.
   This makes inline links look inconsistent with their surrounding sentence.
   Applied to all labels containing mixed text + inline links. */
.consumer-theme .PO-contactInfo a,
.consumer-theme .PO-text2_ext a,
.consumer-theme .PO-contactHelpInfo a,
.consumer-theme .PO-complexInstructionDescription a,
.consumer-theme .PO-intro3 a {
  font-size: inherit;
}

/* Fix — Account Documents table: Date column font-size inconsistent with Document column.
   Date column uses dxp-label (.875rem) while Document column is plain mat-cell text (.75rem).
   Fix: match date text to table cell font-size and align all columns on same horizontal level. */
.consumer-theme .PO-accountDocumentTable .PO-documentDateView .dxp-control {
  font-size: .75rem;
}

/* Align Date column text vertically with Document column text */
.consumer-theme .PO-accountDocumentTable .mat-column-documentDate .dxp-wrapper {
  margin-bottom: 10px;
}

/* Align the View Document icon vertically with row text */
.consumer-theme .PO-accountDocumentTable .dxp-table--small-icon button {
  margin-bottom: 12px;
}

.consumer-theme .PO-viewMortgageOffset {
  padding-top: .5rem;
  padding-bottom: 2.5rem;
}

/* Account Overview: keep savings, corporate savings and mortgage cards the same width. */
.consumer-theme .dxp-account-overview-card-list,
.consumer-theme .PO-savingAccountList,
.consumer-theme .PO-corporateSavingAccountList,
.consumer-theme .PO-mortgageAccountList,
.consumer-theme .dxp-account-overview-card-list > .dxp-control,
.consumer-theme .PO-savingAccountList > .dxp-control,
.consumer-theme .PO-corporateSavingAccountList > .dxp-control,
.consumer-theme .PO-mortgageAccountList > .dxp-control,
.consumer-theme .dxp-account-overview-card-list .dxp-collection,
.consumer-theme .PO-savingAccountList .dxp-collection,
.consumer-theme .PO-corporateSavingAccountList .dxp-collection,
.consumer-theme .PO-mortgageAccountList .dxp-collection {
  width: 100%;
  max-width: 100%;
}

.consumer-theme .dxp-account-overview-card-list .dxp-collection-item,
.consumer-theme .PO-savingAccountList .dxp-collection-item,
.consumer-theme .PO-corporateSavingAccountList .dxp-collection-item,
.consumer-theme .PO-mortgageAccountList .dxp-collection-item {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

.consumer-theme .dxp-account-overview-card-list .dxp-button-card--wide,
.consumer-theme .PO-savingAccountList .dxp-button-card--wide,
.consumer-theme .PO-corporateSavingAccountList .dxp-button-card--wide,
.consumer-theme .PO-mortgageAccountList .dxp-button-card--wide {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

.consumer-theme .dxp-dashboard-mortgage-view__line-break {
  margin: -1rem 1rem 0 0;
}

/* No-stepper screens should place the screen title directly below the website header. */
.consumer-theme.consumer-theme .dxp-nav-stepper:has(.PO-noStepperTitleScreen) form {
  padding-top: calc(56px + 4.75rem);
}

.consumer-theme .dxp-nav-stepper:has(.PO-noStepperTitleScreen) .dxp-toolbar-container :is(.mat-toolbar-row, .mat-toolbar-multiple-rows) {
  position: fixed !important;
  margin-top: 0 !important;
  top: 56px !important;
  background-color: #fff !important;
  box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .1) !important;
  border-bottom: 0 !important;
}

/* Fix #ID_034 — Account Overview: "View account" + "Send us a message" button arrows */
.PO-viewAccount .mdc-button__label::after,
.PO-viewMortgageOffset .mdc-button__label::after,
.PO-newMessageBtn dxp-progress-button::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='394.116 -10.169 319 511.61' width='13px' height='13px'><path d='M 443.036 495.546 L 399.996 452.506 C 392.146 444.656 392.166 431.786 399.996 423.966 L 578.346 245.616 L 399.996 67.266 C 392.146 59.416 392.196 46.536 399.996 38.726 L 443.036 -4.304 C 450.866 -12.124 463.746 -12.124 471.576 -4.304 L 663.826 187.956 L 664.196 188.316 L 707.236 231.346 C 715.056 239.186 715.096 252.036 707.236 259.886 L 664.196 302.926 L 663.826 303.286 L 471.576 495.546 C 463.726 503.406 450.896 503.406 443.036 495.546 L 443.036 495.546 Z' style='stroke-width: 1; fill: rgb(255, 255, 255);' id='object-0'/></svg>");
  background-color: #e6007e;
  border-radius: 13px;
  display: inline-flex;
  height: 20px;
  width: 18px;
  margin-left: 5px;
  align-items: center;
  padding-top: 3px;
  padding-left: 6px;
}

/* Fix #ID_034 — Account Overview: "Send us a message" font inconsistent with sibling buttons.
   The button uses dxp-dashboard-button-big which has smaller font. Match to dxp-landing-link size. */
.consumer-theme .PO-newMessageBtn button {
  font-size: 1rem;
  font-family: MarsdenFont, sans-serif;
  font-weight: 700;
}

@media (max-width: 768px) {
  .consumer-theme .PO-accountHolderValueList,
  .consumer-theme .PO-accountHolderName {
    flex: 1 1 calc(100% - 9.25rem) !important;
    min-width: 0;
    max-width: calc(100% - 9.25rem);
  }

  .consumer-theme .PO-accountHolderValueList .dxp-control,
  .consumer-theme .PO-accountHolderValueList p,
  .consumer-theme .PO-accountHolderName .dxp-control,
  .consumer-theme .PO-accountHolderName p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .consumer-theme .PO-viewAccount,
  .consumer-theme .PO-viewMortgageOffset {
    flex: 0 0 9rem !important;
    width: 9rem !important;
    max-width: 9rem;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .consumer-theme .PO-viewAccount .dxp-control,
  .consumer-theme .PO-viewMortgageOffset .dxp-control {
    display: flex !important;
    justify-content: flex-end;
    width: 100%;
    padding-right: 0 !important;
  }

  .consumer-theme .PO-viewAccount a,
  .consumer-theme .PO-viewMortgageOffset a {
    align-items: center;
    display: inline-flex !important;
    justify-content: center;
    width: 9rem !important;
    min-width: 9rem !important;
    max-width: 9rem !important;
    box-sizing: border-box;
    overflow: hidden;
    padding-left: .625rem !important;
    padding-right: .625rem !important;
    font-size: .875rem !important;
    line-height: 1.2;
  }

  .consumer-theme .PO-viewAccount .mdc-button__label,
  .consumer-theme .PO-viewMortgageOffset .mdc-button__label {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    max-width: 100%;
    white-space: nowrap;
  }

  .consumer-theme .PO-viewAccount .mdc-button__label::after,
  .consumer-theme .PO-viewMortgageOffset .mdc-button__label::after {
    background-color: transparent;
    border-radius: 0;
    flex: 0 0 13px;
    height: 13px;
    width: 13px;
    min-width: 13px;
    margin-left: 6px;
    padding: 0;
  }

  .consumer-theme .dxp-account-overview-card-list .PO-labelUploadDocuments,
  .consumer-theme .PO-savingAccountList .PO-labelUploadDocuments,
  .consumer-theme .PO-corporateSavingAccountList .PO-labelUploadDocuments {
    width: calc(100% - .5rem);
    max-width: calc(100% - .5rem);
    box-sizing: border-box;
    margin: .5rem .5rem 1rem 0;
    padding: .75rem !important;
  }

  .consumer-theme .dxp-account-overview-card-list .PO-labelUploadDocuments .dxp-control,
  .consumer-theme .dxp-account-overview-card-list .PO-labelUploadDocuments code,
  .consumer-theme .PO-savingAccountList .PO-labelUploadDocuments .dxp-control,
  .consumer-theme .PO-savingAccountList .PO-labelUploadDocuments code,
  .consumer-theme .PO-corporateSavingAccountList .PO-labelUploadDocuments .dxp-control,
  .consumer-theme .PO-corporateSavingAccountList .PO-labelUploadDocuments code {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .consumer-theme .dxp-account-overview-card-list .PO-labelUploadDocuments a,
  .consumer-theme .PO-savingAccountList .PO-labelUploadDocuments a,
  .consumer-theme .PO-corporateSavingAccountList .PO-labelUploadDocuments a {
    position: static !important;
    display: inline;
    margin-left: .25rem;
    white-space: nowrap;
  }
}

.PO-continueBtn button,
.PO-btnContinue button {
  border-radius: 5px 25px 25px 5px !important;
}

/* Fix #ID_151 — Maturity Instructions: Select button shows "Select" and "Selected" overlapping.
   The dxp-button-selected class adds "Selected" via ::after but doesn't hide the original label text. */
.consumer-theme .dxp-button-selected .mat-mdc-raised-button.mat-primary .mdc-button__label dxp-progress-button span {
  visibility: hidden;
}

/* Fix #ID_151 — Maturity Instructions: Select buttons should be bold like other card Select buttons */
.consumer-theme .dxp-card__screen-maturity-options .dxp-button-raised button {
  font-weight: 700;
}

/* Fix #ID_151b — Terms & Conditions dialog: Close button should be on its own line below iframe */
.consumer-theme .PO-buttonDoneTermsAndConditions,
.consumer-theme .PO-buttonDonePrivacyNotice ,
.PO-buttonDoneFAQs
{
  display: block !important;
  margin-top: 0.5rem;
}