body {
    font-family: inter;
    color: #000;
    line-height: 1.5;
    min-height: 100vh;
    margin: 0;
    font-size: .938rem
}

#app {
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

#header,#footer {
    min-height: 50px
}

#main {
    flex: 1;
    opacity: 0
}

@media(min-width: 895px) {
    body {
        font-size:.938rem
    }
}

header {
    background-color: #fff
}

.hidden,.display_none,.hide {
    display: none;
    visibility: hidden
}

.removed {
    display: none!important
}

h1.desktop,h2.desktop,h3.desktop,h4.desktop,h5.desktop,h6.desktop,p.desktop,span.desktop {
    display: none
}

@media(min-width: 576px) {
    h1.desktop,h2.desktop,h3.desktop,h4.desktop,h5.desktop,h6.desktop,p.desktop,span.desktop {
        display:block
    }
}

h1.mobile,h2.mobile,h3.mobile,h4.mobile,h5.mobile,h6.mobile,p.mobile,span.mobile {
    display: block
}

@media(min-width: 576px) {
    h1.mobile,h2.mobile,h3.mobile,h4.mobile,h5.mobile,h6.mobile,p.mobile,span.mobile {
        display:none
    }
}

h1,h2,h3 {
    color: #ff2c00;
    font-family: inter
}

h4,h5,h6 {
    color: #ff2c00;
    font-family: inter
}

h1 {
    font-size: 2rem
}

@media(min-width: 895px) {
    h1 {
        font-size:2.625rem
    }
}

h2 {
    margin-top: 0;
    margin-bottom: 1.5rem;
    font-size: 2.3125rem;
    font-weight: 300;
    line-height: 1.29
}

h2 b {
    font-weight: 800
}

@media(min-width: 576px) {
    h2 {
        line-height:1.46;
        margin-bottom: 1.375rem
    }
}

h3 {
    font-size: 1.375rem;
    font-weight: 400
}

h4 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.2
}

@media(min-width: 576px) {
    h4 {
        font-weight:600;
        color: #000
    }
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1.125rem
}

p {
    margin: 0
}

p.small {
    font-size: .938rem!important
}

p.small.bold {
    font-weight: 600
}

p:not(.hideInMobile)+p {
    margin-top: 1rem
}

button,input[type=reset],input[type=button],input[type=submit] {
    font-family: inter
}

a {
    font-family: inter;
    color: #d64309;
    font-weight: 600;
    text-decoration: none
}

a:hover,a:focus {
    text-decoration: underline
}

.single-heading p {
    display: none
}

@media(min-width: 576px) {
    .single-heading p {
        font-size:1.375rem;
        display: block
    }
}

.subheading h4 {
    display: inline-block
}

.subheading .heading-hint-text {
    font-weight: 400;
    display: inline;
    font-size: 14px;
    opacity: .71
}

label {
    font-weight: 700;
    margin-bottom: .5rem;
    font-size: .938rem
}

label .sub-label {
    font-weight: 400;
    display: inline;
    font-size: 14px;
    opacity: .71
}

.small-copy,.error-message,.hint-message,.error-block,.ajax-error-block,.ajax-error-message {
    font-family: Inter;
    font-size: .875rem;
    display: block;
    line-height: 1.29
}

html,body {
    height: 100%
}

body {
    margin: 0;
    background-color: #232a2d
}

.inner {
    box-sizing: content-box;
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

@media(min-width: 895px) {
    .inner {
        margin-left:auto;
        margin-right: auto;
        width: 52.1875rem
    }
}

@media(min-width: 1140px) {
    .inner {
        margin-left:auto;
        margin-right: auto;
        width: 67.5rem
    }
}

div.page {
    background-color: #fff
}

div.page .inner {
    padding-top: 1.8125rem;
    padding-bottom: 2.5rem
}

@media(min-width: 895px) {
    div.page .inner {
        padding-top:3.75rem;
        padding-bottom: 3.75rem
    }
}

.details {
    font-size: .938rem;
    font-weight: 400;
    margin: 1.5rem 0
}

@media(min-width: 576px) {
    .details {
        font-size:.938rem
    }
}

#forgotUserPassword {
    margin-top: 1.5rem;
    text-align: center
}

@media(min-width: 576px) {
    #forgotUserPassword {
        text-align:left
    }
}

header.banner .inner {
    height: 4.875rem;
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

@media(min-width: 895px) {
    header.banner .inner {
        height:7.8125rem
    }
}

header.banner img.realme-logo {
    width: 280px;
    padding-top: 0;
    margin: 0 1rem 0 0!important;
    object-fit: contain
}

@media(max-width: 500px) {
    header.banner img.realme-logo {
        width:200px
    }

    #img-agency-logo {
        max-width: 150px
    }
}

@media(max-width: 430px) {
    header.banner img.realme-logo {
        width:150px
    }
}

@media(max-width: 350px) {
    header.banner img.realme-logo {
        width:100px
    }

    #img-agency-logo {
        max-width: 100px
    }
}

header.banner .third-party-logo,header.banner .dia-branding {
    background-repeat: no-repeat;
    background-position: 100%;
    flex: 1 0 auto;
    background-size: contain;
    height: 2.375rem
}

@media(min-width: 895px) {
    header.banner .third-party-logo,header.banner .dia-branding {
        height:4.125rem
    }
}

header.banner .third-party-logo img,header.banner .third-party-logo svg,header.banner .dia-branding img,header.banner .dia-branding svg {
    float: right;
    height: 2.375rem
}

@media(min-width: 895px) {
    header.banner .third-party-logo img,header.banner .third-party-logo svg,header.banner .dia-branding img,header.banner .dia-branding svg {
        height:4.125rem
    }
}

