html, body {
	overflow-x: hidden !important;
	-webkit-font-smoothing: antialiased;
	height: 100%;
}

html:has(.modal-open, .npb-agreement__modal-open, .npb-help-content) {
    overflow-y: hidden;
}

body:has(.npb-agreement__modal-open, .npb-help-content) {
    overflow-y: hidden;
}

.intercom-app {
    font-size: 0 !important;
}

body {
    background-color: #FFFFFF;
    font-family: "Roboto", sans-serif;
}

.npb-auth-template {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100vh;
}

.npb-auth-styled-img,
.npb-register-styled-img {
    display: block;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.npb-register-styled-img.npb-register-wrapper-mobile {
    display: none;
}

.npb-form-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 12%;
    padding-right: 12%;
}

.npb-form-container > div {
    max-width: 480px;
}

.npb-form-container > .npb-form-box {
    position: relative;
}

.npb-form-header {
    display: flex;
    margin-bottom: 112px;
}

.npb-form-header > .navigation-links {
    margin-left: auto;
}

.npb-form-container:has(.npb-auth-footer) .npb-form-header {
    margin-top: auto;
}

.npb-auth-logo {
    width: auto;
    height: 24px;
}

.navigation-links {
    list-style: none;
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.navigation-links > li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 24px;
}

/*!* ////////////// RTL ////////////// *!*/

body.locale-sa [i18n] {
	unicode-bidi: embed;
}

body.locale-sa .npb-form-container {
	direction: rtl;
}

body.locale-sa .npb-form-container .user-menu,
body.locale-sa .npb-form-container .g-recaptcha{
    direction: ltr;
}

body.locale-sa .npb-form-header > .navigation-links {
    margin-left: 0;
    margin-right: auto;
}

body.locale-sa .intl-tel-input input {
	text-align: right;
    direction: rtl;
}

.npb-auth-form-title {
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-weight: 800;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 24px;
}

.npb-register-btn {
    margin-top: 32px;
}

.npb-form-container .form-group.registration,
.npb-form-container .form-group.auth {
    position: relative;
    margin-bottom: 16px;
}

.npb-form-container .form-group.auth > input[type="password"] {
    color: black;
    font: small-caption;
    letter-spacing: 6px;
}

.npb-form-container .form-group.auth .npb-show-pass {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 15px;
    background: url("../img/eye.svg") center center no-repeat transparent;
    border: none;
    z-index: 10;
}

body.locale-sa .npb-form-container .form-group.auth .npb-show-pass {
    right: auto;
    left: 15px;
}

.npb-form-container .form-group.auth.visible .npb-show-pass {
    background: url("../img/eye-slash.svg") center center no-repeat transparent;
}

.npb-auth .form-group.auth:has(input[type="checkbox"]) {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.npb-auth .form-group.auth:has(input[type="checkbox"]) > span {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.004em;
}

.npb-auth .form-group.auth input[type="checkbox"] {
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: #B2BEC3;
    width: 18px;
    height: 18px;
    border: 1px solid #B2BEC3;
    border-radius: 4px;
    transform: translateY(-0.075em);
    outline: none;
    display: grid;
    place-content: center;
    cursor: pointer;
}

.npb-auth .form-group.auth input[type="checkbox"]::before {
    content: "";
    width: 12px;
    height: 12px;
    transform: scale(0);
    border-radius: 3px;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 15px 15px #009B7A;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.npb-form-container .form-group.auth  input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.npb-form-container .form-group.registration:has(.npb-pincode-wrapper) .text-red,
.npb-form-container .form-group.auth:has(.npb-pincode-wrapper) .text-red {
    margin-top: 8px;
}

.npb-form-container .form-group.has-error .form-control {
    border: 1px solid #F53126;
}

.npb-form-container .form-group.has-error .text-red {
    color: #F53126;
    margin: 1px 0 0 0;
    line-height: 19px;
}

.npb-auth-input {
    border-radius: 8px !important;
    border: 1px solid #D2D2D7;
    position: relative;
    height: 48px;
    color: #000000;
    font-size: 14px !important;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0.004em;
    padding: 16px 12px 6px;
    transition: all .2s ease-in-out;
    caret-color: #009B7A;
    z-index: 1;
    background-color: transparent;
}

.npb-auth-input:hover {
    border: 1px solid #B2BEC3;
}

.npb-form-container .form-group:has(.npb-auth-input:hover) .npb-auth-input-label,
.npb-form-container .form-group:has(.npb-auth-input:focus) .npb-auth-input-label,
.npb-form-container .form-group.has-error .npb-auth-input-label {
    color: #77787A;
}

.npb-auth-input:focus {
    border: 2px solid #009B7A !important;
}

.npb-auth-input::placeholder {
    color: transparent;
}

.npb-form-container .form-group.auth > input[readonly] {
    background-color: transparent;
    opacity: 0.9;
}

.npb-form-container .form-group.auth > input[readonly]:hover,
.npb-form-container .form-group.auth > input[readonly]:focus {
    border: 1px solid #D2D2D7 !important;
    background-color: transparent !important;
}

.npb-auth-input-label {
    transition: top 0.2s, font-size 0.2s;
    position: absolute;
    top: 16px;
    left: 13px;
    color: #88888D;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0.004em;
    padding-top: 0 !important;
    z-index: 0;
}

body.locale-sa .npb-auth-input-label {
    left: auto;
    right: 13px;
}

.npb-auth-input:focus + .npb-auth-input-label,
.npb-auth-input:not(:placeholder-shown) ~ .npb-auth-input-label,
.form-group.has-error .npb-auth-input:focus ~ .npb-auth-input-label,
.npb-form-container .intl-tel-input.separate-dial-code ~ .npb-auth-input-label  {
    font-size: 11px;
    top: 5px;
}

.npb-auth-input:is(:-webkit-autofill, :autofill) ~ .npb-auth-input-label {
    z-index: 1;
}

.npb-form-container .intl-tel-input.separate-dial-code .selected-dial-code {
    position: absolute;
    left: 52px;
    top: 0;
    color: #77787A;
    font-size: 14px;
    line-height: normal;
    height: 48px;
    padding: 16px 0 6px;
    display: flex;
    align-items: center;
    vertical-align: initial;
}

body.locale-sa .npb-form-container .intl-tel-input.separate-dial-code .selected-dial-code {
    direction: ltr;
}

.npb-auth .intl-tel-input .country-list {
    margin-top: 4px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #D2D2D7;
    border-radius: 8px;
}

body.locale-sa.npb-auth .intl-tel-input .country-list {
    left: 0;
    text-align: right;
}

.npb-auth .intl-tel-input .country-list .country.active,
.npb-auth .intl-tel-input .country-list .country:hover {
    background-color: #F1F4F6;
}

.npb-auth .intl-tel-input .country-list .country.active {
    position: relative;
}

body.locale-sa.npb-auth .country .flag-box {
    vertical-align: bottom;
}

body.locale-sa.npb-auth .country .flag-box {
    margin-right: 0;
    margin-left: 6px;
}

.npb-auth .intl-tel-input .country-list .country.active::after {
    content: "";
    position: absolute;
    top: 9px;
    right: 9px;
    width: 12px;
    height: 12px;
    background-image: url("../img/rounded-checkmark.svg");
    background-size: contain;
}

body.locale-sa.npb-auth .intl-tel-input .country-list .country.active::after {
    left: 9px;
    right: auto;
}

.npb-auth .intl-tel-input .country-list .divider {
    border-bottom: 1px solid #F1F4F6;
    margin: 0 10px;
}

.npb-form-container .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.npb-form-container .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.npb-form-container .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 68px;
}

.npb-form-container .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.npb-form-container .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.npb-form-container .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 76px;
}

