<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
    font-family: DINPro-Bold;
    src: url("https://zpdb2bsa05.blob.core.windows.net/fonts/custom/DINPro-Bold.ttf");
}

@font-face {
    font-family: DINPro-Light;
    src: url("https://zpdb2bsa05.blob.core.windows.net/fonts/custom/DINPro-Light.ttf");
}

@font-face {
    font-family: DINPro-Regular;
    src: url("https://zpdb2bsa05.blob.core.windows.net/fonts/custom/DINPro-Regular.ttf");
}

@font-face {
    font-family: DINRoundPro-Bold;
    src: url("https://zpdb2bsa05.blob.core.windows.net/fonts/custom/DINRoundPro-Bold.ttf");
}

@font-face {
    font-family: DINRoundPro-Light;
    src: url("https://zpdb2bsa05.blob.core.windows.net/fonts/custom/DINRoundPro-Light.ttf");
}

@font-face {
    font-family: DINRoundPro-Regular;
    src: url("https://zpdb2bsa05.blob.core.windows.net/fonts/custom/DINRoundPro.ttf");
}

@font-face {
    font-family: DINRoundPro-Bold;
    src: url("https://zpdb2bsa05.blob.core.windows.net/fonts/custom/DINRoundPro-Bold.woff2");
}

@font-face {
    font-family: DINRoundPro-Regular;
    src: url("https://zpdb2bsa05.blob.core.windows.net/fonts/custom/DINRoundPro.woff2");
}

body {
    font-family: "DINRoundPro-Regular";
    transition: all .5s ease-out;
    margin: 0;
    padding: 0;
}

.font-bold,
.font-dinBold {
    font-family: "DINRoundPro-Bold", sans-serif
}

.font-dinRegular {
    font-family: "DINRoundPro-Regular", sans-serif
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.xl\:px-32 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.m-1 {
    margin: .25rem;
}

[type=submit],
button {
    transition: .5s ease
}

[type=submit]:focus-visible,
button:focus-visible {
    outline: 0
}

.pb-0 {
    padding-bottom: 0;
}

.xl\:pb-\[3\.75rem\] {
    padding-bottom: 3.75rem;
}

.w-16 {
    width: 4rem;
}

.h-16 {
    height: 4rem;
}

.block {
    display: block;
}

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

.text-center {
    text-align: center
}

.text-primary-orange {
    --tw-text-opacity: 1;
    color: rgb(255 158 27/var(--tw-text-opacity))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.flex {
    display: flex;
}

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

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

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

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

.text-16 {
    font-size: 1rem;
}

.rounded-button {
    border-radius: 40px;
}

.rounded-button:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 158 27/var(--tw-bg-opacity))
}

.pt-40 {
    padding-top: 2.5rem;
}

.py-40 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.bg-primary-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(255 158 27/var(--tw-bg-opacity))
}

.hover\:bg-primary-orange:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 158 27/var(--tw-bg-opacity))
}

.bg-neutral-gray {
    --tw-bg-opacity: 1;
    background-color: rgb(213 213 213 / var(--tw-bg-opacity));
}

.hover\:bg-neutral-gray:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(213 213 213 / var(--tw-bg-opacity));
}

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

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

.text-neutral-darkGray {
    --tw-text-opacity: 1;
    color: rgb(118 118 118 / var(--tw-text-opacity));
}

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

.hover\:bg-accent-deepOrange:hover,
.focus\:bg-accent-deepOrange:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 124 44/var(--tw-bg-opacity))
}

.py-16 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content;
}

.w-full {
    width: 100%;
}

.w-max {
    width: -moz-max-content;
    width: max-content;
}

.h-full {
    height: 100%;
}

@media (min-width: 1024px) {
    .lg\:w-40 {
        width: 10rem;
    }
}

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

.min-w-160 {
    min-width: 160px;
}

div#api {
	display: none;
}

.border {
    border: 1px solid rgb(233 233 233/var(--tw-border-opacity))
}

.border-neutral-mediumGray {
    --tw-border-opacity: 1;
    border: 1px solid rgb(233 233 233/var(--tw-border-opacity))
}

.mt-20 {
    margin-top: 1.25rem
}

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

.px-16 {
    padding-left: 1rem;
    padding-right: 1rem
}

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

.pr-16 {
    padding-right: 1rem;
}

.py-12 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.slide-pane__header {
    flex: 0 0 56px;
    align-items: center;
    background: #fff;
    height: 56px;
    border-bottom: 0
}

.slide-pane__close {
    padding: 0;
    position: absolute;
    top: 24px;
    right: 16px;
    margin-left: 0
}

.slide-pane__close svg {
    width: 16px;
    height: 16px;
    stroke: #000
}

.slide-pane__content {
    padding: 0 24px
}