header.banner .dia-branding {
    background-image: url(https://ctest.nz/b2c-ui/images/internal_affairs.svg)
}

.banner-message {
    font-family: Inter;
    font-size: .938rem;
    font-weight: 400;
    background-color: #f2f2f2;
    color: #4c4c4c;
    display: flex;
    flex-flow: column nowrap;
    padding-top: .8125rem;
    padding-bottom: .875rem
}

.banner-message a {
    color: #4c4c4c
}

@media(min-width: 576px) {
    .banner-message {
        font-size:.938rem
    }
}

@media(min-width: 895px) {
    .banner-message {
        padding-top:1.46875rem;
        padding-bottom: 1.5rem
    }
}

.banner-message.has-icon .banner-message-icon {
    position: absolute;
    display: block;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    background-repeat: no-repeat;
    background-position: 0;
    width: 1.5rem;
    height: 1.8rem
}

.banner-message.has-icon .banner-message-icon+span,.banner-message.has-icon .banner-message-icon+p {
    margin-left: 2rem
}

.banner-message.has-icon .banner-message-icon+.banner-message-title {
    margin-left: 2rem
}

@media(min-width: 895px) {
    .banner-message .back-icon {
        height:1.71875rem
    }
}

.banner-message .inner {
    position: relative
}

.banner-message .inner * {
    font-size: .938rem;
    max-width: 45rem;
    margin: 0
}

.banner-message .banner-message-title {
    display: block;
    color: #0375ad;
    font-weight: 600;
    margin-bottom: .5rem
}

.banner-message.success {
    background-color: #f2f9f4
}

.banner-message.success .banner-message-icon {
    background-image: url(https://ctest.nz/b2c-ui/images/icons/icon-success.svg)
}

.banner-message.success .banner-message-title {
    color: #49a82e
}

.banner-message.info .banner-message-icon {
    background-image: url(https://ctest.nz/b2c-ui/images/icons/icon-info.svg)
}

.banner-message.warning {
    background-color: #fddbc9
}

.banner-message.warning .banner-message-title {
    color: #f47837
}

.banner-message.warning .banner-message-icon {
    background-image: url(https://ctest.nz/b2c-ui/images/icons/icon-warning.svg)
}

.banner-message.error {
    background-color: #fcf3f3
}

.banner-message.error .banner-message-icon {
    background-image: url(https://ctest.nz/b2c-ui/images/icons/icon-error.svg)
}

.banner-message.error .return-link {
    color: #c70000
}

.banner-message.error .back-icon {
    background-image: url(https://ctest.nz/b2c-ui/images/icons/back-red.svg)
}

.banner-message.error .banner-message-title {
    color: #c70000
}

.banner-message a {
    font-weight: 400
}

.banner-message .return-link {
    font-weight: 600;
    padding-left: .9375rem;
    margin-left: 1rem
}

.banner-message.in-page-body {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0
}

.banner-message.in-page-body .banner-message-title {
    padding-bottom: 1rem
}

footer {
    flex: 1 1 auto;
    font-family: Inter;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

@media(min-width: 895px) {
    footer {
        padding-top:3.75rem;
        padding-bottom: 3.75rem
    }
}

footer nav {
    display: flex;
    flex-flow: column nowrap
}

@media(min-width: 895px) {
    footer nav {
        flex-flow:row nowrap
    }
}

footer nav a {
    color: #fff;
    display: block;
    line-height: 2rem;
    font-size: .8125rem
}

@media(min-width: 895px) {
    footer nav a {
        display:inline-block;
        margin-right: 3rem;
        line-height: 1rem
    }
}

footer hr {
    border: .5px solid #fff;
    margin: 1.625rem 0;
    height: 0
}

footer .copyright {
    color: #fff;
    font-size: .875rem;
    height: 1.375rem
}

footer .dev-on {
    color: #fff;
    background-color: red;
    font-size: .8125rem
}

@media(min-width: 895px) {
    footer .language-selector {
        flex:1 0 auto;
        display: flex;
        justify-content: flex-end
    }
}

footer #langform ul {
    list-style: none;
    color: #fff;
    font-size: .875rem;
    padding-left: 0;
    margin: 0
}

footer #langform ul li {
    display: inline-block;
    margin-right: 1rem
}

footer #langform ul li a,footer #langform ul li span,footer #langform ul li strong {
    margin: 0
}

footer #langform ul a {
    color: #fff;
    cursor: pointer
}

div.split-page {
    display: block
}

@media(min-width: 895px) {
    div.split-page .mobile-split-select {
        display:none
    }
}

div.split-page .mobile-split-select>p:last-child {
    margin-bottom: 0
}

@media(min-width: 895px) {
    div.split-page {
        display:flex
    }
}

div.split-page div.split-page-section {
    padding-top: 1.5rem;
    display: none
}

@media(min-width: 895px) {
    div.split-page div.split-page-section {
        padding-top:0
    }
}

div.split-page div.split-page-section.is-selected {
    display: block
}

@media(min-width: 895px) {
    div.split-page div.split-page-section h2 {
        display:block
    }
}

div.split-page div.split-page-section .hideInMobile {
    display: none
}

@media(min-width: 895px) {
    div.split-page div.split-page-section .hideInMobile {
        display:block
    }
}

@media(min-width: 895px) {
    div.split-page div.split-page-section {
        display:block;
        width: 50%
    }

    div.split-page div.split-page-section.split-page-left {
        padding-right: 3.875rem
    }

    div.split-page div.split-page-section.split-page-right {
        border-left: 1px solid #d1d1d1;
        padding-left: 5rem
    }
}

div.single-page {
    width: 100%
}

@media(min-width: 895px) {
    div.single-page {
        width:45.9375rem
    }
}

div.single-page .single-heading {
    margin-top: 1rem
}

div.single-page hr {
    margin: 1.5rem 0 1rem
}

@media(min-width: 576px) {
    div.single-page hr {
        margin:1.875rem 0
    }
}

@media(min-width: 576px) {
    div.single-page>div.body-slim {
        width:35rem
    }
}

ul.list-style-tick {
    list-style-position: outside;
    padding-left: 0
}

ul.list-style-tick li {
    list-style: none;
    background: url(https://ctest.nz/b2c-ui/images/icons/bullet-points/red-disc.svg)no-repeat 0 .5rem;
    padding-left: 1rem
}

@media(min-width: 895px) {
    ul.list-style-tick li {
        background:url(https://ctest.nz/b2c-ui/images/icons/bullet-points/tick-red.svg)no-repeat 0 .2rem;
        padding-left: 2rem
    }
}

ul.list-style-red-dot {
    list-style-position: outside;
    padding-left: 0
}

ul.list-style-red-dot li {
    list-style: none;
    background: url(https://ctest.nz/b2c-ui/images/icons/bullet-points/red-disc.svg)no-repeat 0 .5rem;
    padding-left: 1rem
}

@media(min-width: 576px) {
    ul.table-list {
        display:flex;
        flex-flow: row wrap
    }

    ul.table-list li {
        flex-basis: 40%
    }

    ul.table-list li:nth-child(2n) {
        order: 2
    }

    ul.table-list li:nth-child(2n+1) {
        order: 1
    }
}

@media(min-width: 576px) {
    ul.small {
        font-size:.938rem
    }
}

ol.red-disc-number-list {
    margin: 1.5625rem;
    list-style-type: none;
    margin-left: 1.4375rem;
    padding-right: 0;
    padding-inline-start:0;-webkit-margin-before: 0;
    -webkit-margin-start: 1.4375rem;
    -webkit-padding-start: 0
}

@media(min-width: 576px) {
    ol.red-disc-number-list {
        margin:1.875rem
    }
}

@media(min-width: 895px) {
    ol.red-disc-number-list {
        margin-left:4.25rem
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    ol.red-disc-number-list {
        margin-left: -.875rem
    }
}

@media all and (-ms-high-contrast:none) and (min-width: 895px),(-ms-high-contrast:active) and (min-width:895px) {
    ol.red-disc-number-list {
        margin-left:1.75rem
    }
}

ol.red-disc-number-list li {
    counter-increment: step-counter;
    margin-bottom: 1rem
}

ol.red-disc-number-list li>p:first-child,ol.red-disc-number-list li>div:first-child,ol.red-disc-number-list li>span:first-child {
    display: inline-block;
    vertical-align: top
}

ol.red-disc-number-list li:before {
    content: counter(step-counter)".";
    color: #c70000;
    font-weight: 700;
    font-size: .938rem;
    margin-right: .5rem;
    position: absolute;
    margin-left: -1.4375rem;
    display: inline-block;
    vertical-align: top
}

@media(min-width: 895px) {
    ol.red-disc-number-list li:before {
        content:counter(step-counter);
        margin-right: 2.8125rem;
        margin-left: -4.25rem;
        background-color: #c70000;
        color: #fff;
        width: 1.25rem;
        height: 1.25rem;
        border-radius: .625rem;
        font-size: .938rem;
        font-weight: 400;
        box-sizing: border-box;
        padding-left: .375rem;
        line-height: 1.1;
        display: inline-block;
        vertical-align: text-bottom;
        margin-top: .4rem
    }
}

.btn {
    font-size: .9rem;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 600;
    margin-top: 1.5rem;
    display: inline-block;
    border-radius: 1rem;
    padding: .8rem 5rem .8rem 1rem;
    text-align: left;
    width: 15rem;
    height: 3.25rem;
    line-height: 1.6rem;
    white-space: nowrap;
    text-decoration: none!important;
    vertical-align: middle
}

.btn.small {
    padding: .5rem 1rem .4375rem;
    height: 2.125rem
}

.btn:hover,.btn:focus {
    text-decoration: underline
}

.btn.primary {
    color: #fff;
    background-color: #d64309;
    border: none
}

.btn.secondary {
    color: #555;
    background-color: #fff;
    border: solid 1px #b6b6b6
}

.btn.secondary-primary {
    color: #fff;
    background-color: #d64309;
    border: none
}

@media(min-width: 576px) {
    .btn.secondary-primary {
        color:#555;
        background-color: #fff;
        border: solid 1px #b6b6b6
    }
}

.button-group {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch;
    margin-top: 1.25rem
}

.button-group .btn {
    margin: 0;
    margin-bottom: .75rem
}

.button-group .name-spell-confirm {
    margin-top: 1rem
}

.button-group>input:last-child,.button-group>button:last-child {
    margin-bottom: 0
}

.button-group>input:first-child,.button-group>button:first-child {
    margin-top: 0
}

@media(min-width: 576px) {
    .button-group {
        align-items:flex-start;
        margin-top: 1.875rem
    }

    .button-group .btn {
        width: 17.5rem
    }
}

.control-group label {
    font-weight: 700;
    margin-bottom: .5rem;
    font-size: .938rem
}

.control-group label .sub-label {
    font-weight: 400;
    display: inline;
    font-size: 14px;
    opacity: .71
}

.control-group {
    display: flex;
    flex-flow: column nowrap
}

.control-group span {
    font-size: .938rem
}

.control-group>.control {
    width: 100%
}

.control-group>.control select {
    overflow-x: hidden
}

.control-group>.server-error-msg {
    order: 99;
    color: #c70000
}

.control-group span.hint-message:not(:empty),.control-group span.server-error-msg:not(:empty) {
    margin-top: .25rem
}

.control-group .error-block:not(:empty),.control-group .ajax-error-block:not(:empty) {
    margin-top: .25rem
}

.control-group.has-error:not(.individual-input-validation) .control label,.control-group.has-error:not(.individual-input-validation) .error-message,.control-group.has-error:not(.individual-input-validation) .ajax-error-message,.control-group.has-ajax-error:not(.individual-input-validation) .control label,.control-group.has-ajax-error:not(.individual-input-validation) .error-message,.control-group.has-ajax-error:not(.individual-input-validation) .ajax-error-message,.control-group .server-error-msg+.control label,.control-group .server-error-msg+.error-message,.control-group .server-error-msg+.ajax-error-message {
    color: #c70000
}

.control-group.has-error:not(.individual-input-validation) .radio-list label,.control-group.has-ajax-error:not(.individual-input-validation) .radio-list label,.control-group .server-error-msg+.radio-list label {
    color: #222
}

.control-group.has-error:not(.individual-input-validation) .radio-list .check,.control-group.has-ajax-error:not(.individual-input-validation) .radio-list .check,.control-group .server-error-msg+.radio-list .check {
    border: solid 2px #c70000
}

.control-group.has-error:not(.individual-input-validation) .control>input,.control-group.has-error:not(.individual-input-validation) .control>input:focus,.control-group.has-error:not(.individual-input-validation) .control>select,.control-group.has-error:not(.individual-input-validation) .control>select:focus,.control-group.has-ajax-error:not(.individual-input-validation) .control>input,.control-group.has-ajax-error:not(.individual-input-validation) .control>input:focus,.control-group.has-ajax-error:not(.individual-input-validation) .control>select,.control-group.has-ajax-error:not(.individual-input-validation) .control>select:focus,.control-group .server-error-msg+.control>input,.control-group .server-error-msg+.control>input:focus,.control-group .server-error-msg+.control>select,.control-group .server-error-msg+.control>select:focus {
    border: 1px solid #c70000;
    outline: none
}

.control-group.individual-input-validation .error-block,.control-group.individual-input-validation .error-message,.control-group.individual-input-validation .ajax-error-block,.control-group.individual-input-validation .ajax-error-message {
    color: #c70000
}

.control-group.individual-input-validation .individual-error,.control-group.individual-input-validation .individual-error:focus {
    border: 1px solid #c70000;
    outline: none
}

.control-group.individual-input-validation .individual-error+label {
    color: #c70000
}

.control-group.address p.line_no_gap_before {
    -webkit-margin-before: 0
}

.control-group .small-copy {
    font-size: .875rem
}

@media(min-width: 895px) {
    .control-group .small-copy {
        font-size:.938rem
    }
}

.control-group .name-spell-tip {
    margin-top: .25rem
}

h4+.control-group,p:not(.hideInMobile)+.control-group,.control-group+p,a+.control-group {
    margin-top: 1.5rem
}

.control-group+h4 {
    margin-top: 1.875rem
}

.control-group+.control-group {
    margin-top: .75rem
}

.control input,.control select {
    box-sizing: border-box;
    height: 3.25rem;
    background-color: #f2f2f2;
    border: 1px solid #d1d1d1;
    border-radius: .25rem;
    font-family: Inter;
    font-size: .938rem;
    color: #222
}

.control input:focus,.control select:focus {
    border: 1px solid #52a8ec;
    outline: none
}

.control {
    position: relative
}

.control>input {
    width: 100%;
    padding-left: 1rem;
    padding-top: 1rem
}

.control>input+label {
    font-size: .938rem;
    font-weight: 400;
    position: absolute;
    top: .875rem;
    left: 1rem;
    pointer-events: none;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.control>input:focus+label,.control>input.not-empty+label {
    top: .1875rem;
    font-size: .75rem;
    color: #2a2a2a
}

.control {
    position: relative
}

.control select {
    width: 100%;
    font-size: .938rem;
    padding-left: .6875rem;
    padding-top: 1rem
}

@supports(overflow: -webkit-marquee) and (justify-content:inherit) {
    .control select {
        text-indent:.4rem
    }
}

.control select+label {
    font-weight: 400;
    position: absolute;
    top: .1875rem;
    font-size: .75rem;
    color: #2a2a2a;
    left: 1rem
}

ul.radio-list {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.radio-list li,ul.radio-list li:hover {
    display: block;
    position: relative;
    margin: .1rem
}

ul.radio-list li:not(:first-child),ul.radio-list li:hover:not(:first-child) {
    margin-top: .5rem
}

ul.radio-list li input,ul.radio-list li label,ul.radio-list li:hover input,ul.radio-list li:hover label {
    margin: 0;
    font-weight: 400
}

ul.radio-list li input[type=radio],ul.radio-list li:hover input[type=radio] {
    position: absolute;
    opacity: 0
}

ul.radio-list li label,ul.radio-list li:hover label {
    display: block;
    position: relative;
    padding-left: 1.5rem;
    z-index: 9;
    cursor: pointer
}

ul.radio-list li span,ul.radio-list li:hover span {
    padding-left: 1.5rem;
    font-size: .875rem
}

ul.radio-list li .check,ul.radio-list li:hover .check {
    display: block;
    position: absolute;
    border-radius: 100%;
    box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.12);
    height: 1rem;
    width: 1rem;
    top: .3rem;
    left: 0;
    box-sizing: border-box;
    border: solid 1px #b3b3b3
}

ul.radio-list li .check::before,ul.radio-list li:hover .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    border: none;
    box-shadow: none;
    height: 6px;
    width: 6px;
    top: .3125rem;
    left: .3125rem;
    margin: auto;
    z-index: 5
}

ul.radio-list li input[type=radio]:checked~.check,ul.radio-list li:hover input[type=radio]:checked~.check {
    border: none;
    box-shadow: none;
    background-color: #d64309
}

ul.radio-list li input[type=radio]:checked~.check::before,ul.radio-list li:hover input[type=radio]:checked~.check::before {
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.3)
}

ul.radio-list li input[type=radio]:checked~label,ul.radio-list li:hover input[type=radio]:checked~label {
    font-weight: 700
}

ul.radio-list li:hover .check {
    border: 3px solid #d64309
}

.radio.inline {
    margin-right: 1rem;
    margin-bottom: .5rem;
    display: inline-block
}

.radio.inline label {
    margin: 0
}

.radio.inline:hover {
    cursor: pointer
}

.radio.inline:hover input+label {
    height: .625rem;
    width: .625rem;
    border: 3px solid #3b99fc
}

.radio.inline input {
    opacity: 0;
    position: absolute
}

.radio.inline input+label {
    border-radius: 100%;
    outline: none;
    height: .875rem;
    width: .875rem;
    box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.12);
    border: solid 1px #b3b3b3;
    position: relative;
    margin-right: .3125rem;
    top: .125rem
}

.radio.inline input:checked+label {
    height: 1rem;
    width: 1rem;
    box-shadow: none;
    border: none;
    background-color: #3b99fc
}

.radio.inline input:checked+label::before {
    border: none;
    box-shadow: none;
    background: #fff;
    height: .375rem;
    width: .375rem;
    content: '';
    border-radius: 100%;
    position: absolute;
    margin-top: .3125rem;
    margin-left: .3125rem
}

.hide-show {
    display: block;
    cursor: pointer;
    width: 100%;
    float: none;
    border-top: 2px solid #d1d1d1;
    padding: 1.625rem 0;
    margin: 1.5rem 0 0
}

.error-message .hide-show,.ajax-error-message .hide-show {
    padding: .5rem 0;
    margin: 1rem 0 0
}

.hide-show span {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2
}

.error-message .hide-show span,.ajax-error-message .hide-show span {
    font-size: .875rem
}

.icon-arrow-down {
    background-image: url(https://ctest.nz/b2c-ui/images/icons/back.svg);
    transform: rotate(270deg);
    background-repeat: no-repeat;
    float: right;
    margin-top: .375rem;
    margin-right: .375rem;
    width: .4125rem;
    height: .74375rem
}

.open .icon-arrow-down {
    transform: rotate(90deg)
}

.icon-arrow-down.need-help {
    float: none;
    margin-left: .625rem;
    width: .625rem;
    height: 1rem;
    background-size: contain;
    display: inline-block;
    margin-bottom: -.1875rem
}

.collapsible {
    border-bottom: 1px solid #d1d1d1
}

.overview-icon {
    display: none
}

div.icon-large {
    width: 3.5rem;
    height: auto;
    margin-bottom: 1em
}

@media(min-width: 576px) {
    div.icon-large {
        width:4.25rem
    }
}

div.icon-large,div.icon-large+h3,div.icon-large+h4 {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em
}

div.icon-large.icon-large-identity {
    content: url(https://ctest.nz/b2c-ui/images/icons/overview-icons/standard/identity.svg)
}

div.icon-large.icon-large-address {
    content: url(https://ctest.nz/b2c-ui/images/icons/overview-icons/standard/address.svg)
}

div.icon-large.icon-large-identity-complete {
    content: url(https://ctest.nz/b2c-ui/images/icons/overview-icons/complete/identity-complete.svg)
}

div.icon-large.icon-large-address-complete {
    content: url(https://ctest.nz/b2c-ui/images/icons/overview-icons/complete/address-complete.svg)
}

div.icon-large.icon-large-identity:before {
    content: url(https://ctest.nz/b2c-ui/images/icons/overview-icons/standard/identity.svg)
}

div.icon-large.icon-large-address:before {
    content: url(https://ctest.nz/b2c-ui/images/icons/overview-icons/standard/address.svg)
}

div.icon-large.icon-large-identity-complete:before {
    content: url(https://ctest.nz/b2c-ui/images/icons/overview-icons/complete/identity-complete.svg)
}

div.icon-large.icon-large-address-complete:before {
    content: url(https://ctest.nz/b2c-ui/images/icons/overview-icons/complete/address-complete.svg)
}

.phone-number-block {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.phone-number-block .error-block,.phone-number-block span {
    flex: 1 0 100%
}

.phone-number-block .selectprefix,.phone-number-block .areacode {
    flex: 1 0 40%;
    min-width: 0
}

.phone-number-block .countryprefix {
    margin-right: .75rem
}

.phone-number-block .phone-number-body {
    flex: 1 0 100%;
    min-width: 0;
    margin-top: .75rem
}

@media(min-width: 576px) {
    .phone-number-block {
        display:flex;
        flex-flow: row wrap;
        justify-content: flex-start
    }

    .phone-number-block span {
        flex: 1 0 100%
    }

    .phone-number-block .control.selectprefix,.phone-number-block .control.areacode {
        flex: 0 0 auto;
        width: 8.125rem;
        margin-right: .75rem
    }

    .phone-number-block .control.selectprefix.countryprefix,.phone-number-block .control.areacode.countryprefix {
        width: 12.5rem
    }

    .phone-number-block .control.phone-number-body {
        flex: 1 0 auto;
        width: auto;
        margin-top: 0
    }
}

.control>input.realme-code {
    width: 100%;
    max-height: 3.25rem;
    line-height: 1;
    font-weight: 600;
    font-size: 1.5rem;
    text-transform: uppercase;
    padding: 1.25rem .375rem .375rem 1.125rem;
    letter-spacing: .5rem
}

@media(min-width: 576px) {
    .control>input.realme-code {
        width:17.5rem
    }
}

input.secret-pin {
    width: 100%
}

@media(min-width: 576px) {
    input.secret-pin {
        width:9.9375rem
    }
}

.control-group.checkbox {
    display: block;
    position: relative
}

.control-group.checkbox .control {
    position: inherit
}

.control-group.checkbox .control label,.control-group.checkbox .control input {
    vertical-align: text-top
}

.control-group.checkbox .control input {
    width: auto;
    height: auto;
    position: absolute
}

.control-group.checkbox .control label {
    position: relative;
    top: 0;
    left: 1.6rem;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    cursor: pointer;
    pointer-events: auto
}

.control-group.checkbox .control input:focus+label {
    top: 0;
    font-size: .938rem
}

.control-group.checkbox.has-error .control label {
    color: #222
}

.checkbox input {
    opacity: 0
}

.checkbox label::before {
    background-color: #fff;
    border: 1px solid silver;
    color: #fff;
    content: "\2714 \fe0e";
    display: inline-block;
    height: 1rem;
    width: 1rem;
    border-radius: 3px;
    line-height: 1;
    box-sizing: border-box;
    padding-left: 1px;
    font-size: .875rem;
    position: absolute;
    margin-top: .375rem;
    margin-left: -1.5rem
}

.checkbox input:checked+label::before {
    background-color: #3b99fc;
    border: 1px solid #3b99fc;
    color: #fff
}

.checkbox input:focus+label::before {
    border: 1px solid #3b99fc
}

.checkbox.has-error label::before,.checkbox.has-error input:focus+label::before {
    border: 1px solid #c70000
}

.captcha {
    margin-top: 1rem
}

input.captcha-input {
    width: 100%
}

@media(min-width: 576px) {
    input.captcha-input {
        width:9.9375rem
    }
}

.captchaControls {
    margin-bottom: 1rem
}

.captchaControls .link {
    font-size: .938rem;
    display: block
}

@media(min-width: 576px) {
    .captchaControls .link {
        display:inline
    }
}

.captchaControls .link:first-child {
    margin-right: 1rem
}

.downloadAudio {
    display: inline
}

.embeddedAudio {
    display: none
}

@media(min-width: 576px) {
    .downloadAudio {
        display:none
    }

    .embeddedAudio {
        display: block
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .downloadAudio {
        display: inline
    }

    .embeddedAudio {
        display: none
    }
}

@supports(overflow: -webkit-marquee) and (justify-content:inherit) {
    .downloadAudio {
        display:inline
    }

    .embeddedAudio {
        display: none
    }
}

.page-heading {
    display: flex;
    flex-flow: column nowrap;
    padding-bottom: 1.125rem
}

.page-heading h2 {
    margin-bottom: 0
}

@media(min-width: 576px) {
    .page-heading {
        border-bottom:2px solid #d1d1d1;
        margin-bottom: 1.875rem;
        padding-bottom: 1.875rem
    }

    .page-heading h2 {
        font-size: 2.3125rem
    }
}

.heading-icon {
    background-repeat: no-repeat;
    background-size: contain;
    width: 3.5rem;
    height: 3.5rem
}

@media(min-width: 895px) {
    .heading-icon {
        width:7.5rem;
        height: 7.5rem
    }
}

.heading-icon.identity_icon {
    background-image: url(https://ctest.nz/b2c-ui/images/icons/overview-icons/standard/identity.svg)
}

.heading-icon.address_icon {
    background-image: url(https://ctest.nz/b2c-ui/images/icons/overview-icons/standard/address.svg)
}

.page-heading-with-icon {
    display: flex;
    flex-flow: row nowrap;
    border-bottom: 2px solid #d1d1d1;
    padding-bottom: 1rem
}

@media(min-width: 576px) {
    .page-heading-with-icon {
        margin-bottom:1.875rem;
        padding-bottom: 3.75rem
    }

    .page-heading-with-icon h2 {
        font-size: 2.3125rem;
        margin-bottom: 0
    }
}

.page-heading-with-icon .page-heading-with-icon-left {
    margin-top: .5rem
}

@media(min-width: 895px) {
    .page-heading-with-icon .page-heading-with-icon-left {
        display:none
    }
}

.page-heading-with-icon .page-heading-with-icon-centre {
    width: 12.5rem;
    margin-left: 1rem
}

.page-heading-with-icon .page-heading-with-icon-centre p {
    display: none
}

@media(min-width: 895px) {
    .page-heading-with-icon .page-heading-with-icon-centre {
        margin-left:unset;
        width: 70%;
        height: unset
    }

    .page-heading-with-icon .page-heading-with-icon-centre p {
        display: block
    }
}

.page-heading-with-icon .page-heading-with-icon-right {
    display: none
}

@media(min-width: 895px) {
    .page-heading-with-icon .page-heading-with-icon-right {
        display:block;
        width: 100%
    }
}

.term-of-use-refused {
    display: block
}

fieldset {
    border: none;
    padding-left: 0
}

.toast {
    position: fixed;
    display: block;
    bottom: 2em;
    height: 2em;
    width: 10em;
    left: calc(50% - 5em);
    animation: toast-fade-in 1s 2 alternate;
    background-color: #000;
    border-radius: 2em;
    color: #fff;
    text-align: center;
    padding: 1em;
    line-height: 2em;
    opacity: 0
}

@keyframes toast-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

input,select {
    border-radius: .25rem;
    -webkit-border-radius: .25rem
}

input[type=submit] {
    -webkit-appearance: none
}

input[type=radio]~.tooltip {
    display: none
}

input[type=radio]:checked~.tooltip {
    display: block
}

hr {
    height: 2px;
    color: #d1d1d1;
    background: #d1d1d1;
    border: 0;
    font-size: 0
}

.single-page hr.section-break {
    margin: 2rem 0
}

.single-page hr.mobile-only {
    margin-top: .6875rem;
    margin-bottom: 1.5rem
}

@media(min-width: 576px) {
    hr.mobile-only {
        display:none
    }
}

hr:last-child {
    display: none
}

.modal-trigger,.modal-close {
    cursor: pointer
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.modal .modal-matte {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .4
}

.modal .modal-body {
    position: relative;
    border: 1px solid #d1d1d1;
    background-color: #fff;
    overflow-y: auto;
    padding: 0;
    z-index: 100;
    width: 67.5rem;
    height: 45rem;
    border-radius: .625rem;
    margin-left: 1rem;
    margin-right: 1rem
}

.modal.modal-small .modal-body {
    width: 27rem;
    height: auto
}

.modal .modal-body h2 {
    margin-right: 1rem;
    margin-top: .5rem;
    margin-bottom: .5rem
}

.modal .modal-body h3 {
    font-family: inter;
    font-weight: 600;
    margin-top: .5rem;
    margin-bottom: .5rem
}

.modal .modal-body h4 {
    color: #222;
    margin-top: .5rem;
    margin-bottom: .5rem
}

.modal .modal-body p {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.modal .modal-body hr {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.modal .modal-body .modal-inner {
    margin: 1.25rem;
    padding: 1.25rem;
    position: relative
}


@media(max-width: 576px) {
    .modal .modal-body,.modal.modal-small .modal-body {
        border-radius:0;
        margin: 0;
        width: 100%;
        height: 100%;
        max-height: none;
        max-width: none
    }

    .modal .modal-body .modal-inner {
        border: solid 1px #000
    }
}

label.detail {
    font-family: inter;
    line-height: 1.5;
    color: #949494;
    font-weight: 600;
    font-size: .938rem;
    margin-bottom: 0;
    margin-top: .5rem
}

@media(min-width: 576px) {
    label.detail {
        font-size:.938rem;
        margin-top: 1rem
    }
}

table.sharing-terms-table tr td,table.sharing-terms-table tr th {
    display: table-row;
    text-align: left
}

a.modal-trigger {
    display: block;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

a.name-spell {
    margin-top: 1rem;
    text-decoration: none
}

#capsWarning {
    margin-top: .125rem
}

#capsWarning span {
    vertical-align: middle
}

#capsWarning span.icon {
    background-image: url(https://ctest.nz/b2c-ui/images/icons/icon-warning.svg);
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.qr-container,.timecode-container,.google-auth-switch-button {
    display: none
}

.qr-container.is-visible,.timecode-container.is-visible,.google-auth-switch-button.is-visible {
    display: block
}

.google-auth-switch-button {
    margin-top: .5rem
}

.qr-container img {
    display: block;
    margin: 0 auto
}

@media(min-width: 895px) {
    .qr-container {
        position:relative
    }

    .qr-container .qr {
        position: absolute;
        left: calc(100% + 2rem);
        top: -2rem
    }

    .qr-container .qr img {
        margin: 0
    }
}

.timecode-container .google-auth-timecode {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
    width: 100%;
    padding: .8125rem;
    border: solid 1px #d1d1d1;
    border-radius: .25rem;
    display: block;
    font-weight: 600;
    font-size: .938rem;
    letter-spacing: .1rem;
    margin: 1.125rem 0
}

@media(min-width: 576px) {
    .timecode-container .google-auth-timecode {
        width:17.5rem
    }
}

.verify-type-link {
    display: block;
    margin-top: 1.5rem;
    margin-bottom: .75rem
}

.edit-link {
    display: block;
    margin-top: 1rem
}

#alternativeOptions input[type=radio] {
    -webkit-appearance: radio
}

.icon-help {
    background-image: url(https://ctest.nz/b2c-ui/images/icons/icon-help-blue.svg);
    background-repeat: no-repeat;
    padding-right: 1.6rem;
    background-position-y: center
}

.icon-new-window {
}

.date_fields {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start
}

.date_fields .input-mini {
    width: 3.25rem;
    margin-right: .75rem
}

.date_fields .input-small {
    width: 3.9375rem
}

.inline-hint-message {
    font-family: Inter;
    font-size: .875rem;
    display: block;
    line-height: 1.29;
    margin-top: .25rem
}

.confirmation {
    display: none
}

@media(min-width: 895px) {
    .confirmation {
        display:block
    }
}

.control-group.name-group {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start
}

@media(min-width: 895px) {
    .control-group.name-group {
        flex-flow:row nowrap
    }
}

.control-group.name-group .name {
    margin: 0 1rem
}

.control-group.name-group .name label {
    font-weight: 700
}

.control-group.name-group .name:first-child {
    margin-left: 0
}

.nameSwapRenderLink {
    display: block;
    padding: 1rem 0
}

.name-swap {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    border-radius: 1rem;
    margin-bottom: 1.5rem
}

.name-swap .name-swap-left label,.name-swap .name-swap-right label {
    display: block;
    margin-bottom: .5rem
}

.name-swap .name-swap-left label,.name-swap .name-swap-right label {
    font-weight: 700
}

.name-swap .name-swap-left input,.name-swap .name-swap-right input {
    padding-top: 0
}

.name-swap .inputArrowsNameSwap {
    height: 2.5em
}

.input-required-indicator {
    color: red;
    margin-left: .2em
}

#reject-consent-buttons {
    display: flex;
    flex-direction: column;
    align-items: stretch
}

#reject-consent-buttons button {
    margin-top: 1em
}

.login-box input:-webkit-autofill:focus~label {
    font-size: 16px
}

#forgotUsernamePassword {
    margin-top: 1.5em
}

#cancel2 {
    margin-right: 1rem
}

.bg-web-tangerine {
    background-color: #d64309!important
}

.btn-icon {
    display: flex
}

.btn-green,.verifyCode {
    background-color: #008022!important;
    color: #fff!important;
    border: none!important
}

.btn-red {
    background-color: #fbece6!important;
    color: #c43d08!important;
    border: none!important
}

.sendCode img,.sendNewCode img,.verifyCode img {
    position: inherit!important
}

.img-icon {
    width: 25px!important;
    height: 25px!important;
    margin-right: .6rem
}

.position-inherit {
    position: inherit!important
}

.btn-icon section {
    display: flex!important
}

.sharing-terms h3 {
    color: #d64309
}

input:focus-visible {
    outline: 2px solid #101010
}

@media(max-width: 894px) {
    .banner.cobranding {
        margin-bottom:1rem
    }
}

input[type=radio] {
    accent-color: #d64309
}

li.TextBox.VerificationCode {
    list-style-type: none
}

#authAppHelpLink,#authAppManualSetup {
    color: #d64309;
    font-weight: 600;
    padding-top: 1rem;
    padding-bottom: 1rem
}

#strongAuthenticationAppUserDeepLink {
    color: #d64309;
    font-weight: 600
}

.auth-app-manual-detial {
    color: #c43d08
}

.authAppKey {
    font-weight: 600;
    padding-right: 1.5rem
}

#authAppDetail {
    word-wrap: break-word
}

.name-error {
    color: #c70000
}

.heading h1 {
    display: none
}

.required-input::after {
    content: ' *';
    color: red;
    margin-left: -.07rem
}

.force-show {
    display: block!important
}

#termsOfUseAccepted_true {
    accent-color: #d64309!important
}

@media(min-width: 895px) {
    div.page .inner {
        padding-top:1.8125rem;
        padding-bottom: 2.5rem
    }
}

@media(min-width: 576px) {
    .page-heading {
        padding-bottom:1.125rem
    }
}

@media(max-width: 576px) {
    .page-heading {
        padding-bottom:1.125rem
    }

    body .modal-dialog-centered {
        justify-content: center
    }
}

.verifying-modal.simplemodal-data {
    background-color: #fff;
    border-radius: 5px
}

.modal .modal-body {
    text-align: left
}

.error,.highlightError,.invalid,.highlightError+label,.invalid+label {
    color: #c70000
}

.highlightError,.invalid {
    border-color: #c70000;
    background-color: #fefafa
}

div.attrEntry,div.entry-item {
    position: relative
}

div.attrEntry>select+label,div.attrEntry>input[type=text]+label,div.attrEntry>input[type=password]+label,div.entry-item>input[type=text]+label,div.entry-item>input[type=password]+label {
    position: absolute;
    top: .1875rem;
    left: 1rem;
    font-size: .75rem;
    font-weight: 400;
    pointer-events: none;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

div.attrEntry>input[type=text]:placeholder-shown:not(:focus)+label,div.attrEntry>input[type=password]:placeholder-shown:not(:focus)+label,div.entry-item>input[type=text]:placeholder-shown:not(:focus)+label,div.entry-item>input[type=password]:placeholder-shown:not(:focus)+label {
    font-size: .938rem;
    top: .875rem
}

#attributeVerification #attributeList>ul>li .attrEntry.phoneNumber input,#attributeVerification #attributeList>ul>li .attrEntry.phoneNumber select {
    display: inline-block
}

#attributeVerification #attributeList>ul>li .attrEntry.phoneNumber select.countryCode {
    width: 30%
}

#attributeVerification #attributeList>ul>li .attrEntry.phoneNumber input.nationalNumber {
    width: 66%;
    float: right
}

#attributeVerification #attributeList>ul>li .attrEntry.phoneNumber input.nationalNumber+label {
    left: 36.25%
}

#api .working {
    background: url(data:image/gif;base64,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)no-repeat;
    background-image: url(data:image/gif;base64,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);
    background-position-x: center;
    background-position-y: bottom;
    background-size: initial;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    height: 30px;
    width: auto;
    background-position: 50% 100%
}

.force-hide {
    display: none!important
}

#attributeVerification>.verifying-modal {
    display: none
}

input,select {
    background-color: #f2f2f2!important
}



@media(max-width: 576px) {
    #consent-reject-modal.modal .modal-body,#consent-reject-modal.modal.modal-small .modal-body {
        border-radius:revert!important;
        margin: revert!important;
        width: revert!important;
        height: revert!important;
        max-height: revert!important;
        max-width: revert!important
    }

    #consent-reject-modal.modal .modal-body .modal-inner {
        border: revert
    }
}

body {
    background-color: #fff!important
}

label {
    font-weight: 600
}

#api {
    margin: 0 auto
}

ul {
    padding: 0
}

#attributeList>ul {
    padding: 0
}

#attributeList>ul>li {
    list-style: none;
    margin: 1rem 0
}

#attributeList>ul>li .helpLink {
    display: none
}

button.btn.primary {
    color: #fff;
    background-color: #d64309;
    border: none
}

button.btn.secondary {
    color: #555;
    background-color: #fff;
    border: solid 1px #b6b6b6
}

ul>li.CheckboxMultiSelect label,ul>li.RadioSingleSelect label {
    display: block!important
}

ul>li.CheckboxMultiSelect input[type=checkbox],ul>li.RadioSingleSelect input[type=radio] {
    height: 50px;
    width: 70%;
    border-radius: .5rem;
    text-indent: 20px;
    box-shadow: 0 2px 10px rgba(0,0,150,.15);
    width: 24px!important;
    box-shadow: none;
    height: 24px;
    clear: left;
    padding: .5rem;
    float: left
}

ul>li.CheckboxMultiSelect input[type=checkbox]+label,ul>li.RadioSingleSelect input[type=radio]+label {
    padding: .1rem 0 0 2.8rem;
    font-weight: 400
}

input,select {
    background-color: #f4f4f4;
    border: 1px solid #d1d1d1;
    border-radius: 1rem;
    box-sizing: border-box;
    color: #000;
    font-family: Inter;
    font-size: .938rem;
    height: 3.25rem;
    padding-left: 1rem;
    width: 100%
}

#attributeList>ul>li .attrEntry .dropdown_single {
    width: 100%;
    padding-left: .7rem
}

#attributeList>ul>li .attrEntry .dropdown_single option:first-child {
    display: block!important
}