.npb-form-container .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.npb-form-container .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.npb-form-container .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 84px;
}

.npb-form-container .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.npb-form-container .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.npb-form-container .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 92px;
}

.npb-form-container .intl-tel-input.separate-dial-code.allow-dropdown .selected-flag {
    width: 46px !important;
    height: 48px;
    background-color: transparent !important;
}

.npb-auth .selected-flag .iti-flag {
    width: 20px;
    height: 20px;
}

body.locale-sa.npb-auth  .selected-flag .iti-flag {
    left: 8px;
}

.npb-form-container .intl-tel-input.separate-dial-code.allow-dropdown .selected-flag .iti-arrow {
    margin-top: -3px;
    right: 3px;
    border: solid #B2BEC3;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg);
}

.npb-form-container .intl-tel-input ~ .npb-auth-input-label {
    left: 53px;
}

.npb-form-container .intl-tel-input .flag-container {
    height: 48px;
    padding: 0;
}

.npb-main-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    background-color: #009B7A;
    border-radius: 15px;
    color: #FFFFFF;
    padding: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.10px;
    border: none;
    transition: background-color .3s;
}

.npb-main-button.btn-sm {
    height: 40px;
}

.npb-main-button:hover {
    color: #FFFFFF;
    background-color: #008A6D;
}

.npb-main-button:active,
.npb-main-button:focus {
    color: #FFFFFF;
    background-color: #008065;
    border: none;
    outline: none !important;
}

.npb-main-button:visited,
.npb-main-button:visited:hover {
    color: #FFFFFF;
    outline: none !important;
}

.npb-auth-agreement {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.004em;
    color: #77787A;
    margin-top: 24px;
}

.npb-auth-agreement > a {
    color: #77787A;
    text-decoration: underline;
}

.npb-auth .iti-flag {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-position: 0 0;
    background-size: contain;
    background-image: none;
}

.npb-auth .iti-flag.ac:after,
.npb-auth .iti-flag.ai:after,
.npb-auth .iti-flag.ag:after,
.npb-auth .iti-flag.aq:after,
.npb-auth .iti-flag.as:after,
.npb-auth .iti-flag.aw:after,
.npb-auth .iti-flag.ax:after,
.npb-auth .iti-flag.ba:after,
.npb-auth .iti-flag.bl:after,
.npb-auth .iti-flag.bm:after,
.npb-auth .iti-flag.bq:after,
.npb-auth .iti-flag.bv:after,
.npb-auth .iti-flag.cc:after,
.npb-auth .iti-flag.cd:after,
.npb-auth .iti-flag.cf:after,
.npb-auth .iti-flag.cg:after,
.npb-auth .iti-flag.ck:after,
.npb-auth .iti-flag.cp:after,
.npb-auth .iti-flag.cw:after,
.npb-auth .iti-flag.cx:after,
.npb-auth .iti-flag.dg:after,
.npb-auth .iti-flag.ea:after,
.npb-auth .iti-flag.eh:after,
.npb-auth .iti-flag.eu:after,
.npb-auth .iti-flag.fk:after,
.npb-auth .iti-flag.fo:after,
.npb-auth .iti-flag.gf:after,
.npb-auth .iti-flag.gg:after,
.npb-auth .iti-flag.gi:after,
.npb-auth .iti-flag.gl:after,
.npb-auth .iti-flag.gp:after,
.npb-auth .iti-flag.gs:after,
.npb-auth .iti-flag.gu:after,
.npb-auth .iti-flag.hk:after,
.npb-auth .iti-flag.hm:after,
.npb-auth .iti-flag.ic:after,
.npb-auth .iti-flag.im:after,
.npb-auth .iti-flag.io:after,
.npb-auth .iti-flag.je:after,
.npb-auth .iti-flag.ky:after,
.npb-auth .iti-flag.mf:after,
.npb-auth .iti-flag.mo:after,
.npb-auth .iti-flag.mp:after,
.npb-auth .iti-flag.mq:after,
.npb-auth .iti-flag.ms:after,
.npb-auth .iti-flag.nc:after,
.npb-auth .iti-flag.nf:after,
.npb-auth .iti-flag.nu:after,
.npb-auth .iti-flag.pf:after,
.npb-auth .iti-flag.pm:after,
.npb-auth .iti-flag.pn:after,
.npb-auth .iti-flag.pr:after,
.npb-auth .iti-flag.ps:after,
.npb-auth .iti-flag.re:after,
.npb-auth .iti-flag.sh:after,
.npb-auth .iti-flag.si:after,
.npb-auth .iti-flag.sj:after,
.npb-auth .iti-flag.sx:after,
.npb-auth .iti-flag.ta:after,
.npb-auth .iti-flag.tc:after,
.npb-auth .iti-flag.tf:after,
.npb-auth .iti-flag.tk:after,
.npb-auth .iti-flag.tl:after,
.npb-auth .iti-flag.um:after,
.npb-auth .iti-flag.vg:after,
.npb-auth .iti-flag.vi:after,
.npb-auth .iti-flag.wf:after,
.npb-auth .iti-flag.xk:after,
.npb-auth .iti-flag.yt:after {
    content: 'NA';
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    font-weight: 600;
    color: gray;
    text-align: center;
}

.npb-auth .iti-flag.ac {}

.npb-auth .iti-flag.ad {
    background-image: url("../img/new-flags/ad.svg");
}
.npb-auth .iti-flag.ae {
    background-image: url("../img/new-flags/ae.svg");
}
.npb-auth .iti-flag.af {
    background-image: url("../img/new-flags/af.svg");
}