.slide-pane__overlay {
    z-index: 2
}

.pt-25 {
    padding-top: 1.5625rem
}

.text-18 {
    font-size: 1.125rem
}

.container {
    position: relative;
    max-width: 500px;
    width: 500px;
    height: 100vh;
}

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

.bg-whiteTint {
    background-color: rgba(255, 255, 255, 0.8);
}

.text-primary-black {
    --tw-text-opacity: 1;
    color: rgb(31 31 31/var(--tw-text-opacity))
}

h4 {
    font-family: "DINRound-Bold", sans-serif
}

.flex {
    display: flex
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.outline-none {
    outline: none;
}

.border-none {
    border: none;
}

.cursor-pointer {
    cursor: pointer
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.error-border {
    --tw-border-opacity: 1 !important;
    border: 1px solid rgb(234 14 0/var(--tw-border-opacity)) !important
}

.text-success {
    --tw-text-opacity: 1;
    color: rgb(45 159 72 / var(--tw-text-opacity));
    fill: rgb(45 159 72 / var(--tw-text-opacity));
}

h4 {
    font-size: 1.75rem
}

.flex-col {
    flex-direction: column
}

.text-14 {
    font-size: .875rem
}

.text-dangerHover {
    --tw-text-opacity: 1;
    color: rgb(234 14 0/var(--tw-text-opacity))
}

.pb-10 {
    padding-bottom: .625rem
}

.px-20 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.pb-12 {
    padding-bottom: .75rem
}

.pt-32 {
    padding-top: 2rem
}

input {
    border-radius: .375rem !important;
    padding: 1rem .75rem;
    --tw-text-opacity: 1;
    color: rgb(31 31 31/var(--tw-text-opacity));
    --tw-border-opacity: 1 !important;
    border: 1px solid rgb(233 233 233/var(--tw-border-opacity)) !important;
    transition: .5s ease;
    box-shadow: none !important;
    outline: none;
    font-family: "DINRound-Regular";
}

input:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(241 241 241/var(--tw-bg-opacity))
}

input:focus {
    --tw-border-opacity: 1 !important;
    border: 1px solid rgb(255 158 27/var(--tw-border-opacity)) !important;
    outline: 2px solid transparent;
    outline-offset: 0 !important;
}

input::placeholder,
input::-moz-placeholder {
    color: #9ca3af;
    font-family: "DINRound-Regular";
}

@media (max-width: 768px) {

    h2,
    h3 {
        font-size: 1.75rem
    }

    h4 {
        font-size: 1.3125rem
    }
}

.ts-error-message {
    color: #dd3909;
    display: none;
    margin-top: 10px;
    text-align: left;
}

.pincode-input-text {
    font-family: "DINRoundPro-Regular";
    padding: 0px;
    margin: 0px 2px;
    text-align: center;
    border: 1px solid;
    background: transparent;
    width: 50px;
    height: 50px;
}

.btn-disabled {
    cursor: default;
    --tw-text-opacity: 1;
    background-color: rgb(213 213 213 / var(--tw-bg-opacity));
}

.btn-disabled:hover,
.btn-disabled:focus {
    --tw-text-opacity: 1;
    background-color: rgb(213 213 213 / var(--tw-bg-opacity));
}

.btn-enabled {
    cursor: pointer;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    background-color: rgb(255 158 27/var(--tw-bg-opacity));
}

.btn-enabled:hover,
.btn-enabled:focus {
    --tw-text-opacity: 1;
    background-color: rgb(255 124 44/var(--tw-bg-opacity));
}

#timer {
    color: #000000;
    font-family: DINRoundPro-Bold;
    font-size: 16px;
}

.resend-otp-span {
    font-family: DINRoundPro-Bold;
    --tw-text-opacity: 1;
    color: rgb(255 158 27/var(--tw-text-opacity));
    cursor: pointer;
}

.resend-otp-span-disabled {
    font-family: DINRoundPro-Bold;
    --tw-text-opacity: 1;
    color: rgb(118 118 118 / var(--tw-text-opacity));
    cursor: default;
}

.spinner {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        radial-gradient(farthest-side, #ffa516 94%, #0000) top/8px 8px no-repeat,
        conic-gradient(#0000 30%, #ffa516);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
    animation: spin 1s infinite linear;
}

@keyframes spin {
    100% {
        transform: rotate(1turn);
    }
}

#phoneNumberTxtBox,
#phoneNumberTxtBox:focus {
    outline: none !important;
    border: none !important;
}

.phoneNumberDiv:focus-within {
    --tw-border-opacity: 1 !important;
    border: 1px solid rgb(255 158 27/var(--tw-border-opacity)) !important;
    outline: 2px solid transparent;
    outline-offset: 0 !important;
    transition: all .5s ease-out;
}</pre></body></html>