@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

a, hr {
    color: inherit
}

progress, sub, sup {
    vertical-align: baseline
}

blockquote, body, dd, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, menu, ol, p, pre, ul {
    margin: 0
}

[type=file], table {
    border-color: inherit
}

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

[type=checkbox], [type=file] {
    border-radius: 0
}

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

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

body {
    line-height: inherit
}

hr {
    height: 0;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    text-decoration: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, pre, samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-collapse: collapse
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

fieldset, legend {
    padding: 0
}

menu, ol, ul {
    list-style: none;
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1 !important;
    color: #969CBE !important;
    font-size: 16px !important
}

input::placeholder, textarea::placeholder {
    opacity: 1 !important;
    color: #969CBE !important;
    font-size: 16px !important
}

.cursor-pointer, [role=button], button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle
}

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

[multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #d5d7e5;
    border-width: 1px;
    border-radius: 8px;
    padding: 12px;
    font-size: 16px;
    min-height: 56px;
    line-height: 1.5;
    --tw-shadow: 0 0 #0000;
    color: #5A5E72
}

.registration-form input:not([type=checkbox]) {
    height: 48px;
    min-height: 48px;
}

[multiple]:focus-visible, [type=date]:focus-visible, [type=datetime-local]:focus-visible, [type=email]:focus-visible, [type=month]:focus-visible, [type=number]:focus-visible, [type=password]:focus-visible, [type=search]:focus-visible, [type=tel]:focus-visible, [type=text]:focus-visible, [type=time]:focus-visible, [type=url]:focus-visible, [type=week]:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: unset
}

[multiple]:not(.error):focus, [type=date]:not(.error):focus, [type=datetime-local]:not(.error):focus, [type=email]:not(.error):focus, [type=month]:not(.error):focus, [type=number]:not(.error):focus, [type=password]:not(.error):focus, [type=search]:not(.error):focus, [type=tel]:not(.error):focus, [type=text]:not(.error):focus, [type=time]:not(.error):focus, [type=url]:not(.error):focus, [type=week]:not(.error):focus, select:not(.error):focus, textarea:not(.error):focus {
    outline: transparent solid 2px;
    outline-offset: 2px;
    border-color: #3366FF !important
}

[type=checkbox]:checked, [type=checkbox]:checked:focus, [type=checkbox]:checked:hover, [type=radio]:checked, [type=radio]:checked:focus, [type=radio]:checked:hover {
    border-color: transparent
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em
}

::-webkit-datetime-edit, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-meridiem-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0
}

select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