.npb-auth .iti-flag.ag {}
.npb-auth .iti-flag.ai {}

.npb-auth .iti-flag.al {
    background-image: url("../img/new-flags/al.svg");
}
.npb-auth .iti-flag.am {
    background-image: url("../img/new-flags/am.svg");
}
.npb-auth .iti-flag.ao {
    background-image: url("../img/new-flags/ao.svg");
}
.npb-auth .iti-flag.aq {}

.npb-auth .iti-flag.ar {
    background-image: url("../img/new-flags/ar.svg");
}

.npb-auth .iti-flag.as {}

.npb-auth .iti-flag.at {
    background-image: url("../img/new-flags/at.svg");
}
.npb-auth .iti-flag.au {
    background-image: url("../img/new-flags/au.svg");
}

.npb-auth .iti-flag.aw {}
.npb-auth .iti-flag.ax {}

.npb-auth .iti-flag.az {
    background-image: url("../img/new-flags/az.svg");
}

.npb-auth .iti-flag.ba {}

.npb-auth .iti-flag.bb {
    background-image: url("../img/new-flags/bb.svg");
}
.npb-auth .iti-flag.bd {
    background-image: url("../img/new-flags/bd.svg");
}
.npb-auth .iti-flag.be {
    background-image: url("../img/new-flags/be.svg");
}
.npb-auth .iti-flag.bf {
    background-image: url("../img/new-flags/bf.svg");
}
.npb-auth .iti-flag.bg {
    background-image: url("../img/new-flags/bg.svg");
}
.npb-auth .iti-flag.bh {
    background-image: url("../img/new-flags/bh.svg");
}
.npb-auth .iti-flag.bi {
    background-image: url("../img/new-flags/bi.svg");
}
.npb-auth .iti-flag.bj {
    background-image: url("../img/new-flags/bj.svg");
}

.npb-auth .iti-flag.bl {}
.npb-auth .iti-flag.bm {}

.npb-auth .iti-flag.bn {
    background-image: url("../img/new-flags/bn.svg");
}
.npb-auth .iti-flag.bo {
    background-image: url("../img/new-flags/bo.svg");
}

.npb-auth .iti-flag.bq {}

.npb-auth .iti-flag.br {
    background-image: url("../img/new-flags/br.svg");
}
.npb-auth .iti-flag.bs {
    background-image: url("../img/new-flags/bs.svg");
}
.npb-auth .iti-flag.bt {
    background-image: url("../img/new-flags/bt.svg");
}

.npb-auth .iti-flag.bv {}

.npb-auth .iti-flag.bw {
    background-image: url("../img/new-flags/bw.svg");
}
.npb-auth .iti-flag.by {
    background-image: url("../img/new-flags/by.svg");
}
.npb-auth .iti-flag.bz {
    background-image: url("../img/new-flags/bz.svg");
}
.npb-auth .iti-flag.ca {
    background-image: url("../img/new-flags/ca.svg");
}

.npb-auth .iti-flag.cc {}
.npb-auth .iti-flag.cd {}
.npb-auth .iti-flag.cf {}
.npb-auth .iti-flag.cg {}

.npb-auth .iti-flag.ch {
    background-image: url("../img/new-flags/ch.svg");
}
.npb-auth .iti-flag.ci {
    background-image: url("../img/new-flags/ci.svg");
}

.npb-auth .iti-flag.ck {}

.npb-auth .iti-flag.cl {
    background-image: url("../img/new-flags/cl.svg");
}
.npb-auth .iti-flag.cm {
    background-image: url("../img/new-flags/cm.svg");
}
.npb-auth .iti-flag.cn {
    background-image: url("../img/new-flags/cn.svg");
}
.npb-auth .iti-flag.co {
    background-image: url("../img/new-flags/co.svg");
}

.npb-auth .iti-flag.cp {}

.npb-auth .iti-flag.cr {
    background-image: url("../img/new-flags/cr.svg");
}
.npb-auth .iti-flag.cu {
    background-image: url("../img/new-flags/cu.svg");
}
.npb-auth .iti-flag.cv {
    background-image: url("../img/new-flags/cv.svg");
}

.npb-auth .iti-flag.cw {}
.npb-auth .iti-flag.cx {}

.npb-auth .iti-flag.cy {
    background-image: url("../img/new-flags/cy.svg");
}
.npb-auth .iti-flag.cz {
    background-image: url("../img/new-flags/cz.svg");
}
.npb-auth .iti-flag.de {
    background-image: url("../img/new-flags/de.svg");
}

.npb-auth .iti-flag.dg {}

.npb-auth .iti-flag.dj {
    background-image: url("../img/new-flags/dj.svg");
}
.npb-auth .iti-flag.dk {
    background-image: url("../img/new-flags/dk.svg");
}
.npb-auth .iti-flag.dm {
    background-image: url("../img/new-flags/dm.svg");
}
.npb-auth .iti-flag.do {
    background-image: url("../img/new-flags/do.svg");
}
.npb-auth .iti-flag.dz {
    background-image: url("../img/new-flags/dz.svg");
}

.npb-auth .iti-flag.ea {}

.npb-auth .iti-flag.ec {
    background-image: url("../img/new-flags/ec.svg");
}
.npb-auth .iti-flag.ee {
    background-image: url("../img/new-flags/ee.svg");
}
.npb-auth .iti-flag.eg {
    background-image: url("../img/new-flags/eg.svg");
}

.npb-auth .iti-flag.eh {}

.npb-auth .iti-flag.er {
    background-image: url("../img/new-flags/er.svg");
}
.npb-auth .iti-flag.es {
    background-image: url("../img/new-flags/es.svg");
}
.npb-auth .iti-flag.et {
    background-image: url("../img/new-flags/et.svg");
}

.npb-auth .iti-flag.eu {}

.npb-auth .iti-flag.fi {
    background-image: url("../img/new-flags/fi.svg");
}
.npb-auth .iti-flag.fj {
    background-image: url("../img/new-flags/fj.svg");
}

.npb-auth .iti-flag.fk {}

.npb-auth .iti-flag.fm {
    background-image: url("../img/new-flags/fm.svg");
}

.npb-auth .iti-flag.fo {}

.npb-auth .iti-flag.fr {
    background-image: url("../img/new-flags/fr.svg");
}
.npb-auth .iti-flag.ga {
    background-image: url("../img/new-flags/ga.svg");
}
.npb-auth .iti-flag.gb {
    background-image: url("../img/new-flags/en.svg");
}
.npb-auth .iti-flag.gd {
    background-image: url("../img/new-flags/gd.svg");
}
.npb-auth .iti-flag.ge {
    background-image: url("../img/new-flags/ge.svg");
}

