@font-face{font-family:national-font-01;src:url(/build/assets/national2web-regular-woff-io_MFT_j.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:national-font-01;src:url(/build/assets/national2web-regular-woff-io_MFT_j.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:national-font-01;src:url(/build/assets/national2web-medium-woff-DVOGaNBF.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:national-font-01;src:url(/build/assets/national2web-bold-woff-C89bC5Gj.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:national-font-01;src:url(/build/assets/national2web-extrabold-woff-D_itxDbP.woff) format("woff");font-weight:900;font-style:normal}@font-face{font-family:national-font-02;src:url(/build/assets/national2web-regular-woff-io_MFT_j.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:national-font-02-regular;src:url(/build/assets/national2web-regular-woff-io_MFT_j.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:national-font-02-medium;src:url(/build/assets/national2web-medium-woff-DVOGaNBF.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:national-font-02-bold;src:url(/build/assets/national2web-bold-woff-C89bC5Gj.woff) format("woff");font-weight:700;font-style:normal}:root{--primary-color: #000000;--light-text-color: #ffffff;--alt-dark-text-color: #7F7F7F;--checked-colour: #E6F1F0;--background-color: #ffffff;--interaction-primary-color: #000000;--interaction-primary-color-hover: #000000;--personalise-heading-text-color: #000000;--external-link-hover-text-color: #0D59FF;--external-link-active-text-color: #441FCC;--external-link-text-color: #00349F;--alt-background-color: #ffffff;--button-color: #FFE600;--button-focus-color: #FFFFFF;--button-focus-font-color: #000000;--button-focus-border-color: #0D59FF;--button-hover-color: #FFF600;--checkbox-color: #007064;--validation-color: #E60E22;--offer-card-requirements: #000000;--bpid-vefs-color: #000000;--bpid-vefs-background: #ffffff}a{color:var(--external-link-text-color)}a:hover{color:var(--external-link-hover-text-color)}a:active,a:visited{color:var(--external-link-active-text-color)}a:focus{background-color:var( --button-focus-border-color);color:var( --button-focus-color);border:none}.btn.disabled,.btn:disabled{background-color:#0000001e!important;color:#000}body{background:#fff;font-family:national-font-02}.card{margin:30px;border-radius:0;border:none}.shadow{-webkit-box-shadow:none!important;box-shadow:none!important}.btn{border-radius:4px}@media screen and (max-width: 600px){.payment-header-container{padding:30px!important}h1.payment-header{font-family:national-font-02-bold}a .link-icon:after{font-size:14px}}.btn.btn-primary{margin-top:10px;background-color:var(--button-color)!important;border:var(--button-color)!important;min-height:50px;color:var(--interaction-primary-color);font-weight:700}.btn.btn-primary:hover{background-color:var(--button-hover-color)!important;border:#f16623!important;color:var(--interaction-primary-color)}.payment-header-container{background:linear-gradient(90deg,#fff600 31.25%,#ffc300);margin:1em -50%;margin:1em calc(50% - 50vw);padding:40px 0 45px}.payment-header{font-weight:800;font-family:national-font-02-bold;text-align:center;font-size:50px}.payment-sub-header{padding-top:30px;font-size:35px!important;font-family:national-font-02-medium;font-weight:500}.card.payment{padding:0;margin:0}img.header-branding{max-width:110px!important}header.text-center{text-align:left!important}p{color:#000}.dots{display:none}.pay-update.payment-header-container .payment-header.text-center{font-weight:600;padding-top:50px;padding-bottom:50px;color:#000;font-size:56px}@media screen and (max-width: 800px){.pay-update.payment-header-container .payment-header.text-center{font-weight:600;font-size:30px}.card-container.pay-update{padding-left:10px;padding-right:10px}.card-payment{width:100%}}p.login-statement{text-align:center}.logout-link a{text-decoration:none!important;color:#00349f!important;font-weight:700}.bottom{bottom:-100%}h1.payment-sub-header{font-size:30px}.spinner{height:50px;width:50px;position:fixed;top:calc(50vh - 25px);left:calc(50vw - 25px);margin:-(50/2)px 0px 0px -(50/2)px;-webkit-animation:rotation 1s infinite linear;-moz-animation:rotation 1s infinite linear;-o-animation:rotation 1s infinite linear;animation:rotation 1s infinite linear;border:10px solid transparent;border-radius:100%;background-color:#fff9;box-sizing:content-box;z-index:1100}.spinner:before{content:"";display:block;position:absolute;left:-10px;top:-10px;height:100%;width:100%;border-top:10px solid #000000;border-left:10px solid #000000;border-bottom:10px solid transparent;border-right:10px solid transparent;border-radius:100%;box-sizing:content-box}button:active,button.disabled{color:var( --interaction-primary-color)!important}button:focus{color:var( --button-focus-font-color)!important;background-color:var( --button-focus-color)!important}h6.form-label{font-size:14px;font-family:national-font-02-medium;color:var( --interaction-primary-color)!important}footer{color:var(--interaction-primary-color);font-family:national-font-02-medium}div.spacer{padding-top:48px}.payment-header-container{margin-top:0}input::placeholder{font-family:national-font-02!important}.pay-card.payment-header-container .payment-header.text-center{font-weight:200;color:#000;font-size:56px;padding-bottom:0!important}a{text-decoration:none}a .link-text{color:inherit;text-decoration:underline!important}a .link-icon{color:inherit;text-decoration:none!important;margin-bottom:10px}a .link-icon:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;margin-left:6px;font-size:16px;text-decoration:none!important}