[multiple] {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

[type=checkbox], [type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000
}

[type=radio] {
    border-radius: 100%
}

[type=checkbox]:focus, [type=radio]:focus {
    outline: transparent solid 2px;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

[type=checkbox]:checked, [type=radio]:checked {
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: unset
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.5' cy='7.46387' r='6' fill='white' stroke='%233366ff'/%3E%3Ccircle cx='6.5' cy='7.46387' r='4' fill='%233366ff'/%3E%3C/svg%3E%0A")
}

[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

[type=checkbox]:indeterminate:focus, [type=checkbox]:indeterminate:hover {
    border-color: transparent;
    background-color: currentColor
}

[type=file] {
    background: unset;
    border-width: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
}

[type=file]:focus {
    outline: ButtonText solid 1px;
    outline: -webkit-focus-ring-color auto 1px
}

.svg-icon-block.active .svg-icon.hover, .svg-icon-block.active .svg-icon.simple, .svg-icon-block:active .svg-icon.hover, .svg-icon-block:active .svg-icon.simple, .svg-icon-block:hover .svg-icon.active, .svg-icon-block:hover .svg-icon.simple, [x-cloak] {
    display: none !important
}

.custom-check input[type=checkbox] ~ .check-action-title, .svg-icon.simple {
    display: block
}

.custom-check input[type=checkbox]:checked ~ .check-action-title, .svg-icon.active, .svg-icon.active-hover, .svg-icon.hover {
    display: none
}

.svg-icon-block.active .svg-icon.active, .svg-icon-block.active .svg-icon.active-hover, .svg-icon-block:active > .svg-icon.active, .svg-icon-block:active > .svg-icon.active-hover, .svg-icon-block:hover .svg-icon.active-hover, .svg-icon-block:hover .svg-icon.hover {
    display: block !important
}

.box-shadow {
    -webkit-box-shadow: 13.411px 13.411px 35.764px 0 rgba(0, 16, 157, 0.17);
    box-shadow: 13.411px 13.411px 35.764px 0 rgba(0, 16, 157, 0.17);
}

.shadow-gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(50% 50% at 50% 50%, #5C85FF 0%, rgba(114, 170, 255, 0) 100%);
    opacity: 0.2;
    touch-action: none;
    pointer-events: none;
    top: 20%;
    left: 50%;
}

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

.rounded-24-px {
    border-radius: 24px
}

.text-headline {
    font-family: 'Poppins', sans-serif
}


.text-primary-dark {
    color: #1F3D99
}

.text-main {
    color: #5A5E72
}

.neutral-900-color {
    color: #484964
}

.neutral-700-color {
    color: #687182
}

.neutral-100-color {
    color: #969CBE
}

.bg-white {
    background-color: #ffffff
}

.bg-grey-lightly {
    background-color: #C0C4D8
}

.lite-gray-color {
    color: #566170
}

.fs-10-px {
    font-size: 10px
}

.fs-12-px {
    font-size: 12px
}

.fs-14-px {
    font-size: 14px
}

.fs-18-px {
    font-size: 18px
}

.fs-31-px {
    font-size: 31px
}

.fw-600 {
    font-weight: 600
}

.custom-check {
    position: relative;
    cursor: pointer
}

.custom-check input {
    width: 13px;
    height: 13px
}

.custom-check input[type=checkbox], .custom-check input[type=radio] {
    visibility: hidden !important
}

.custom-check input ~ .check-element {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 13px;
    height: 13px;
    background-color: #fff;
    border: 1px solid #c4c4c4
}

.custom-check input[type=checkbox] ~ .check-element {
    border-radius: 2px
}

.custom-check input[type=checkbox]:checked ~ .check-element {
    background: url("../img/checkbox.svg") 0 0/contain no-repeat #3366FF;
    border: 1px solid #3366FF
}

.password-eye {
    position: absolute;
    right: 12px;
    top: 32px;
    height: 48px;
    display: flex;
    align-items: center
}

.input-no-label .password-eye {
    top: 4px;
}

.provider-icon {
    width: 100%;
    height: 56px;
    background: #fff;
    color: #3C3E4C !important;
    border-radius: 8px;
    border: 1px solid #D6E0FF;
    margin-bottom: 12px;
    transition: all .2s ease-in-out;
}

.provider-icon:hover {
    background: linear-gradient(99deg, #FFF -17.08%, #F5F7FF 132.1%);
    box-shadow: 2px 2px 4px 0 rgba(41, 82, 204, 0.29);
}

.list-decimal {
    list-style: decimal !important
}

.text-secondary {
    color: #8e8e8e !important
}

.text-primary {
    color: #3366FF !important
}

.text-success {
    color: #52BD94 !important
}

.text-warning {
    color: #FBB03B !important
}

.text-danger {
    color: #D14343 !important
}

.btn-primary {
    color: #fff!important;
    display: block;
    background-color: #3366FF !important;
    font-size: 16px;
    text-align: center;
    transition: background-color 0.32s ease;
    padding:0 24px;
    height: 56px;
    line-height: 56px;
    border-radius: 8px;
    cursor: pointer;
}

.btn-link {
    text-decoration: none !important;
}

.bg-primary {
    background-color: #00A9E0 !important;
}

.btn-primary:active:focus, .btn-primary:focus, .btn-primary:hover {
    color: #fff !important;
    background-color: #2952CC!important;
    box-shadow: none;
}

.btn-primary.btn-disabled {
    color: #C0C4D8!important;
    background-color: #F5F5F9 !important;
    cursor: default;
}

.btn-primary.btn-disabled:hover {
    color: #C0C4D8!important;
    background-color: #F5F5F9 !important;
    cursor: default;
}

.hover-underline:hover {
    text-decoration: underline!important;
}

.tag-gray {
    background: #F5F5F9;
    border-radius: 12px;
    color: #5A5E72;
    font-size: 12px;
    height: 24px;
    padding: 4px 12px;
}

.provider-subtitle {
    display: none;
}

.provider-button-text {
    width: 195px
}

.register-provider .provider-layout {
    flex-direction: row !important;
    gap: 12px;
}

.register-provider .provider-prefix {
    display: none;
}

.register-provider .provider-button-text {
    width: auto;
}

.register-layout .card-layout {
    width: 100%;
    @media only screen and (min-width: 1500px){
        width: 730px;
    }

}

.card-layout {
    min-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    @media only screen and (min-width: 768px){
        width: 700px;
    }
    @media only screen and (min-width: 992px){
        width: 730px;
    }
}

.register-layout .provider-icon {
    height: 48px;
    border: 1px solid #fff;
    box-shadow: 2px 2px 8px 0 rgba(41, 82, 204, 0.20);
    transition: all .2s ease-in-out;
}

.register-layout .provider-icon:hover {
    border: 1px solid #D6E0FF;
}

.register-layout .provider-subtitle {
    display: block;
}

.notification {
    display:flex;
    align-items: center;
    gap: 12px;
    padding: 10px 8px 10px 12px;
    background: #EEF8F4;
    border: 1px solid #BAE5D4;
    border-radius: 4px;
    color: #214C3B;
}

.btn-link-primary {
    width: 100%;
    text-align: center;
}

.btn-link-primary a{
    display: block;
    width: 100%;
    color: #fff !important;
    text-decoration: none !important;
    border: 1px solid #36f;
    background-color: #36f;
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    border-radius: 8px;
    transition: all .2s;
    cursor: pointer;
}

.btn-link-primary a:hover {
    text-decoration: none !important;
    background-color: #2952cc;
    border-color: #2952cc;
}
.btn-primary:disabled,
.btn-primary--disabled {
    cursor: default;
    color: #C0C4D8 !important;
    background-color: #F5F5F9 !important;
    border: 1px solid transparent !important;
}


.logo-img img {
    width: 164px;

    @media only screen and (min-width: 768px){
        width: 220px;
    }
    @media only screen and (min-width: 992px){
        width: 316px;
    }
}
.registration-form .icon-provider-label {
    display: none;

    @media only screen and (min-width: 768px){
        display: inline-block;
    }
}

.registration-form .password-eye {
    top: 29px;
}

.text-unselectable {
    user-select: none;
}

.input-readonly {
    color: #a6b5c5;
    background-color: #f8f9fb;
    border-color: #ced4da;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}