.npb-auth .iti-flag.gf {}
.npb-auth .iti-flag.gg {}

.npb-auth .iti-flag.gh {
    background-image: url("../img/new-flags/gh.svg");
}

.npb-auth .iti-flag.gi {}
.npb-auth .iti-flag.gl {}

.npb-auth .iti-flag.gm {
    background-image: url("../img/new-flags/gm.svg");
}
.npb-auth .iti-flag.gn {
    background-image: url("../img/new-flags/gn.svg");
}

.npb-auth .iti-flag.gp {}

.npb-auth .iti-flag.gq {
    background-image: url("../img/new-flags/gq.svg");
}
.npb-auth .iti-flag.gr {
    background-image: url("../img/new-flags/gr.svg");
}

.npb-auth .iti-flag.gs {}

.npb-auth .iti-flag.gt {
    background-image: url("../img/new-flags/gt.svg");
}

.npb-auth .iti-flag.gu {}

.npb-auth .iti-flag.gw {
    background-image: url("../img/new-flags/gw.svg");
}
.npb-auth .iti-flag.gy {
    background-image: url("../img/new-flags/gy.svg");
}

.npb-auth .iti-flag.hk {}
.npb-auth .iti-flag.hm {}

.npb-auth .iti-flag.hn {
    background-image: url("../img/new-flags/hn.svg");
}
.npb-auth .iti-flag.hr {
    background-image: url("../img/new-flags/hr.svg");
}
.npb-auth .iti-flag.ht {
    background-image: url("../img/new-flags/ht.svg");
}
.npb-auth .iti-flag.hu {
    background-image: url("../img/new-flags/hu.svg");
}

.npb-auth .iti-flag.ic {}

.npb-auth .iti-flag.id {
    background-image: url("../img/new-flags/id.svg");
}
.npb-auth .iti-flag.ie {
    background-image: url("../img/new-flags/ie.svg");
}
.npb-auth .iti-flag.il {
    background-image: url("../img/new-flags/il.svg");
}

.npb-auth .iti-flag.im {}

.npb-auth .iti-flag.in {
    background-image: url("../img/new-flags/in.svg");
}

.npb-auth .iti-flag.io {}

.npb-auth .iti-flag.iq {
    background-image: url("../img/new-flags/iq.svg");
}
.npb-auth .iti-flag.ir {
    background-image: url("../img/new-flags/ir.svg");
}
.npb-auth .iti-flag.is {
    background-image: url("../img/new-flags/is.svg");
}
.npb-auth .iti-flag.it {
    background-image: url("../img/new-flags/it.svg");
}

.npb-auth .iti-flag.je {}

.npb-auth .iti-flag.jm {
    background-image: url("../img/new-flags/jm.svg");
}
.npb-auth .iti-flag.jo {
    background-image: url("../img/new-flags/jo.svg");
}
.npb-auth .iti-flag.jp {
    background-image: url("../img/new-flags/jp.svg");
}
.npb-auth .iti-flag.ke {
    background-image: url("../img/new-flags/ke.svg");
}
.npb-auth .iti-flag.kg {
    background-image: url("../img/new-flags/kg.svg");
}
.npb-auth .iti-flag.kh {
    background-image: url("../img/new-flags/kh.svg");
}
.npb-auth .iti-flag.ki {
    background-image: url("../img/new-flags/ki.svg");
}
.npb-auth .iti-flag.km {
    background-image: url("../img/new-flags/km.svg");
}
.npb-auth .iti-flag.kn {
    background-image: url("../img/new-flags/km.svg");
}
.npb-auth .iti-flag.kp {
    background-image: url("../img/new-flags/kp.svg");
}
.npb-auth .iti-flag.kr {
    background-image: url("../img/new-flags/kr.svg");
}
.npb-auth .iti-flag.kw {
    background-image: url("../img/new-flags/kw.svg");
}

.npb-auth .iti-flag.ky {}

.npb-auth .iti-flag.kz {
    background-image: url("../img/new-flags/kz.svg");
}
.npb-auth .iti-flag.la {
    background-image: url("../img/new-flags/la.svg");
}
.npb-auth .iti-flag.lb {
    background-image: url("../img/new-flags/lb.svg");
}
.npb-auth .iti-flag.lc {
    background-image: url("../img/new-flags/lc.svg");
}
.npb-auth .iti-flag.li {
    background-image: url("../img/new-flags/li.svg");
}
.npb-auth .iti-flag.lk {
    background-image: url("../img/new-flags/lk.svg");
}
.npb-auth .iti-flag.lr {
    background-image: url("../img/new-flags/lr.svg");
}
.npb-auth .iti-flag.ls {
    background-image: url("../img/new-flags/ls.svg");
}
.npb-auth .iti-flag.lt {
    background-image: url("../img/new-flags/lt.svg");
}
.npb-auth .iti-flag.lu {
    background-image: url("../img/new-flags/lu.svg");
}
.npb-auth .iti-flag.lv {
    background-image: url("../img/new-flags/lv.svg");
}
.npb-auth .iti-flag.ly {
    background-image: url("../img/new-flags/ly.svg");
}
.npb-auth .iti-flag.ma {
    background-image: url("../img/new-flags/ma.svg");
}
.npb-auth .iti-flag.mc {
    background-image: url("../img/new-flags/mc.svg");
}
.npb-auth .iti-flag.md {
    background-image: url("../img/new-flags/md.svg");
}
.npb-auth .iti-flag.me {
    background-image: url("../img/new-flags/me.svg");
}

.npb-auth .iti-flag.mf {}

.npb-auth .iti-flag.mg {
    background-image: url("../img/new-flags/mg.svg");
}
.npb-auth .iti-flag.mh {
    background-image: url("../img/new-flags/mh.svg");
}
.npb-auth .iti-flag.mk {
    background-image: url("../img/new-flags/mk.svg");
}
.npb-auth .iti-flag.ml {
    background-image: url("../img/new-flags/ml.svg");
}
.npb-auth .iti-flag.mm {
    background-image: url("../img/new-flags/mm.svg");
}
.npb-auth .iti-flag.mn {
    background-image: url("../img/new-flags/mn.svg");
}

.npb-auth .iti-flag.mo {}
.npb-auth .iti-flag.mp {}
.npb-auth .iti-flag.mq {}

.npb-auth .iti-flag.mr {
    background-image: url("../img/new-flags/mr.svg");
}

.npb-auth .iti-flag.ms {}

