/*! CSS Used from: _next/static/css/46e45c78d3bc804f.css */
*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
}

*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb;
}

:after,
:before {
    --tw-content: "";
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
    line-height: inherit;
}

a {
    color: inherit;
    text-decoration: inherit;
}

button,
input,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

button {
    text-transform: none;
}

button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}

textarea {
    resize: vertical;
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
}

button {
    cursor: pointer;
}

:disabled {
    cursor: default;
}

iframe,
img {
    display: block;
    vertical-align: middle;
}

img {
    max-width: 100%;
    height: auto;
}

[hidden]:where(:not([hidden=until-found])) {
    display: none;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.bottom-0 {
    bottom: 0;
}

.left-3 {
    left: .75rem;
}

.right-\[19px\] {
    right: 19px;
}

.top-0 {
    top: 0;
}

.top-3 {
    top: .75rem;
}

.top-\[37px\] {
    top: 37px;
}

.z-10 {
    z-index: 10;
}

.z-\[1000\] {
    z-index: 1000;
}

.m-0 {
    margin: 0;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-\[5px\] {
    margin-bottom: 5px;
}

.ml-0 {
    margin-left: 0;
}

.ml-2 {
    margin-left: .5rem;
}

.ml-\[33px\] {
    margin-left: 33px;
}

.ml-\[7px\] {
    margin-left: 7px;
}

.mr-0 {
    margin-right: 0;
}

.mr-2 {
    margin-right: .5rem;
}

.mr-\[7px\] {
    margin-right: 7px;
}

.mt-1 {
    margin-top: .25rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-5 {
    margin-top: 1.25rem;
}

.mt-\[14px\] {
    margin-top: 14px;
}

.flex {
    display: flex;
}

.hidden {
    display: none;
}

.h-10 {
    height: 2.5rem;
}

.h-5 {
    height: 1.25rem;
}

.h-auto {
    height: auto;
}

.min-h-\[78dvh\] {
    min-height: 78dvh;
}

.min-h-screen {
    min-height: 100vh;
}

.\!w-full {
    width: 100% !important;
}

.w-4 {
    width: 1rem;
}

.w-5 {
    width: 1.25rem;
}

.w-\[103px\] {
    width: 103px;
}

.w-full {
    width: 100%;
}

.max-w-\[1440px\] {
    max-width: 1440px;
}

.max-w-full {
    max-width: 100%;
}

.flex-grow {
    flex-grow: 1;
}

.cursor-pointer {
    cursor: pointer;
}

.flex-row {
    flex-direction: row;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-center {
    align-items: center;
}

.justify-start {
    justify-content: flex-start;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.gap-1 {
    gap: .25rem;
}

.gap-2 {
    gap: .5rem;
}

.gap-4 {
    gap: 1rem;
}

.overflow-hidden {
    overflow: hidden;
}

.rounded-2xl {
    border-radius: 1rem;
}

.rounded-lg {
    border-radius: .5rem;
}

.rounded-md {
    border-radius: .375rem;
}

.border-0 {
    border-width: 0;
}

.border-\[1\.5px\] {
    border-width: 1.5px;
}

.border-b {
    border-bottom-width: 1px;
}

.border-t {
    border-top-width: 1px;
}

.border-\[\#D3D4DA\] {
    --tw-border-opacity: 1;
    border-color: rgb(211 212 218/var(--tw-border-opacity, 1));
}

.border-\[\#efeff1\] {
    --tw-border-opacity: 1;
    border-color: rgb(239 239 241/var(--tw-border-opacity, 1));
}

.border-signinDivider {
    --tw-border-opacity: 1;
    border-color: rgb(239 239 241/var(--tw-border-opacity, 1));
}

.bg-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 97 211/var(--tw-bg-opacity, 1));
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
}

.p-6 {
    padding: 1.5rem;
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.px-\[164px\] {
    padding-left: 164px;
    padding-right: 164px;
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem;
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.py-\[8px\] {
    padding-top: 8px;
    padding-bottom: 8px;
}

.pb-10 {
    padding-bottom: 2.5rem;
}

.pb-7 {
    padding-bottom: 1.75rem;
}

.pl-1 {
    padding-left: .25rem;
}

.pl-10 {
    padding-left: 2.5rem;
}

.pt-5 {
    padding-top: 1.25rem;
}

.pt-\[21px\] {
    padding-top: 21px;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.font-GeomanistBold {
    font-family: geomanistBook;
}

.font-GeomanistMedium {
    font-family: geomanistMedium;
}

.font-GeomanistRegular {
    font-family: geomanistRegular;
}

.text-\[28px\] {
    font-size: 28px;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}

.font-normal {
    font-weight: 400;
}

.leading-4 {
    line-height: 1rem;
}

.leading-5 {
    line-height: 1.25rem;
}

.leading-6 {
    line-height: 1.5rem;
}

.leading-9 {
    line-height: 2.25rem;
}

.text-\[\#0061D3\] {
    --tw-text-opacity: 1;
    color: rgb(0 97 211/var(--tw-text-opacity, 1));
}

.text-\[\#3C404A\] {
    --tw-text-opacity: 1;
    color: rgb(60 64 74/var(--tw-text-opacity, 1));
}

.text-\[\#767c8f\] {
    --tw-text-opacity: 1;
    color: rgb(118 124 143/var(--tw-text-opacity, 1));
}

.text-blue {
    --tw-text-opacity: 1;
    color: rgb(0 97 211/var(--tw-text-opacity, 1));
}

.text-geomanistgray {
    --tw-text-opacity: 1;
    color: rgb(118 124 143/var(--tw-text-opacity, 1));
}

.text-ivygray {
    --tw-text-opacity: 1;
    color: rgb(60 64 74/var(--tw-text-opacity, 1));
}

.text-signinError {
    --tw-text-opacity: 1;
    color: rgb(250 39 74/var(--tw-text-opacity, 1));
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
}

.underline {
    text-decoration-line: underline;
}

.no-underline {
    text-decoration-line: none;
}

.shadow-\[0px_12px_16px_-4px_rgba\(60\2c 64\2c 74\2c 0\.08\)\2c 0px_4px_6px_-2px_rgba\(60\2c 64\2c 74\2c 0\.02\)\] {
    --tw-shadow: 0px 12px 16px -4px rgba(60, 64, 74, 0.08), 0px 4px 6px -2px rgba(60, 64, 74, 0.02);
    --tw-shadow-colored: 0px 12px 16px -4px var(--tw-shadow-color), 0px 4px 6px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.duration-200 {
    transition-duration: .2s;
}

:root {
    --background: #ffffff;
    --foreground: #171717;
    overflow-x: hidden;
}

body {
    font-family: Aktiv Grotesk Regular, IvyJournal Reg, Inter, Aktiv Grotesk Medium;
}

.placeholder\:font-GeomanistRegular::placeholder {
    font-family: geomanistRegular;
}

.placeholder\:text-sm::placeholder {
    font-size: .875rem;
    line-height: 1.25rem;
}

.placeholder\:normal-case::placeholder {
    text-transform: none;
}

.placeholder\:leading-5::placeholder {
    line-height: 1.25rem;
}

.placeholder\:text-geomanistgray::placeholder {
    --tw-text-opacity: 1;
    color: rgb(118 124 143/var(--tw-text-opacity, 1));
}

.valid\:border-\[1\.5px\]:valid {
    border-width: 1.5px;
}

.valid\:border-\[\#D3D4DA\]:valid {
    --tw-border-opacity: 1;
    border-color: rgb(211 212 218/var(--tw-border-opacity, 1));
}

.valid\:bg-\[url\(\'\/images\/newOnboarding\/clearState\.svg\'\)\]:valid {

}

.valid\:bg-\[right_12px_center\]:valid {
    background-position: right 12px center;
}

.valid\:bg-no-repeat:valid {
    background-repeat: no-repeat;
}

.invalid\:border-\[1\.5px\]:invalid {
    border-width: 1.5px;
}

.invalid\:border-signinError:invalid {
    --tw-border-opacity: 1;
    border-color: rgb(250 39 74/var(--tw-border-opacity, 1));
}

.invalid\:bg-\[url\(\'\/images\/newOnboarding\/errorState\.svg\'\)\]:invalid {
    background-image: url(images/newOnboarding/errorState.svg);
}

.invalid\:bg-\[right_12px_center\]:invalid {
    background-position: right 12px center;
}

.invalid\:bg-no-repeat:invalid {
    background-repeat: no-repeat;
}

.hover\:bg-hoverblue:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 73 158/var(--tw-bg-opacity, 1));
}

.focus\:border-\[1\.5px\]:focus {
    border-width: 1.5px;
}

.focus\:border-ivygray:focus {
    --tw-border-opacity: 1;
    border-color: rgb(60 64 74/var(--tw-border-opacity, 1));
}

.focus\:shadow-none:focus {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
}

.disabled\:opacity-50:disabled {
    opacity: .5;
}

@media (min-width:640px) {
    .sm\:block {
        display: block;
    }

    .sm\:inline-flex {
        display: inline-flex;
    }

    .sm\:\!min-h-\[84dvh\] {
        min-height: 84dvh !important;
    }

    .sm\:w-\[412px\] {
        width: 412px;
    }

    .sm\:gap-4 {
        gap: 1rem;
    }

    .sm\:border {
        border-width: 1px;
    }

    .sm\:border-signinBorder {
        --tw-border-opacity: 1;
        border-color: rgb(247 247 248/var(--tw-border-opacity, 1));
    }

    .sm\:p-5 {
        padding: 1.25rem;
    }

    .sm\:p-8 {
        padding: 2rem;
    }

    .sm\:px-\[50px\] {
        padding-left: 50px;
        padding-right: 50px;
    }

    .sm\:shadow-\[0px_0px_16px_-4px_rgba\(60\2c 64\2c 74\2c 0\.08\)\2c 0px_4px_6px_-2px_rgba\(60\2c 64\2c 74\2c 0\.02\)\] {
        --tw-shadow: 0px 0px 16px -4px rgba(60, 64, 74, 0.08), 0px 4px 6px -2px rgba(60, 64, 74, 0.02);
        --tw-shadow-colored: 0px 0px 16px -4px var(--tw-shadow-color), 0px 4px 6px -2px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
}

@media (min-width:768px) {
    .md\:w-\[146px\] {
        width: 146px;
    }

    .md\:max-w-\[412px\] {
        max-width: 412px;
    }

    .md\:pb-20 {
        padding-bottom: 5rem;
    }
}

@media (min-width:1024px) {
    .lg\:flex {
        display: flex;
    }

    .lg\:hidden {
        display: none;
    }
}

@media (max-width:500px) {
    .max500\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width:700px) {
    .md700\:px-40 {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}

@media (max-width:1090px) {
    .xl1090\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

@media (min-width:1440px) {
    .xl1440\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
}

/*! CSS Used from: _next/static/css/efa195869e45a50b.css */
:root {
    --PhoneInput-color--focus: #03b2cb;
    --PhoneInputInternationalIconPhone-opacity: 0.8;
    --PhoneInputInternationalIconGlobe-opacity: 0.65;
    --PhoneInputCountrySelect-marginRight: 0.35em;
    --PhoneInputCountrySelectArrow-width: 0.3em;
    --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
    --PhoneInputCountrySelectArrow-borderWidth: 1px;
    --PhoneInputCountrySelectArrow-opacity: 0.45;
    --PhoneInputCountrySelectArrow-color: currentColor;
    --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
    --PhoneInputCountrySelectArrow-transform: rotate(45deg);
    --PhoneInputCountryFlag-aspectRatio: 1.5;
    --PhoneInputCountryFlag-height: 1em;
    --PhoneInputCountryFlag-borderWidth: 1px;
    --PhoneInputCountryFlag-borderColor: rgba(0, 0, 0, 0.5);
    --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
    --PhoneInputCountryFlag-backgroundColor--loading: rgba(0, 0, 0, 0.1);
}

/*! CSS Used fontfaces */
@font-face {
    font-family: Aktiv Grotesk Regular;
    src: url(fonts/AktivGrotesk_W_Rg.woff2) format("woff2"), url(fonts/AktivGrotesk_W_Rg.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: IvyJournal Reg;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(fonts/1657_vdef_emp_95a9.woff2) format("woff2"), url(fonts/1657_vdef_emp_95a9.woff) format("woff");
}

@font-face {
    font-family: Aktiv Grotesk Medium;
    src: url(fonts/AktivGrotesk_Trial_Md.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: geomanistregular;
    src: url(fonts/geomanist-regular-webfont.04b9df98.eot);
    src: url(fonts/geomanist-regular-webfont.04b9df98.eot?#iefix) format("embedded-opentype"),url(fonts/geomanist-regular-webfont.728b260b.woff2) format("woff2"),url(fonts/geomanist-regular-webfont.d5b871a7.woff) format("woff"),url(fonts/geomanist-regular-webfont.cbd37f58.ttf) format("truetype"),url(fonts/geomanist-regular-webfont.a991a6b1.svg#geomanistregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: geomanistmedium;
    src: url(fonts/geomanist-medium-webfont.be914e42.eot);
    src: url(fonts/geomanist-medium-webfont.be914e42.eot?#iefix) format("embedded-opentype"),url(fonts/geomanist-medium-webfont.67a32836.woff2) format("woff2"),url(fonts/geomanist-medium-webfont.9128612c.woff) format("woff"),url(fonts/geomanist-medium-webfont.78055bee.ttf) format("truetype"),url(fonts/geomanist-medium-webfont.40e199ed.svg#geomanistregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: geomanistbook;
    src: url(fonts/geomanist-book-webfont.6fe08118.eot);
    src: url(fonts/geomanist-book-webfont.6fe08118.eot?#iefix) format("embedded-opentype"),url(fonts/geomanist-book-webfont.7904fe06.woff2) format("woff2"),url(fonts/geomanist-book-webfont.b40bec22.woff) format("woff"),url(fonts/geomanist-book-webfont.d810a987.ttf) format("truetype"),url(fonts/geomanist-book-webfont.3260f075.svg#geomanistregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@keyframes btn-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

.error-box {
    border: 1px red solid !important;
}