diff --git a/.gitignore b/.gitignore
index 6b05a4982..9ffcb360b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,6 +6,7 @@ node_modules
 yarn-error.log
 modules/*/vendor/*
 modules/*/assets/*
+!modules/ppcp-wc-gateway/assets/images
 *.zip
 .env
 .env.e2e
diff --git a/modules/ppcp-wc-gateway/assets/images/axo/dinersclub-light.svg b/modules/ppcp-wc-gateway/assets/images/axo/dinersclub-light.svg
new file mode 100644
index 000000000..5da52df9e
--- /dev/null
+++ b/modules/ppcp-wc-gateway/assets/images/axo/dinersclub-light.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 79.451 512 353.098">
+	<path d="M512 402.282c0 16.716-13.55 30.267-30.265 30.267H30.265C13.55 432.549 0 418.996 0 402.282V109.717c0-16.716 13.55-30.266 30.265-30.266h451.469c16.716 0 30.265 13.551 30.265 30.266z" style="fill:#0069aa" />
+	<path d="M0 308.18h512v72.01H0z" style="fill:#34495e" />
+	<path d="M21.517 402.282V109.717c0-16.716 13.552-30.266 30.267-30.266h-21.52C13.55 79.451 0 93.003 0 109.717v292.565c0 16.716 13.55 30.267 30.265 30.267h21.52c-16.715 0-30.268-13.553-30.268-30.267" style="opacity:.15;fill:#202121" />
+	<path d="M368.996 182.984h-98.728c-4.611 0-8.348-3.736-8.348-8.348s3.736-8.348 8.348-8.348h98.728c4.611 0 8.348 3.736 8.348 8.348s-3.738 8.348-8.348 8.348M452.289 217.645H270.267a8.347 8.347 0 0 1-8.348-8.348 8.347 8.347 0 0 1 8.348-8.348h182.022a8.348 8.348 0 1 1 0 16.696M81.528 194.061c0 16.135 9.889 29.666 23.942 34.869v-69.739c-14.052 5.203-23.942 18.735-23.942 34.87M155.952 194.061c0-16.135-9.887-29.666-23.944-34.869v69.739c14.057-5.204 23.944-19.258 23.944-34.87" style="fill:#fff" />
+	<path d="M186.791 140.596a2 2 0 0 1-.13-.141 78 78 0 0 0-2.691-1.579 69.7 69.7 0 0 0-26.729-8.878c-2.511-.469-5.024-.474-7.533-.474h-31.227c-35.913 0-65.059 26.544-65.059 65.059 0 15.612 5.727 30.185 15.615 41.114l.86.866c11.933 13.497 29.5 22.034 49.1 22.034h30.185c35.394 0 67.659-28.625 67.659-64.013-.317-23.618-12.575-42.731-30.05-53.988m-67.545 113.352c-33.074 0-59.887-26.813-59.887-59.887 0-33.075 26.813-59.888 59.887-59.888 33.076 0 59.89 26.813 59.89 59.888-.002 33.073-26.814 59.887-59.89 59.887" style="fill:#fff" />
+</svg>
diff --git a/modules/ppcp-wc-gateway/assets/images/axo/discover-light.svg b/modules/ppcp-wc-gateway/assets/images/axo/discover-light.svg
new file mode 100644
index 000000000..3491abe6d
--- /dev/null
+++ b/modules/ppcp-wc-gateway/assets/images/axo/discover-light.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 79.451 512 353.098">
+	<path d="M512 402.282c0 16.716-13.55 30.267-30.265 30.267H30.265C13.55 432.549 0 418.996 0 402.282V109.717c0-16.716 13.55-30.266 30.265-30.266h451.469c16.716 0 30.265 13.551 30.265 30.266z" style="fill:#34495e" />
+	<path d="M21.517 402.282V109.717c0-16.716 13.552-30.266 30.267-30.266h-21.52C13.55 79.451 0 93.003 0 109.717v292.565c0 16.716 13.55 30.267 30.265 30.267h21.52c-16.715 0-30.268-13.553-30.268-30.267" style="opacity:.15;fill:#202121" />
+	<path d="M309.389 255.801c.041-9.636-3.572-19.286-10.843-26.558-7.287-7.287-16.961-10.897-26.617-10.839q-.068-.002-.139-.003c-20.968 0-37.6 16.628-37.6 37.602 0 20.767 16.837 37.599 37.6 37.599 20.974 0 37.604-16.631 37.604-37.599 0-.069-.005-.134-.005-.202" style="fill:#f26e21" />
+	<path d="M227.198 271.909c-5.62 5.626-10.807 7.824-16.394 7.943-13.611-.122-23.618-10.202-23.618-24.573 0-7.234 2.739-13.163 7.078-18.228 4.069-3.863 9.311-6.359 15.339-6.359 6.507 0 11.571 2.169 17.352 7.954v-16.631c-5.78-2.891-10.846-4.338-17.352-4.338-9.192.657-17.859 4.371-24.507 10.203-1.916 1.724-3.752 3.627-5.309 5.805-4.856 6.294-7.791 14.001-7.791 22.32 0 20.967 16.637 36.875 37.606 36.875.102 0 .203-.009.302-.01.141.002.28.01.42.01 5.784 0 10.85-1.443 17.357-4.336zc-.244.244.242.471 0 .702zM356.863 228.033l-16.376 40.262-18.802-47.729h-15.183l29.646 73.035h7.954l31.094-73.035h-15.183zM380.983 252.384v39.051h39.769999999999996v-11.574h-25.308v-19.519h24.588v-12.297h-24.588v-15.184h25.308v-12.295h-39.77zM54.135 220.566H33.884v70.869h20.25c10.845 0 18.798-2.895 25.306-7.957 7.953-6.508 13.017-16.629 13.017-27.474.001-20.976-15.187-35.438-38.322-35.438m16.63 53.514c-4.339 3.614-10.124 5.781-18.802 5.781h-4.339V232.86h3.615c8.678 0 14.463 1.446 18.803 5.783 5.061 4.336 7.955 10.848 7.955 17.358.723 6.508-2.169 13.736-7.232 18.079M98.97 220.56h13.739v70.867H98.97zM147.415 248.045c-8.676-2.892-10.848-5.063-10.848-8.677 0-4.339 4.339-7.954 10.124-7.954 4.339 0 7.954 1.447 11.57 5.786l7.233-9.4c-5.787-5.064-13.015-7.953-20.97-7.953-12.296 0-22.42 8.678-22.42 20.244 0 10.126 4.343 14.464 17.357 19.526 5.785 2.166 7.955 2.892 9.404 4.338 2.887 1.444 4.336 4.339 4.336 7.228 0 5.786-4.336 10.126-10.848 10.126-6.514 0-12.294-3.615-15.187-9.401l-8.678 8.678c6.511 9.4 14.465 13.738 24.589 13.738 14.461 0 24.58-9.4 24.58-23.141.002-12.29-4.333-17.352-20.242-23.138M459.804 261.783c10.843-2.166 16.63-9.4 16.63-20.244 0-13.014-9.402-20.973-25.308-20.973h-20.972v70.869h13.739V263.23h2.172l19.519 28.205h16.634zm-11.574-8.678h-4.336v-21.691h4.336c8.678 0 13.742 3.614 13.742 10.85 0 7.228-5.063 10.841-13.742 10.841" style="fill:#e7e8e3" />
+</svg>
diff --git a/modules/ppcp-wc-gateway/assets/images/axo/jcb-light.svg b/modules/ppcp-wc-gateway/assets/images/axo/jcb-light.svg
new file mode 100644
index 000000000..7507d8df1
--- /dev/null
+++ b/modules/ppcp-wc-gateway/assets/images/axo/jcb-light.svg
@@ -0,0 +1,71 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="153.586 -73.942 27 18">
+	<defs>
+		<linearGradient id="b" x1="0" x2="27.435" y1=".417" y2="16.595" gradientUnits="userSpaceOnUse">
+			<stop offset=".273" stop-color="#fff" />
+			<stop offset=".778" stop-color="#F0F0F0" />
+			<stop offset="1" stop-color="#DFDFDF" />
+		</linearGradient>
+		<linearGradient id="e" x1="5.625" x2="10.345" y1="9.061" y2="9.061" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#2F3063" />
+			<stop offset="1" stop-color="#1B6CA8" />
+		</linearGradient>
+		<linearGradient id="g" x1="10.831" x2="15.536" y1="9.061" y2="9.061" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#642E32" />
+			<stop offset="1" stop-color="#D92243" />
+		</linearGradient>
+		<linearGradient id="i" x1="17.061" x2="18.684" y1="9.798" y2="9.798" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#137847" />
+			<stop offset="1" stop-color="#5FB345" />
+		</linearGradient>
+		<linearGradient id="k" x1="17.055" x2="18.547" y1="8.26" y2="8.26" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#137847" />
+			<stop offset="1" stop-color="#5FB345" />
+		</linearGradient>
+		<linearGradient id="m" x1="16.091" x2="20.812" y1="9.061" y2="9.061" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#137847" />
+			<stop offset="1" stop-color="#5FB345" />
+		</linearGradient>
+		<radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="rotate(87.248 2.062 10.987)scale(11.7135 17.5748)" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#fff" />
+			<stop offset="1" stop-color="#E9E9E9" />
+		</radialGradient>
+		<clipPath id="a">
+			<rect width="27" height="18" fill="#fff" rx="2" />
+		</clipPath>
+	</defs>
+	<g clip-path="url(#a)" transform="translate(153.586 -73.942)">
+		<path fill="#fff" d="M0 0h27v18H0z" />
+		<path fill="url(#b)" d="M0 0h27v18H0z" />
+		<path fill="url(#c)" d="M0 0h27v18H0z" />
+		<mask id="d" width="6" height="12" x="5" y="3" maskUnits="userSpaceOnUse" style="mask-type:alpha">
+			<path fill="#fff" d="M10.345 3.375v9.527c0 1.112-1.03 1.844-1.821 1.844H5.64l-.001-3.986c.298.076.9.188 1.343.21 1.743.087 2.887-.176 2.975-1.467V7.249H8.291l.003 2.307c-.072.62-.539.867-1.292.815-.344-.025-1.2-.296-1.377-.407l.015.009v-4.97c.111-.861.903-1.592 1.778-1.627l.064-.001z" />
+		</mask>
+		<g mask="url(#d)">
+			<path fill="url(#e)" fill-rule="evenodd" d="M5.64 14.746h15.321V3.375H5.641z" clip-rule="evenodd" />
+		</g>
+		<mask id="f" width="6" height="12" x="10" y="3" maskUnits="userSpaceOnUse" style="mask-type:alpha">
+			<path fill="#fff" d="M12.683 3.375c-.967 0-1.85.866-1.85 1.837v2.514c.58-.45 1.514-.67 2.704-.58.677.052 1.178.146 1.451.226v.798c-.3-.149-.895-.37-1.39-.406-1.122-.08-1.711.442-1.711 1.286 0 .76.455 1.409 1.706 1.323.412-.03 1.1-.268 1.391-.406l.004.774a7.3 7.3 0 0 1-1.77.254c-1.11.01-1.891-.225-2.386-.604v4.355h2.889c.788 0 1.815-.732 1.815-1.844V3.375z" />
+		</mask>
+		<g mask="url(#f)">
+			<path fill="url(#g)" fill-rule="evenodd" d="M12.683 3.375c-.967 0-1.85.866-1.85 1.837v2.514c.58-.45 1.514-.67 2.704-.58.677.052 1.178.146 1.451.226v.798c-.3-.149-.895-.37-1.39-.406-1.122-.08-1.711.442-1.711 1.286 0 .76.455 1.409 1.706 1.323.412-.03 1.1-.268 1.391-.406l.004.774a7.3 7.3 0 0 1-1.77.254c-1.11.01-1.891-.225-2.386-.604v4.355h2.889c.788 0 1.815-.732 1.815-1.844V3.375z" clip-rule="evenodd" />
+		</g>
+		<mask id="h" width="2" height="2" x="17" y="9" maskUnits="userSpaceOnUse" style="mask-type:alpha">
+			<path fill="#fff" d="M18.19 9.287c-.315.003-1.003-.003-1.128 0l-.001 1.02 1.128.003c.219 0 .495-.19.495-.52a.5.5 0 0 0-.493-.503" />
+		</mask>
+		<g mask="url(#h)">
+			<path fill="url(#i)" fill-rule="evenodd" d="M18.19 9.287c-.315.003-1.003-.003-1.128 0l-.001 1.02 1.128.003c.219 0 .495-.19.495-.52a.5.5 0 0 0-.493-.503" clip-rule="evenodd" />
+		</g>
+		<mask id="j" width="2" height="2" x="17" y="7" maskUnits="userSpaceOnUse" style="mask-type:alpha">
+			<path fill="#fff" d="M18.547 8.276c0-.297-.218-.498-.449-.492-.325.007-.911-.009-1.04.003l-.003.943 1.066.008a.46.46 0 0 0 .426-.462" />
+		</mask>
+		<g mask="url(#j)">
+			<path fill="url(#k)" fill-rule="evenodd" d="M18.547 8.276c0-.297-.218-.498-.449-.492-.325.007-.911-.009-1.04.003l-.003.943 1.066.008a.46.46 0 0 0 .426-.462" clip-rule="evenodd" />
+		</g>
+		<mask id="l" width="5" height="12" x="16" y="3" maskUnits="userSpaceOnUse" style="mask-type:alpha">
+			<path fill="#fff" d="M17.95 3.375c-.97 0-1.857.866-1.857 1.837v2.021h2.756c.549 0 1.195.232 1.195.892 0 .354-.19.755-.877.885v.015c.4 0 1.096.232 1.096.932 0 .723-.751.924-1.153.924l-3.018.003v3.862h2.9c.79 0 1.82-.732 1.82-1.844V3.375z" />
+		</mask>
+		<g mask="url(#l)">
+			<path fill="url(#m)" fill-rule="evenodd" d="M17.95 3.375c-.97 0-1.857.866-1.857 1.837v2.021h2.756c.549 0 1.195.232 1.195.892 0 .354-.19.755-.877.885v.015c.4 0 1.096.232 1.096.932 0 .723-.751.924-1.153.924l-3.018.003v3.862h2.9c.79 0 1.82-.732 1.82-1.844V3.375z" clip-rule="evenodd" />
+		</g>
+	</g>
+</svg>
diff --git a/modules/ppcp-wc-gateway/assets/images/axo/mastercard-light.svg b/modules/ppcp-wc-gateway/assets/images/axo/mastercard-light.svg
new file mode 100644
index 000000000..401f705d4
--- /dev/null
+++ b/modules/ppcp-wc-gateway/assets/images/axo/mastercard-light.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="2.745 2.516 27 18">
+	<defs>
+		<clipPath id="a">
+			<rect width="27" height="18" fill="#fff" rx="2" />
+		</clipPath>
+		<clipPath id="d">
+			<path fill="#fff" d="M7.085 4.078h12.83v9.844H7.086z" />
+		</clipPath>
+		<radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="rotate(87.248 2.062 10.987)scale(11.7135 17.5748)" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#fff" />
+			<stop offset="1" stop-color="#E9E9E9" />
+		</radialGradient>
+		<linearGradient id="b" x1="0" x2="27.435" y1=".417" y2="16.595" gradientUnits="userSpaceOnUse">
+			<stop offset=".273" stop-color="#fff" />
+			<stop offset=".778" stop-color="#F0F0F0" />
+			<stop offset="1" stop-color="#DFDFDF" />
+		</linearGradient>
+	</defs>
+	<g clip-path="url(#a)" transform="translate(2.745 2.516)">
+		<path fill="#fff" d="M0 0h27v18H0z" />
+		<path fill="url(#b)" d="M0 0h27v18H0z" />
+		<path fill="url(#c)" d="M0 0h27v18H0z" />
+		<g clip-path="url(#d)">
+			<path fill="#231F20" d="M19.663 13.788v.026h.023l.013-.004.004-.004.001-.005-.001-.005-.004-.005-.013-.003zm.024-.018q.016 0 .028.009a.03.03 0 0 1 .01.022.03.03 0 0 1-.008.02.04.04 0 0 1-.023.01l.033.035h-.025l-.03-.035h-.01v.035h-.02v-.095zm-.007.13a.08.08 0 0 0 .057-.024.08.08 0 0 0 0-.113.1.1 0 0 0-.025-.018.086.086 0 0 0-.064 0 .1.1 0 0 0-.026.018.081.081 0 0 0 0 .114.08.08 0 0 0 .058.023m0-.184a.11.11 0 0 1 .098.064.1.1 0 0 1-.022.113.106.106 0 0 1-.075.03.1.1 0 0 1-.077-.03.11.11 0 0 1-.022-.114.1.1 0 0 1 .022-.033.108.108 0 0 1 .076-.03m-9.823-.37c0-.182.121-.332.32-.332.189 0 .316.144.316.333s-.127.332-.317.332c-.198 0-.32-.15-.32-.332m.852 0v-.519h-.229v.127a.4.4 0 0 0-.332-.152.524.524 0 0 0-.527.545c0 .317.232.545.527.545.15 0 .26-.058.332-.152v.126h.23zm7.737 0c0-.182.121-.332.32-.332.189 0 .317.144.317.333s-.128.332-.318.332c-.198 0-.32-.15-.32-.332m.853 0v-.935h-.23v.543a.4.4 0 0 0-.332-.152.524.524 0 0 0-.527.545c0 .317.232.545.527.545.15 0 .26-.058.333-.152v.126h.229zm-5.748-.342c.148 0 .242.09.267.252h-.547c.025-.15.117-.252.28-.252m.005-.203c-.309 0-.525.222-.525.546 0 .33.225.545.54.545.159 0 .304-.04.432-.146l-.113-.167a.5.5 0 0 1-.306.109c-.147 0-.282-.068-.315-.255h.782q.004-.041.005-.087c-.003-.323-.206-.545-.5-.545m2.764.545c0-.182.121-.332.32-.332.189 0 .317.144.317.332 0 .19-.128.333-.317.333-.199 0-.32-.15-.32-.333m.852 0v-.519h-.228v.127a.4.4 0 0 0-.333-.152.524.524 0 0 0-.527.545c0 .317.232.545.527.545.15 0 .26-.058.333-.152v.126h.229zm-2.145 0c0 .315.222.546.562.546a.56.56 0 0 0 .378-.124l-.11-.183a.47.47 0 0 1-.275.094c-.183-.002-.318-.133-.318-.333s.135-.33.318-.332q.148.001.275.094l.11-.183a.56.56 0 0 0-.378-.124c-.34 0-.562.23-.562.545m2.952-.545a.31.31 0 0 0-.278.152v-.126h-.227v1.039h.23v-.582c0-.172.074-.268.224-.268q.075 0 .143.027l.07-.213a.5.5 0 0 0-.162-.029m-6.138.109a.8.8 0 0 0-.429-.109c-.267 0-.439.126-.439.333 0 .169.128.274.364.306l.108.015c.125.018.185.05.185.109 0 .08-.084.126-.24.126a.57.57 0 0 1-.35-.109l-.108.176a.77.77 0 0 0 .456.135c.304 0 .48-.141.48-.339 0-.182-.139-.278-.368-.31l-.108-.016c-.099-.012-.178-.032-.178-.102 0-.076.075-.121.2-.121.135 0 .265.05.329.089zm2.955-.108a.31.31 0 0 0-.278.152v-.127h-.227v1.039h.23v-.582c0-.172.074-.268.224-.268q.075 0 .143.027l.07-.213a.5.5 0 0 0-.162-.029m-1.954.025h-.375v-.315h-.231v.315h-.214v.207h.214v.473c0 .241.095.385.366.385.1 0 .213-.03.286-.08l-.066-.194a.4.4 0 0 1-.203.059c-.114 0-.152-.07-.152-.174v-.469h.375zm-3.423 1.039v-.652c0-.245-.159-.41-.415-.412a.41.41 0 0 0-.37.184.39.39 0 0 0-.348-.184.35.35 0 0 0-.308.154v-.129h-.23v1.039h.232v-.576c0-.18.101-.276.258-.276.152 0 .229.098.229.274v.578h.231v-.576c0-.18.106-.276.258-.276.156 0 .23.098.23.274v.578z" />
+			<path fill="#F79410" d="M19.793 10.412v-.152h-.04l-.046.104-.047-.104h-.04v.152h.029v-.114l.043.098h.03l.043-.099v.115zm-.254 0v-.126h.051v-.025h-.131v.025h.051v.126z" />
+			<path fill="#FF5F00" d="M15.236 11.063h-3.47V4.914h3.47z" />
+			<path fill="#EB001B" d="M11.986 7.988c0-1.247.592-2.358 1.515-3.074a4 4 0 0 0-2.451-.836c-2.19 0-3.965 1.75-3.965 3.91S8.86 11.9 11.05 11.9a4 4 0 0 0 2.45-.836 3.89 3.89 0 0 1-1.514-3.075" />
+			<path fill="#F79E1B" d="M19.917 7.989c0 2.16-1.775 3.91-3.965 3.91a4 4 0 0 1-2.451-.835 3.88 3.88 0 0 0 1.515-3.075A3.88 3.88 0 0 0 13.5 4.914a4 4 0 0 1 2.45-.836c2.19 0 3.966 1.751 3.966 3.91" />
+		</g>
+	</g>
+</svg>
diff --git a/modules/ppcp-wc-gateway/assets/images/axo/unionpay-light.svg b/modules/ppcp-wc-gateway/assets/images/axo/unionpay-light.svg
new file mode 100644
index 000000000..5fe47e295
--- /dev/null
+++ b/modules/ppcp-wc-gateway/assets/images/axo/unionpay-light.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 18">
+	<defs>
+		<radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="rotate(87.248 2.062 10.987)scale(11.7135 17.5748)" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#fff" />
+			<stop offset="1" stop-color="#E9E9E9" />
+		</radialGradient>
+		<linearGradient id="b" x1="0" x2="27.435" y1=".417" y2="16.595" gradientUnits="userSpaceOnUse">
+			<stop offset=".273" stop-color="#fff" />
+			<stop offset=".778" stop-color="#F0F0F0" />
+			<stop offset="1" stop-color="#DFDFDF" />
+		</linearGradient>
+		<clipPath id="a">
+			<rect width="27" height="18" fill="#fff" rx="2" />
+		</clipPath>
+	</defs>
+	<g clip-path="url(#a)">
+		<path fill="#fff" d="M0 0h27v18H0z" />
+		<path fill="url(#b)" d="M0 0h27v18H0z" />
+		<path fill="url(#c)" d="M0 0h27v18H0z" />
+		<path fill="#E21836" d="M8.71 3.938h3.93c.55 0 .89.447.763.997l-1.83 7.858c-.13.549-.68.997-1.228.997H6.414c-.548 0-.89-.448-.762-.997l1.83-7.858c.129-.55.678-.997 1.227-.997" />
+		<path fill="#00447C" d="M12.313 3.938h4.521c.549 0 .301.447.172.997l-1.83 7.858c-.128.549-.088.997-.638.997h-4.52c-.55 0-.89-.448-.761-.997l1.83-7.858c.13-.55.677-.997 1.226-.997" />
+		<path fill="#007B84" d="M16.655 3.938h3.931c.55 0 .891.447.762.997l-1.83 7.858c-.13.549-.679.997-1.228.997h-3.93c-.55 0-.89-.448-.762-.997l1.83-7.858c.128-.55.677-.997 1.227-.997" />
+		<path fill="#FEFEFE" d="M9.736 6.456c-.404.004-.523 0-.562-.01-.014.07-.287 1.329-.288 1.33-.059.254-.101.436-.246.553a.44.44 0 0 1-.29.101c-.18 0-.284-.089-.302-.258l-.003-.058.054-.343s.287-1.146.338-1.298l.004-.017c-.557.005-.656 0-.663-.01l-.017.084-.293 1.293-.025.11-.048.358q0 .158.062.266c.133.233.513.268.728.268.277 0 .537-.059.712-.166.305-.18.385-.462.456-.712l.033-.128s.295-1.191.345-1.346zm1.004.96a.8.8 0 0 0-.318.075q-.062.034-.125.072l.038-.138-.02-.023c-.248.05-.303.057-.532.089l-.02.013c-.026.22-.05.385-.148.818q-.056.24-.115.48l.01.02c.235-.013.306-.013.51-.01l.016-.017c.026-.133.03-.164.087-.432.027-.127.083-.407.11-.507a.4.4 0 0 1 .15-.046c.113 0 .1.1.095.139a5 5 0 0 1-.089.47l-.028.121q-.031.134-.062.264l.009.018c.23-.013.301-.013.498-.01l.024-.017c.035-.207.046-.263.109-.564l.032-.138c.061-.271.092-.409.046-.52-.05-.126-.168-.156-.277-.156m1.12.284c-.122.024-.2.04-.278.05l-.271.04-.01.008-.008.007c-.012.088-.021.165-.037.255a5 5 0 0 1-.07.35 1.4 1.4 0 0 1-.057.197c-.015.04-.031.08-.061.194l.007.011.006.01c.11-.006.183-.01.258-.01.074-.003.151 0 .27 0l.011-.008.011-.01c.018-.102.02-.13.03-.18.011-.054.03-.128.073-.328l.066-.282.069-.282-.004-.011zm.003-.382c-.111-.066-.307-.045-.439.046-.131.089-.146.215-.035.282.11.064.306.045.437-.047.13-.09.147-.216.037-.281m.675 1.524c.226 0 .457-.062.63-.246.135-.15.196-.373.218-.464.069-.304.015-.446-.053-.533-.103-.132-.285-.174-.473-.174-.114 0-.384.011-.595.206-.152.14-.222.33-.264.514-.043.186-.092.52.216.645.095.041.232.052.32.052m-.018-.684c.052-.23.114-.423.27-.423.123 0 .132.144.078.375-.01.051-.055.242-.116.323-.042.06-.092.096-.148.096-.016 0-.114 0-.116-.146a1 1 0 0 1 .032-.225m1.43.655.017-.018c.025-.133.03-.164.085-.432.027-.127.085-.407.112-.507.05-.023.1-.046.15-.046.113 0 .099.1.095.139a5 5 0 0 1-.09.47l-.027.121q-.032.133-.062.264l.008.018c.232-.013.3-.013.498-.01l.024-.017c.035-.207.044-.263.11-.564l.03-.138c.062-.271.094-.409.048-.52-.051-.126-.17-.156-.278-.156a.78.78 0 0 0-.441.146l.035-.138-.02-.023c-.246.05-.303.057-.531.09l-.018.012c-.028.22-.05.385-.149.818q-.056.24-.115.48l.01.02c.235-.013.305-.013.509-.01m1.702.009.102-.493s.073-.31.078-.32c0 0 .023-.032.046-.045h.034c.322 0 .686 0 .97-.21.194-.143.327-.356.386-.614a1 1 0 0 0 .027-.213.45.45 0 0 0-.077-.273c-.146-.203-.435-.207-.769-.209l-.165.002a8 8 0 0 1-.669-.005l-.017.086-.153.711-.384 1.58c.373-.004.527-.004.59.003m.284-1.26.162-.706.005-.037.002-.027.065.006.344.03c.132.051.187.183.149.356a.52.52 0 0 1-.268.354c-.109.054-.241.059-.378.059h-.088zm1.013.61c-.043.183-.092.518.214.637a.6.6 0 0 0 .275.05.45.45 0 0 0 .261-.12l-.022.083.014.018c.22-.009.29-.009.528-.007l.022-.017c.035-.205.068-.404.158-.796q.066-.281.134-.561l-.007-.02a10 10 0 0 1-.55.088l-.018.015-.007.056a.34.34 0 0 0-.173-.143c-.106-.041-.353.012-.566.206-.15.139-.222.329-.263.51m.518.01c.053-.225.114-.417.27-.417.1 0 .153.092.142.249l-.029.126q-.023.1-.049.2a.5.5 0 0 1-.058.118c-.04.057-.137.093-.192.093-.016 0-.113 0-.116-.143 0-.071.014-.145.032-.225m2.705-.746-.019-.021c-.244.05-.288.057-.512.087l-.017.017-.002.01-.001-.003c-.167.385-.162.302-.298.605 0-.014 0-.023-.002-.037l-.034-.658-.02-.021c-.257.05-.263.057-.499.087l-.018.017q-.003.011-.004.026l.001.003c.03.15.023.117.052.355.014.117.032.234.046.35.024.193.037.288.065.583-.16.263-.197.362-.35.593v.002l-.108.171q-.016.027-.039.036a.2.2 0 0 1-.07.01h-.06l-.09.296.306.005c.179 0 .292-.084.352-.197l.192-.329h-.003l.02-.023c.13-.278 1.112-1.964 1.112-1.964m-3.223 3.889h-.13l.48-1.586h.16l.05-.163.005.181c-.006.113.082.212.314.196h.268l.093-.306h-.101q-.087.001-.082-.046l-.005-.185h-.497v.001c-.16.004-.64.016-.737.042-.118.03-.242.12-.242.12l.049-.164h-.465l-.097.324-.486 1.61h-.094l-.093.303h.926l-.03.102h.456l.03-.102h.128zm-.38-1.264c-.074.02-.213.083-.213.083l.123-.405h.37l-.09.295s-.113.007-.19.027m.007.58s-.116.014-.192.031c-.075.023-.216.095-.216.095l.127-.422h.371zm-.207.688H16l.107-.356h.37zm.893-.984h.534l-.077.249h-.541l-.081.271h.473l-.358.505a.15.15 0 0 1-.073.06.2.2 0 0 1-.096.029h-.132l-.09.297h.344a.42.42 0 0 0 .362-.188l.246-.336.052.341a.16.16 0 0 0 .089.117c.034.017.07.046.12.05q.08.005.119.005h.168l.102-.333h-.067c-.038 0-.104-.007-.115-.019-.011-.014-.011-.037-.017-.07l-.054-.343h-.22l.097-.115h.54l.083-.271h-.5l.078-.249h.498l.093-.306h-1.486zm-4.511 1.053.124-.415h.513l.093-.308h-.512l.078-.256h.501l.093-.298h-1.254l-.091.298h.285l-.076.256h-.286l-.094.313h.284l-.166.55c-.022.072.01.1.032.133a.14.14 0 0 0 .091.067c.05.011.085.018.132.018h.577l.103-.342-.256.036c-.05 0-.186-.006-.171-.052m.059-1.985-.13.234a.3.3 0 0 1-.076.098q-.03.018-.116.018h-.067l-.09.3h.224a.5.5 0 0 0 .231-.06c.043-.023.054-.01.087-.041l.076-.066h.702l.094-.313h-.515l.09-.17zm1.037 1.99c-.012-.016-.004-.047.015-.11l.192-.635h.683q.149-.002.218-.006a.5.5 0 0 0 .164-.056.3.3 0 0 0 .12-.11c.03-.04.077-.13.118-.267l.241-.804-.709.004s-.218.032-.314.067c-.097.04-.236.15-.236.15l.064-.22h-.438l-.613 2.034a1 1 0 0 0-.04.17c0 .037.047.074.078.102.037.027.091.023.143.027q.081.007.24.007h.337l.103-.349-.301.029a.08.08 0 0 1-.065-.032m.33-1.175h.718l-.045.143c-.007.004-.022-.007-.095.002h-.622zm.144-.48h.724l-.052.173s-.341-.003-.396.007c-.24.041-.38.17-.38.17zm.545 1.102a.08.08 0 0 1-.029.044q-.02.014-.073.013h-.102l.005-.174h-.425l-.017.85c0 .062.005.098.05.126.045.036.184.04.37.04h.267l.096-.318-.232.013-.077.004q-.015-.006-.032-.02c-.01-.01-.027-.004-.024-.065l.002-.218.243-.01a.32.32 0 0 0 .236-.084c.045-.039.06-.084.078-.144l.04-.193h-.334z" />
+	</g>
+</svg>
diff --git a/modules/ppcp-wc-gateway/assets/images/axo/visa-light.svg b/modules/ppcp-wc-gateway/assets/images/axo/visa-light.svg
new file mode 100644
index 000000000..4dffb2c48
--- /dev/null
+++ b/modules/ppcp-wc-gateway/assets/images/axo/visa-light.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 18">
+	<defs>
+		<clipPath id="a">
+			<rect width="27" height="18" fill="#fff" rx="2" />
+		</clipPath>
+	</defs>
+	<g clip-path="url(#a)">
+		<path fill="#001C64" d="M0 0h27v18H0z" />
+		<path fill="#fff" fill-rule="evenodd" d="M13.597 7.56c-.01.844.75 1.314 1.322 1.594.587.287.784.471.782.728-.004.393-.469.566-.903.573-.759.012-1.2-.206-1.55-.37l-.273 1.283c.352.162 1.003.304 1.678.311 1.586 0 2.622-.786 2.627-2.004.007-1.545-2.129-1.63-2.114-2.32.005-.21.204-.434.64-.49.216-.029.813-.05 1.488.261l.265-1.241a4 4 0 0 0-1.412-.26c-1.491 0-2.541.796-2.55 1.935m6.512-1.828a.69.69 0 0 0-.642.43l-2.265 5.425h1.585l.315-.874h1.936l.182.874h1.396l-1.219-5.855zm.221 1.582.458 2.199h-1.252zm-8.653-1.582-1.249 5.855h1.51l1.248-5.855zm-2.233 0L7.873 9.717 7.237 6.33c-.074-.378-.369-.597-.696-.597H3.973l-.035.17c.527.115 1.126.3 1.489.498.222.121.285.227.358.514l1.203 4.673h1.596l2.445-5.855z" clip-rule="evenodd" />
+	</g>
+</svg>