.npb-auth .iti-flag.mt {
    background-image: url("../img/new-flags/mt.svg");
}
.npb-auth .iti-flag.mu {
    background-image: url("../img/new-flags/mu.svg");
}
.npb-auth .iti-flag.mv {
    background-image: url("../img/new-flags/mv.svg");
}
.npb-auth .iti-flag.mw {
    background-image: url("../img/new-flags/mw.svg");
}
.npb-auth .iti-flag.mx {
    background-image: url("../img/new-flags/mx.svg");
}
.npb-auth .iti-flag.my {
    background-image: url("../img/new-flags/my.svg");
}
.npb-auth .iti-flag.mz {
    background-image: url("../img/new-flags/mz.svg");
}
.npb-auth .iti-flag.na {
    background-image: url("../img/new-flags/na.svg");
}

.npb-auth .iti-flag.nc {}

.npb-auth .iti-flag.ne {
    background-image: url("../img/new-flags/ne.svg");
}

.npb-auth .iti-flag.nf {}

.npb-auth .iti-flag.ng {
    background-image: url("../img/new-flags/ng.svg");
}
.npb-auth .iti-flag.ni {
    background-image: url("../img/new-flags/ni.svg");
}
.npb-auth .iti-flag.nl {
    background-image: url("../img/new-flags/nl.svg");
}
.npb-auth .iti-flag.no {
    background-image: url("../img/new-flags/no.svg");
}
.npb-auth .iti-flag.np {
    background-image: url("../img/new-flags/np.svg");
}
.npb-auth .iti-flag.nr {
    background-image: url("../img/new-flags/nr.svg");
}

.npb-auth .iti-flag.nu {}

.npb-auth .iti-flag.nz {
    background-image: url("../img/new-flags/nz.svg");
}
.npb-auth .iti-flag.om {
    background-image: url("../img/new-flags/om.svg");
}
.npb-auth .iti-flag.pa {
    background-image: url("../img/new-flags/pa.svg");
}
.npb-auth .iti-flag.pe {
    background-image: url("../img/new-flags/pe.svg");
}

.npb-auth .iti-flag.pf {}

.npb-auth .iti-flag.pg {
    background-image: url("../img/new-flags/pg.svg");
}
.npb-auth .iti-flag.ph {
    background-image: url("../img/new-flags/ph.svg");
}
.npb-auth .iti-flag.pk {
    background-image: url("../img/new-flags/pk.svg");
}
.npb-auth .iti-flag.pl {
    background-image: url("../img/new-flags/pl.svg");
}

.npb-auth .iti-flag.pm {}
.npb-auth .iti-flag.pn {}
.npb-auth .iti-flag.pr {}
.npb-auth .iti-flag.ps {}

.npb-auth .iti-flag.pt {
    background-image: url("../img/new-flags/pt.svg");
}
.npb-auth .iti-flag.pw {
    background-image: url("../img/new-flags/pw.svg");
}
.npb-auth .iti-flag.py {
    background-image: url("../img/new-flags/py.svg");
}
.npb-auth .iti-flag.qa {
    background-image: url("../img/new-flags/qa.svg");
}

.npb-auth .iti-flag.re {}

.npb-auth .iti-flag.ro {
    background-image: url("../img/new-flags/ro.svg");
}
.npb-auth .iti-flag.rs {
    background-image: url("../img/new-flags/rs.svg");
}
.npb-auth .iti-flag.ru {
    background-image: url("../img/new-flags/ru.svg");
}
.npb-auth .iti-flag.rw {
    background-image: url("../img/new-flags/rw.svg");
}
.npb-auth .iti-flag.sa {
    background-image: url("../img/new-flags/sa.svg");
}
.npb-auth .iti-flag.sb {
    background-image: url("../img/new-flags/sb.svg");
}
.npb-auth .iti-flag.sc {
    background-image: url("../img/new-flags/sc.svg");
}
.npb-auth .iti-flag.sd {
    background-image: url("../img/new-flags/sd.svg");
}
.npb-auth .iti-flag.se {
    background-image: url("../img/new-flags/se.svg");
}
.npb-auth .iti-flag.sg {
    background-image: url("../img/new-flags/sg.svg");
}

.npb-auth .iti-flag.sh {}
.npb-auth .iti-flag.si {}
.npb-auth .iti-flag.sj {}

.npb-auth .iti-flag.sk {
    background-image: url("../img/new-flags/sk.svg");
}
.npb-auth .iti-flag.sl {
    background-image: url("../img/new-flags/sl.svg");
}
.npb-auth .iti-flag.sm {
    background-image: url("../img/new-flags/sm.svg");
}
.npb-auth .iti-flag.sn {
    background-image: url("../img/new-flags/sn.svg");
}
.npb-auth .iti-flag.so {
    background-image: url("../img/new-flags/so.svg");
}
.npb-auth .iti-flag.sr {
    background-image: url("../img/new-flags/sr.svg");
}
.npb-auth .iti-flag.ss {
    background-image: url("../img/new-flags/ss.svg");
}
.npb-auth .iti-flag.st {
    background-image: url("../img/new-flags/st.svg");
}
.npb-auth .iti-flag.sv {
    background-image: url("../img/new-flags/sv.svg");
}

.npb-auth .iti-flag.sx {}

.npb-auth .iti-flag.sy {
    background-image: url("../img/new-flags/sy.svg");
}
.npb-auth .iti-flag.sz {
    background-image: url("../img/new-flags/sz.svg");
}

.npb-auth .iti-flag.ta {}
.npb-auth .iti-flag.tc {}

.npb-auth .iti-flag.td {
    background-image: url("../img/new-flags/td.svg");
}

.npb-auth .iti-flag.tf {}

.npb-auth .iti-flag.tg {
    background-image: url("../img/new-flags/tg.svg");
}
.npb-auth .iti-flag.th {
    background-image: url("../img/new-flags/th.svg");
}
.npb-auth .iti-flag.tj {
    background-image: url("../img/new-flags/tj.svg");
}

.npb-auth .iti-flag.tk {}
.npb-auth .iti-flag.tl {}

.npb-auth .iti-flag.tm {
    background-image: url("../img/new-flags/tm.svg");
}
.npb-auth .iti-flag.tn {
    background-image: url("../img/new-flags/tn.svg");
}
.npb-auth .iti-flag.to {
    background-image: url("../img/new-flags/to.svg");
}
.npb-auth .iti-flag.tr {
    background-image: url("../img/new-flags/tr.svg");
}
.npb-auth .iti-flag.tt {
    background-image: url("../img/new-flags/tt.svg");
}
.npb-auth .iti-flag.tv {
    background-image: url("../img/new-flags/tv.svg");
}
.npb-auth .iti-flag.tw {
    background-image: url("../img/new-flags/tw.svg");
}
.npb-auth .iti-flag.tz {
    background-image: url("../img/new-flags/tz.svg");
}
.npb-auth .iti-flag.ua {
    background-image: url("../img/new-flags/ua.svg");
}
.npb-auth .iti-flag.ug {
    background-image: url("../img/new-flags/ug.svg");
}