#api form li.VerificationControl .verificationControlContent li .attrEntry {
    margin-top: 1rem
}

#api form li.VerificationControl div.buttons {
    margin-top: 0
}

#api form li.VerificationControl div.buttons button+button {
    margin-right: 1rem
}

form#attributeVerification>div.buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

form#attributeVerification>div.buttons {
    display: block
}

form#attributeVerification>div.buttons>button {
    display: inline-block
}

form#attributeVerification>div.buttons>button#continue,form#attributeVerification>div.buttons>button#continueCustom {
    margin-right: 1rem
}

@media(max-width: 575.98px) {
    form#attributeVerification>div.buttons {
        -ms-flex-direction:column-reverse!important;
        flex-direction: column-reverse!important
    }

    form#attributeVerification>div.buttons>#continue {
        margin-left: auto!important
    }
}

.btn:disabled {
    pointer-events: none
}

@font-face {
    font-family: inter;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-Thin.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-Thin.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-ThinItalic.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-ThinItalic.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-ExtraLight.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-ExtraLight.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-ExtraLightItalic.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-ExtraLightItalic.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-Light.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-Light.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-LightItalic.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-LightItalic.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-Regular.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-Regular.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-Italic.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-Italic.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-Medium.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-Medium.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-MediumItalic.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-MediumItalic.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-SemiBold.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-SemiBold.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(Inter-SemiBoldItalic.woff2?v=3.19)format("woff2"),url(Inter-SemiBoldItalic.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-Bold.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-Bold.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-BoldItalic.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-BoldItalic.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-ExtraBold.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-ExtraBold.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-ExtraBoldItalic.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-ExtraBoldItalic.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-Black.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-Black.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-BlackItalic.woff2?v=3.19)format("woff2"),url(https://ctest.nz/b2c-ui/fonts/inter/Inter-BlackItalic.woff?v=3.19)format("woff")
}

@font-face {
    font-family: inter var;
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
    font-named-instance:'Regular';src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-roman.var.woff2?v=3.19)format("woff2")
}

@font-face {
    font-family: inter var;
    font-weight: 100 900;
    font-display: swap;
    font-style: italic;
    font-named-instance:'Italic';src: url(https://ctest.nz/b2c-ui/fonts/inter/Inter-italic.var.woff2?v=3.19)format("woff2")
}