:root {
    --checkbox-empty-border: #D0D5DD;
    --checkbox-error-border: #F94444;
    --checkbox-checked-background: #1696F9;
    --checkbox-disabled-background: #EAEDED;
    --p-colorBackgroundContrastAlpha08: rgba(0, 0, 0, 0.08);
    --p-colorPrimaryAlpha20: hsla(210, 96%, 45%, 25%);
    --p-colorPrimaryAlpha50: hsla(210, 96%, 45%, 50%);
    --focusBoxShadow: 0 0 0 3px var(--p-colorPrimaryAlpha20), 0 1px 1px 0 var(--p-colorBackgroundContrastAlpha08);
}

body {
    background-color: #f6f6f6;
    margin: 0;
    font-family: 'Inter';
}

nav {
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: 0;
    padding: 18px 48px;
    z-index: 10;
    background: inherit;
    height: 34px;
}

nav .right {
    color: var(--gray-900, #101828);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}

nav .right button {
    margin-left: 24px;
}

nav .left {
    color: var(--gray-900, #101828);
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}

nav img {
    height: 32px;
    vertical-align: bottom;
}

.center-block-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    height: calc(100% - 140px);
    flex-direction: column;
}

.center-block {
    margin: auto;
    background-color: white;
    width: 25%;
    border-radius: 8px;
    box-shadow: 0px 16px 40px 0px rgba(0, 0, 0, 0.05);
    padding: 32px;
}

.center-block h1 {
    color: var(--gray-900, #101828);
    /* Display xs/Semibold */
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 133.333% */
    margin: 0;
    margin-bottom: 28px;
}

/*
button {
    background-color: #3DA9FC;
    border-radius: 8px;
    border: none;
    padding: 10px 22px;

    color: var(--gray-25, #FCFCFD);
    text-align: center;*/
/* Text md/Semibold */
/*font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;*/
/* 150%
}*/
button,
a.button {
    display: inline-block;
    border-radius: 8px;
    background-color: #3DA9FC;
    border: none;
    padding: 10px 12px;
    color: var(--Button-1---Text, #FFFFFE);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    cursor: pointer;
}

button:hover,
a.button:hover {
    background-color: #3498E5;
}

button:active,
a.button:active {
    background-color: #0F79CB;
}

.input-group {
    margin-bottom: 18px;
}

.input-group label {
    display: block;
    color: var(--gray-700, #344054);
    /* Text sm/Medium */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    margin-bottom: 6px;
}

.input-group input {
    padding: 14px 10px;
    width: 100%;
    display: block;
    border-radius: 8px;
    border: 1px solid var(--gray-300, #D0D5DD);
    background: var(--White, #FFF);
    /* Shadow/xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    /* Text md/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    color: var(--gray-700, #344054);

}

.input-group input::placeholder {
    color: var(--gray-500, #667085);
}

.input-group textarea {
    display: block;
}

.center-block button {
    margin-top: 10px;
    width: 100%;
}

button a {
    text-decoration: none;
    color: white;
}


.main_block_get_started {
    width: 37.5%;
    max-width: 500px;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}

.block-unit {
    background-color: #FFFFFF;
    border-radius: 8px;
    border: 0px;
    padding: 16px;
}

h2 {
    color: var(--Gray-900, #101828);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    border-bottom: 1px solid #EAECF0;
    padding-bottom: 6px;
}

input {
    width: 100%;
    height: 36px;
    border-radius: 8px !important;
    border: 1px solid var(--Theme-Light-Forum-Input-Form-Input---Stroke, #D0D5DD) !important;
    background-color: #FDFDFD;
    padding: 12px 16px;
    box-shadow: none !important;
    color: var(--Theme-Light-Forum-Input-Form-Input---Suggestion-Text, #475467);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

input::placeholder {
    color: #667085;
}

input:disabled {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    vertical-align: text-bottom;
    border: 1px solid var(--checkbox-empty-border) !important;
    cursor: pointer;
    padding: 0;
}

input[type="checkbox"]:checked {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.1546 5.1972C12.0926 5.13471 12.0189 5.08512 11.9377 5.05127C11.8564 5.01743 11.7693 5 11.6813 5C11.5933 5 11.5061 5.01743 11.4249 5.05127C11.3437 5.08512 11.2699 5.13471 11.2079 5.1972L6.24128 10.1705L4.15462 8.0772C4.09027 8.01504 4.01431 7.96616 3.93107 7.93336C3.84783 7.90056 3.75895 7.88447 3.6695 7.88602C3.58004 7.88757 3.49177 7.90672 3.40972 7.94238C3.32767 7.97804 3.25344 8.02952 3.19128 8.09387C3.12912 8.15821 3.08025 8.23417 3.04744 8.31741C3.01464 8.40065 2.99855 8.48953 3.0001 8.57898C3.00165 8.66844 3.02080 8.75671 3.05646 8.83876C3.09213 8.92082 3.14360 8.99504 3.20795 9.05720L5.76795 11.61720C5.82992 11.67970 5.90366 11.72930 5.98490 11.76310C6.06614 11.79700 6.15327 11.81440 6.24128 11.81440C6.32929 11.81440 6.41643 11.79700 6.49767 11.76310C6.57891 11.72930 6.65264 11.67970 6.71462 11.61720L12.1546 6.17720C12.2223 6.11477 12.2763 6.03900 12.3132 5.95467C12.3502 5.87034 12.3692 5.77927 12.3692 5.68720C12.3692 5.59513 12.3502 5.50406 12.3132 5.41973C12.2763 5.33539 12.2223 5.25963 12.1546 5.19720Z' fill='%23FCFCFD'/%3E%3C/svg%3E") no-repeat;
    no-repeat;
    width: 16px;
    height: 16px;
    border: none !important;
    background-color: var(--checkbox-checked-background);
}

input[type="checkbox"].large:checked {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.7099 7.20986C18.617 7.11613 18.5064 7.04174 18.3845 6.99097C18.2627 6.9402 18.132 6.91406 17.9999 6.91406C17.8679 6.91406 17.7372 6.9402 17.6154 6.99097C17.4935 7.04174 17.3829 7.11613 17.29 7.20986L9.83995 14.6699L6.70995 11.5299C6.61343 11.4366 6.49949 11.3633 6.37463 11.3141C6.24978 11.2649 6.11645 11.2408 5.98227 11.2431C5.84809 11.2454 5.71568 11.2741 5.5926 11.3276C5.46953 11.3811 5.35819 11.4583 5.26495 11.5549C5.17171 11.6514 5.0984 11.7653 5.04919 11.8902C4.99999 12.015 4.97586 12.1484 4.97818 12.2825C4.9805 12.4167 5.00923 12.5491 5.06272 12.6722C5.11622 12.7953 5.19343 12.9066 5.28995 12.9999L9.12995 16.8399C9.22291 16.9336 9.33351 17.008 9.45537 17.0588C9.57723 17.1095 9.70794 17.1357 9.83995 17.1357C9.97196 17.1357 10.1027 17.1095 10.2245 17.0588C10.3464 17.008 10.457 16.9336 10.55 16.8399L18.7099 8.67986C18.8115 8.58622 18.8925 8.47257 18.9479 8.34607C19.0033 8.21957 19.0319 8.08296 19.0319 7.94486C19.0319 7.80676 19.0033 7.67015 18.9479 7.54365C18.8925 7.41715 18.8115 7.3035 18.7099 7.20986Z' fill='%23FCFCFD'/%3E%3C/svg%3E") no-repeat;
    background-color: var(--checkbox-checked-background);
    border: none !important;
}


input[type="checkbox"].large {
    width: 24px;
    height: 24px;
}

input[type="checkbox"]:disabled,
input[type="checkbox"].large:disabled {
    background-color: var(--checkbox-disabled-background);
    cursor: not-allowed;
}

input[type="checkbox"].error {
    border-color: var(--checkbox-error-border);
}

input:not([type="radio"]):focus {
    outline: none !important;
    border-color: var(--p-colorPrimaryAlpha50) !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02), var(--focusBoxShadow) !important;
}


.input-error {
    /*animation: shake 0.15s ease-in-out 0s 2;*/
    box-shadow: 0 0 0.25em #e9322d !important;
    border: 1px solid #e9322d !important;
    /*position: relative !important;*/
}

@keyframes shake {
    0% {
        left: 0rem;
    }

    25% {
        left: 0.5rem;
    }

    75% {
        left: -0.5rem;
    }

    100% {
        left: 0rem;
    }
}

label {
    display: block;
    color: var(--Form-Input---Title, #121212);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.pure-g>div:not(.nice-select) {
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pure-g>div.nice-select {
    margin: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.margin-t {
    margin-top: 15px !important;
}

[data-type="PhoneNumber"] {
    width: 100%;
}

[data-type='MultiPageForm'] {
    display: flex;
    flex-direction: column;
    position: relative;
}

[data-title] {
    padding: 0 8px;
}

.multi_page_form__footer {
    margin-top: auto;
    padding: 0 8px;
}

.circle-border {
    border-radius: 50%;
}

.light {
    background-color: #EEF4FC;
    color: #2E90FA;
}

.margin-r-5 {
    margin-right: 5px;
}

#powered-by-cardova {
    width: 37.5%;
    max-width: 500px;
    padding: 10px 16px;
    color: #2E90FA;
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}

#agree_terms {
    display: inline-block;
}

#agree_terms a {
    color: blue;
}

a {
    color: var(--Text---Link-Color, #3B82F6);
    /* Text xs/Semibold */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-decoration: none;
}