.npb-auth .iti-flag.um {}

.npb-auth .iti-flag.us {
    background-image: url("../img/new-flags/us.svg");
}
.npb-auth .iti-flag.uy {
    background-image: url("../img/new-flags/uy.svg");
}
.npb-auth .iti-flag.uz {
    background-image: url("../img/new-flags/uz.svg");
}
.npb-auth .iti-flag.va {
    background-image: url("../img/new-flags/va.svg");
}
.npb-auth .iti-flag.vc {
    background-image: url("../img/new-flags/vc.svg");
}
.npb-auth .iti-flag.ve {
    background-image: url("../img/new-flags/ve.svg");
}

.npb-auth .iti-flag.vg {}
.npb-auth .iti-flag.vi {}

.npb-auth .iti-flag.vn {
    background-image: url("../img/new-flags/vn.svg");
}
.npb-auth .iti-flag.vu {
    background-image: url("../img/new-flags/vu.svg");
}

.npb-auth .iti-flag.wf {}

.npb-auth .iti-flag.ws {
    background-image: url("../img/new-flags/ws.svg");
}

.npb-auth .iti-flag.xk {}

.npb-auth .iti-flag.ye {
    background-image: url("../img/new-flags/ye.svg");
}

.npb-auth .iti-flag.yt {}

.npb-auth .iti-flag.za {
    background-image: url("../img/new-flags/za.svg");
}
.npb-auth .iti-flag.zm {
    background-image: url("../img/new-flags/zm.svg");
}
.npb-auth .iti-flag.zw {
    background-image: url("../img/new-flags/zw.svg");
}

.npb-auth-nav-container {
    margin-top: 40px;
    column-gap: 3px;
}

.npb-auth-nav-container > div {
    display: flex;
    column-gap: 3px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.004em;
    margin-bottom: 14px;
}

.npb-auth-nav-container > div > a {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.004em;
    text-decoration: underline;
    color: #000000;
}


.npb-pincode-container {
    display: flex;
    column-gap: 16px;
}

body.locale-sa .npb-pincode-container {
    direction: ltr;
    justify-content: end;
}

.npb-pincode-container > .npb-pincode {
    width: 40px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid #B2BEC3;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}

.npb-pincode-container > .npb-pincode::-webkit-outer-spin-button,
.npb-pincode-container > .npb-pincode::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.npb-pincode-container > .npb-pincode {
    -moz-appearance:textfield; /* Firefox */
}

.npb-pincode-container > .npb-pincode:focus,
.npb-pincode-container > .npb-pincode:active {
    border: 2px solid #009B7A;
    outline: none;
}

.npb-pincode-wrapper {
    display: grid;
    grid-template-columns: 1fr 80px;
}

.npb-pincode-wrapper .npb-pincode-label,
.has-error .npb-pincode-wrapper .npb-pincode-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.004em;
    margin-bottom: 16px;
    color: inherit;
}

.has-error .npb-pincode-wrapper .npb-pincode {
    border-color: #F53126 !important;
}

.npb-pincode-wrapper .npb-pincode-label > span:last-child {
    font-weight: 700;
}

.npb-pincode-resend {
    display: flex;
    align-items: end;
    justify-content: end;
}

.npb-pincode-resend span {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.004em;
    color: #009B7A;
    margin-bottom: 16px;
}

.npb-pincode-resend button {
    background: transparent;
    border: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.004em;
    color: #009B7A;
}

.npb-recovery-pin-field {
    position: relative;
}

.npb-recovery-pin-field .npb-pincode-resend {
    position: absolute;
    top: 50px;
    right: 0;
}

body.locale-sa .npb-recovery-pin-field .npb-pincode-resend {
    position: absolute;
    top: 50px;
    right: auto;
    left: 0;
}

.npb-help-button {
    background-color: transparent;
    border: 1px solid #B2BEC3;
    color: #B2BEC3;
    font-size: 16px;
    line-height: normal;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    transition: border-color .4s, background-color .4s;
    padding: 0;
}

body.locale-sa .npb-help-button {
    right: auto;
    left: 0;
    transform: scaleX(-1);
}

.npb-help-button:hover,
.npb-help-button:active,
.npb-help-button.active {
    border-color: #009B7A;
    background-color: #009B7A;
    color: #FFFFFF;
}

.npb-help-button path {
    fill: #B2BEC3;
}

.npb-help-button:hover path,
.npb-help-button:active path,
.npb-help-button.active path {
    fill: #FFFFFF;
}

.npb-help-content {
    border: 1px solid #E3E3E4;
    border-radius: 12px;
    box-shadow: 0 12px 40px 0 #EEF0F2;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    padding: 24px;
    position: absolute;
    right: -20px;
    top: 40px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.004em;
    max-width: 368px;
    z-index: 100;
}


body.locale-sa .npb-help-content {
    right: auto;
    left: -20px;
}

.npb-mobile-swipe-button {
    display: none;
}

.npb-help-content-bg {
    position: absolute;
    top: -160px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFFFFF;
    opacity: 0;
    z-index: 90;
}

.npb-help-content-main::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 24px;
    z-index: 102;
    display: block;
    height: 14px;
    width: 14px;
    background-color: #FFFFFF;
    border: 1px solid #E3E3E4;
    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
    transform: rotate(135deg);
    border-radius: 0 0 0 0.25em;
}

body.locale-sa .npb-help-content-main::before {
    right: auto;
    left: 24px;
}

.npb-back-button {
    position: absolute;
    top: -90px;
    left: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.15px;
    color: #009B7A;
}

.npb-back-button:hover {
    color: #008165;
}

.npb-back-button::before {
    content: "\2039";
    zoom: 2;
    vertical-align: -1.3px;
    margin-right: 3px;
}

.npb-link-info-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 110px 80px;
}

.npb-link-info-container > svg {
    width: 104px;
    height: 104px;
    margin-bottom: 30px;
}

.npb-link-info-container > svg.npb-danger path {
    fill: #F53126;
}

.npb-link-info-container > svg.npb-success path {
    fill: #009B7A;
}

.npb-link-info-title {
    margin-bottom: 16px;
    text-align: center;
}

.npb-link-info-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.15px;
    text-align: center;
}

.npb-auth .modal.locale-menu.in {
    display: flex !important;
    justify-content: center;
    align-items: center;
    z-index: 21474839999;
}

.npb-auth .locale-menu .npb-modal-content {
    width: auto;
    margin: 0;
    padding: 80px 64px;
    background-color: #FFFFFF;
    border-radius: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 8px;
}

.npb-auth .locale-menu .modal-dialog button.close {
    position: absolute;
    top: 20px;
    right: 40px;
    width: 18px;
    height: 28px;
    color: #77787A;
    font-size: 42px;
    font-weight: 300;
    opacity: 0.9;
}

.npb-auth .locale-menu .npb-locale-item {
    padding: 8px 16px;
    min-width: 232px;
    position: relative;
    transition: all .3s;
}

.npb-auth .locale-menu .npb-locale-item.active,
.npb-auth .locale-menu .npb-locale-item:hover {
    border-radius: 8px;
    background-color: #F1F4F6;
}

.npb-auth .locale-menu .npb-locale-item.active::after {
    content: "";
    position: absolute;
    top: 18px;
    right: 18px;
    width: 20px;
    height: 20px;
    background-image: url("../img/rounded-checkmark.svg");
}

body.locale-sa.npb-auth .locale-menu .npb-locale-item.active::after {
    right: auto;
    left: 18px;
}

.npb-form-container .npb-hero-flag-icon {
    background-size: cover;
    background-position: 55%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 18px;
    box-shadow: none;
    border: none;
}

.npb-auth .locale-menu .npb-flag-icon {
    background-size: cover;
    background-position: 55%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 18px;
    box-shadow: none;
    border: none;
    margin-right: 5px;
    vertical-align: middle;
}

body.locale-sa.npb-auth .locale-menu .npb-flag-icon {
    margin-right: 0;
    margin-left: 5px;
}

.npb-auth .locale-menu a.locale-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.15px;
    color: #000000 !important;
}

body.locale-sa.npb-auth .locale-menu a.locale-item {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.npb-auth .locale-menu a.locale-item:hover {
    color: #000000 !important;
}

.npb-auth .alert {
    border-radius: 16px;
    padding: 16px;
    border: none;
}

.npb-auth .alert .close {
    margin-top: -4px;
}

.npb-auth .alert-danger,
.npb-auth .alert-success,
.npb-auth .alert-info,
.npb-auth .alert-warning {
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0.005em;
    color: #3D3D3D;
}

.npb-auth .alert-success {
    background-color: #DFF0D8;
}

.npb-auth .alert .progress {
    position: static;
    border-radius: 8px;
    height: 8px;
    box-shadow: none;
    background-color: #FFFFFF;
    margin-top: 8px;
}

.npb-auth .alert .progress-bar {
    box-shadow: none;
}

.npb-auth.locale-sa .alert {
    direction: rtl;
}

.npb-auth.locale-sa .alert .close {
    float: left;
}

.npb-auth.locale-sa .alert .progress {
    transform: rotate(180deg);
}

.npb-auth-footer {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    font-size: 11px;
    line-height: 12px;
    margin-bottom: 5px;
}

.npb-docs-modal-backdrop {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(30, 30, 30, 0.56);
    justify-content: center;
    align-items: center;
    max-width: 100% !important;
    z-index: 999999999999999999;
}

.npb-agreement__modal {
    display: none;
}

.npb-agreement__modal.npb-agreement__modal-open {
    display: flex;
}

.npb-docs-modal {
    background-color: #FFFFFF;
    border-radius: 24px;
}

.npb-docs-modal-header {
    display: flex;
    justify-content: flex-end;
    padding: 32px;
}

.npb-docs-modal-header > button {
    background: none;
    border: 0;
    padding: 0;
    width: 32px;
    height: 32px;
}

.npb-docs-modal-header > button::after {
    content: "\2715";
    font-size: 26px;
    font-weight: 300;
    line-height: 32px;
}

.npb-docs-modal-content {
    padding: 0 40px 72px 40px;
}

.npb-docs-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 16px;
    column-gap: 32px;
}
.npb-docs-list .npb-privacy-doc__only-for-ru-locale {
    display: none;
}

.npb-docs-link {
    display: flex;
    align-items: center;
    column-gap: 24px;
    padding: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.15px;
    color: #000000;
    width: 270px;
}

.npb-docs-link:hover {
    color: #000000;
    text-decoration: underline;
    background-color: #F1F4F6;
    border-radius: 8px;
}

.npb-docs-link:active,
.npb-docs-link:visited {
    color: #000000;
}

.npb-info-badge {
    display: grid;
    grid-template-columns: 20px 1fr;
    column-gap: 16px;
    border-radius: 16px;
    padding: 16px 24px;
    background-color: #F1F5FA;
}

.npb-info-badge__info {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: #F58426;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 20px;
    font-weight: 800;
    margin-top: 3px;
}

.npb-info-badge > span {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.004em;
    color: #000000;
}

.npb-voice-flash-call-container {
    background-color: #FFFFFF;
    border-top-left-radius: 16px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 16px;
    box-shadow: 0 12px 40px 0 #EEF0F2;
    overflow: hidden;
    display: grid;
    grid-template-columns: 120px 1fr;
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 160px;
}

.locale-sa .npb-voice-flash-call-container {
    direction: ltr;
}

.npb-voice-flash-call-content {
    padding: 30px 30px 20px 15px;
}

.locale-sa .npb-voice-flash-call-content {
    direction: rtl;
}

.npb-voice-flash-call-image__sms {
    width: 85px;
    background: url("../img/sms.webp") no-repeat left bottom;
    background-size: contain;
}

.npb-voice-flash-call-image__flash {
    width: 85px;
    background: url("../img/flash_call.webp") no-repeat left bottom;
    background-size: contain;
}

.npb-voice-flash-call-image__voice {
    width: 85px;
    background: url("../img/voice_call.webp") no-repeat left bottom;
    background-size: contain;
}

.npb-voice-flash-call-image__sms.with-modal {
    width: 115px;
    background: url("../img/sms-large.webp") no-repeat left bottom;
    background-size: contain;
}

.npb-voice-flash-call-image__flash.with-modal {
    width: 100px;
    background: url("../img/flash_call-large.webp") no-repeat left bottom;
    background-size: contain;
}

.npb-voice-flash-call-image__voice.with-modal{
    width: 100px;
    background: url("../img/voice_call_large.webp") no-repeat left bottom;
    background-size: contain;
}

.npb-voice-flash-call-content__title {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    vertical-align: middle;
    margin-bottom: 16px;
}

.npb-voice-flash-call-content__text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    vertical-align: middle;
    margin-bottom: 8px;
}

.locale-sa .npb-voice-flash-call-content__text {
    display: flex;
    flex-direction: row;
}

.locale-sa .npb-voice-flash-call_content__text-phone {
    direction: ltr;
    margin-right: 4px;
}

.npb-voice-flash-call_content__text-phone.npb-nowrap {
    white-space: nowrap;
}

.npb-voice-flash-call-content__text-circled {
    border-radius: 8px;
    border: 1px solid #009B7A;
    color: #009B7A;
    padding: 0 7px;
}

.npb-voice-flash-call-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(30, 30, 30, 0.7);
    backdrop-filter: blur(20px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999999;
}

.npb-voice-flash-call-modal {
    background-color: #FFFFFF;
    border-radius: 18px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 120px 1fr;
    max-width: 450px;
    min-height: 230px;
    position: relative;
}

.locale-sa .npb-voice-flash-call-modal {
    direction: ltr;
}

.locale-sa .npb-voice-flash-call-modal .npb-voice-flash-call-content {
    padding-right: 40px;
}

.npb-voice-flash-call-close-btn {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 22px;
    height: 22px;
    color: #77787A;
    font-size: 35px;
    line-height: 16px;
    font-weight: 300;
    opacity: 0.9;
    border: 0;
    background: none;
    padding: 0;
}

.npb-voice-flash-call-button {
    margin-top: 24px;
    max-width: 160px;
}

.npb-confirm-type-modal {
    display: none;
}

@media (max-width: 900px) {
    .npb-auth-template {
        padding-top: 70px;
        grid-template-rows: 300px 1fr;
        grid-template-columns: 1fr;
        height: 100%;
    }

    .npb-auth-template:has(.npb-register-styled-img.npb-register-wrapper-mobile[style*="background: transparent;"]) {
        grid-template-rows: 50px 1fr;
    }

    .npb-form-container {
        display: flex;
        padding-left: 3.11%;
        padding-right: 3.11%;
        padding-bottom: 30px;
    }

    .npb-auth-template:has(.npb-register-styled-img.npb-register-wrapper-mobile[style*="background: transparent;"]) .npb-form-container {
        justify-content: flex-start;
    }


    .npb-form-container > .npb-form-box {
        position: static;
        max-width: 100vw;
    }

    .npb-auth-styled-img {
        background-color: transparent !important;
    }

    .npb-form-container > div {
        max-width: inherit;
    }

    .npb-form-header {
        display: flex;
        margin-bottom: 0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin-top: 0;
        padding: 24px 3.11% 10px 3.11%;
        background-color: #FFFFFF;
        z-index: 5;
    }

    .npb-register-styled-img.npb-register-wrapper {
        display: none !important;
    }

    .npb-register-styled-img.npb-register-wrapper-mobile {
        display: block !important;
        width: auto;
        margin-left: 3.11%;
        margin-right: 3.11%;
    }

    .npb-form-container > .npb-form-box {
        margin-top: 11px;
    }

    .npb-help-box {
        position: relative;
    }

    .npb-help-button {
        top: -50px;
    }

    .npb-auth .form-group.registration:has(.npb-info-badge) + #registration-confirm .npb-help-button {
        top: 0;
        z-index: 2;
    }

    .npb-mobile-swipe-button {
        display: block;
        margin-top: 16px;
        margin-bottom: 24px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 8px;
        height: 4px;
        background-color: #D9D9D9;
        width: 64px;
    }

    .npb-help-content-bg {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 1;
        background-color: rgba(30, 30, 30, 0.56);
    }

    .npb-help-content {
        position: fixed;
        top: auto;
        left: 0 !important;
        right: 0 !important;
        bottom: 0;
        width: 100%;
        font-size: 15px;
        line-height: 24px;
        max-width: none;
        padding: 0 32px 40px 32px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border: none;
        box-shadow: none;
        max-height: 380px;
        z-index: 2147483009;
    }

    .npb-help-content-main::before {
        content: none;
    }

    .npb-back-button {
        top: 75px;
    }

    .npb-auth .modal.locale-menu.in {
        display: flex !important;
        justify-content: stretch;
        align-items: end;
        width: 100vw;
        overflow-y: hidden;
    }

    .npb-auth .modal.locale-menu.in .modal-dialog {
        display: flex;
        margin: 0;
        width: 100vw;
        max-height: calc(100vh - 150px);
    }

    .npb-auth .locale-menu .npb-modal-content {
        width: auto;
        margin: 0;
        padding: 48px 0;
        background-color: #FFFFFF;
        border-radius: 0;
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 0;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        flex: 1;
        overflow-y: auto;
    }

    .npb-auth .locale-menu .npb-modal-content::before {
        content: "";
        width: 100vw;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: #FFFFFF;
        height: 48px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        z-index: 1;
    }

    .npb-auth .locale-menu .npb-locale-item {
        padding: 8px 24px;
    }

    .npb-auth .locale-menu .modal-dialog button.close {
        position: absolute;
        top: 16px;
        right: 50%;
        margin-right: -32px;
        width: 64px;
        height: 4px;
        color: #FFFFFF;
        background-color: #D9D9D9;
        z-index: 2;
    }

    .npb-auth.iti-mobile .intl-tel-input.iti-container {
        top: 100px;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: 2147483999;
    }

    .npb-auth.iti-mobile .intl-tel-input.iti-container::after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000000;
        opacity: 0.4;
    }

    .npb-auth .country .flag-box {
        width: 40px !important;
        height: 40px;
        margin-right: 24px !important;
    }

    .npb-auth .country .iti-flag {
        width: 40px;
        height: 40px;
    }

    .npb-auth .country .country-name,
    .npb-auth .country .dial-code {
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0.15px;
    }

    .npb-auth .intl-tel-input .country-list .country.active::after {
        width: 24px;
        height: 24px;
        top: 18px;
        right: 18px;
    }

    .npb-auth-footer {
        width: 100%;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .npb-docs-modal-backdrop {
        display: none;
        justify-content: stretch;
        align-items: flex-end;
    }

    .npb-docs-modal {
        width: 100%;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .npb-docs-modal-content {
        padding: 0 24px 50px;
    }

    .npb-docs-list {
        grid-template-columns: 1fr;
        row-gap: 16px;
        column-gap: 32px;
    }

    .npb-docs-modal-header {
        display: flex;
        justify-content: center;
        padding: 16px;
    }

    .npb-docs-modal-header > button {
        padding: 0;
        height: 4px;
        width: 64px;
        border-radius: 8px;
        background-color: #D9D9D9;
    }

    .npb-docs-modal-header > button::after {
        display: none;
    }

    .npb-voice-flash-call-modal {
        margin: 0 10px;
    }
}