:root{
    scroll-behavior: auto;
    --first: #283e7a;
    --second: #1b9cd7;
    --second-rgb: 27, 156, 215;
    --second-dark: #0677ac;
    --bs-border-color: rgb(184, 187, 211);
    --bs-primary-rgb: 40, 62, 122;
    --icon-file: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%2354718a' xmlns='http://www.w3.org/2000/svg'><path d='M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0M9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1M4.5 9a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1zM4 10.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1z'/></svg>");
    --icon-pdf: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23de2429' xmlns='http://www.w3.org/2000/svg'><path d='M5.523 12.424q.21-.124.459-.238a8 8 0 0 1-.45.606c-.28.337-.498.516-.635.572l-.035.012a.3.3 0 0 1-.026-.044c-.056-.11-.054-.216.04-.36.106-.165.319-.354.647-.548m2.455-1.647q-.178.037-.356.078a21 21 0 0 0 .5-1.05 12 12 0 0 0 .51.858q-.326.048-.654.114m2.525.939a4 4 0 0 1-.435-.41q.344.007.612.054c.317.057.466.147.518.209a.1.1 0 0 1 .026.064.44.44 0 0 1-.06.2.3.3 0 0 1-.094.124.1.1 0 0 1-.069.015c-.09-.003-.258-.066-.498-.256M8.278 6.97c-.04.244-.108.524-.2.829a5 5 0 0 1-.089-.346c-.076-.353-.087-.63-.046-.822.038-.177.11-.248.196-.283a.5.5 0 0 1 .145-.04c.013.03.028.092.032.198q.008.183-.038.465z'/><path fill-rule='evenodd' d='M4 0h5.293A1 1 0 0 1 10 .293L13.707 4a1 1 0 0 1 .293.707V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2m5.5 1.5v2a1 1 0 0 0 1 1h2zM4.165 13.668c.09.18.23.343.438.419.207.075.412.04.58-.03.318-.13.635-.436.926-.786.333-.401.683-.927 1.021-1.51a11.7 11.7 0 0 1 1.997-.406c.3.383.61.713.91.95.28.22.603.403.934.417a.86.86 0 0 0 .51-.138c.155-.101.27-.247.354-.416.09-.181.145-.37.138-.563a.84.84 0 0 0-.2-.518c-.226-.27-.596-.4-.96-.465a5.8 5.8 0 0 0-1.335-.05 11 11 0 0 1-.98-1.686c.25-.66.437-1.284.52-1.794.036-.218.055-.426.048-.614a1.24 1.24 0 0 0-.127-.538.7.7 0 0 0-.477-.365c-.202-.043-.41 0-.601.077-.377.15-.576.47-.651.823-.073.34-.04.736.046 1.136.088.406.238.848.43 1.295a20 20 0 0 1-1.062 2.227 7.7 7.7 0 0 0-1.482.645c-.37.22-.699.48-.897.787-.21.326-.275.714-.08 1.103'/></svg>");
    --icon-csv: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23148048' xmlns='http://www.w3.org/2000/svg'><path d='M6 12v-2h3v2z'/><path d='M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0M9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1M3 9h10v1h-3v2h3v1h-3v2H9v-2H6v2H5v-2H3v-1h2v-2H3z'/></svg>");
    --icon-img: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%231b9cd7' xmlns='http://www.w3.org/2000/svg'><path d='M8.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0'/><path d='M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8l-2.083-2.083a.5.5 0 0 0-.76.063L8 11 5.835 9.7a.5.5 0 0 0-.611.076L3 12z'/></svg>");
    --icon-doc: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%231b9cd7' xmlns='http://www.w3.org/2000/svg'><path d='M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0M9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1M5.485 6.879l1.036 4.144.997-3.655a.5.5 0 0 1 .964 0l.997 3.655 1.036-4.144a.5.5 0 0 1 .97.242l-1.5 6a.5.5 0 0 1-.967.01L8 9.402l-1.018 3.73a.5.5 0 0 1-.967-.01l-1.5-6a.5.5 0 1 1 .97-.242z'/></svg>");
}
.icn{
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.ai-center{align-items: center}
.jc-center{justify-content: center}
.fs-12px{font-size: 0.75rem}
.fs-14px{font-size: 0.875rem}
.fs-15px{font-size: 0.938rem}
.fs-18px{font-size: 1.125rem}
.py-1p5{
    padding-top: .375rem !important;
    padding-bottom: .375rem !important;
}
.py-2p5 {
    padding-top: .625rem !important;
    padding-bottom: .625rem !important;
}
.bg-form{background-color: rgba(31, 158, 216, 0.06)}
.fw-medium{font-weight: 500}
.mb-n1px{margin-bottom: -1px}
.mb-n2px{margin-bottom: -2px}
.mb-n3px{margin-bottom: -3px}
.minw-90px{min-width: 90px}
.minw-100px{min-width: 100px}
.minw-110px{min-width: 110px}
.minw-120px{min-width: 120px}
.btn-secondary{
    --bs-btn-bg: var(--second);
    --bs-btn-border-color: var(--second);
    --bs-btn-hover-bg: var(--second-dark);
    --bs-btn-hover-border-color: var(--second-dark);
    --bs-btn-focus-shadow-rgb: 27, 156, 215;
    --bs-btn-active-bg: var(--second-dark);
    --bs-btn-active-border-color: var(--second-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.form-check{
    padding-left: 1.75em;
}
.form-check .form-check-input {
    float: left;
    margin-left: -1.75em;
}
.form-check-label, .form-check-input{cursor: pointer;}
.form-check-input[type=checkbox]{border-radius: .2em}
.form-check-input{
    width: 1.25em;
    height: 1.25em;
    margin-top: .15em;
}
.form-check-input:checked {
    background-color: var(--second);
    border-color: var(--second);
}
.opacity-80{opacity: .80 !important}
.opacity-85{opacity: .85 !important}
.border-deem{--bs-border-color: rgb(197,235,252)}

.formz-wrapper{
    min-height: 100vh;
    padding: 24px 14px;
}
.formz-wrapper .container{
    max-width: 780px;
    background-color: #ffff;
    border-radius: 10px;
    box-shadow: 0 1px 8px rgb(0, 0, 0, 0.15);
    border-top: 3px solid var(--second);
    border-bottom: 3px solid var(--second);
}
.wizard-steps{
	list-style-type: none;
	position: relative;
	padding: 0;
	margin: 0 auto 24px auto;
	display: flex;
	justify-content: space-between;
    max-width: 240px;
}
.wizard-steps::before, .wizard-steps::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	background: #dddddd;
	top: 50%;
	margin-top: -2px;
	left: 0;
	z-index: 0;
}
.wizard-steps::after{
	background: var(--second);
	width: 0;
	transition: 800ms ease;
}
[data-step="1"]::after{width: 0%}
[data-step="2"]::after{width: 100%}
.wizard-steps li{
	width: 32px;
	height: 32px;
	background-color: #ddd;
    color: #555555;
    position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
    font-size: 17px;
    line-height: 1;
	border-radius: 30px;
	cursor: pointer;
	transition: 400ms ease;
    z-index: 1;
    outline-offset: 4px;
}
.wizard-steps li span{
    position: absolute;
    white-space: nowrap;
    bottom: -28px;
    color: #bababa;
    transition: 400ms ease;
}
[data-step="1"] li:nth-child(1),
[data-step="2"] li:nth-child(1), [data-step="2"] li:nth-child(2){
	background-color: var(--second);
    outline: 1px dotted var(--second);
	color: #fff;
    span{
        color: var(--second);
    }
}


.input-wrapper{
    position: relative;
}
.input-wrapper .form-control{
    font-weight: 400;
    border-radius: 4px;
    padding: .5rem 2rem 0.5rem 0.75rem;
    background-repeat: no-repeat !important;
    background-position: 12px center !important;
    appearance: none;
    &:focus{
        box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .10);
    }
    &::placeholder{
        text-transform: uppercase;
        opacity: 0.70;
    }
    &[type=number]::-webkit-inner-spin-button, 
    &[type=number]::-webkit-outer-spin-button { 
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0; 
    }
    &[type=file]{
        color: transparent;
    }
    &[type=file]::-webkit-file-upload-button{
        display: none;
    }
    &[type=file]::file-selector-button {
        display: none;
    }
}
.input-wrapper.input-text .form-control{
    padding: .5rem 2rem 0.5rem 2.5rem;
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23999999' xmlns='http://www.w3.org/2000/svg'><path d='M10 5h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4v1h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4zM6 5V4H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v-1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z'/><path fill-rule='evenodd' d='M8 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13A.5.5 0 0 1 8 1'/></svg>");
    background-size: 1.125rem 1.125rem;
}
.input-wrapper.input-user .form-control{
    padding: .5rem 2rem 0.5rem 2.5rem;
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23999999' xmlns='http://www.w3.org/2000/svg'><path d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z'/></svg>");
    background-size: 1.25rem 1.25rem;
}
.input-wrapper.input-date .form-control{
    padding: .5rem 2rem 0.5rem 2.5rem;
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23999999' xmlns='http://www.w3.org/2000/svg'><path d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z'/><path d='M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5zM11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z'/></svg>");
    background-size: 1.125rem 1.125rem;
    appearance: none;
    &::-webkit-calendar-picker-indicator {
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border: 0;
        cursor: pointer;
    }
}
.input-wrapper.input-email .form-control{
    padding: .5rem 2rem 0.5rem 2.5rem;
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23999999' xmlns='http://www.w3.org/2000/svg'><path d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z'/></svg>");
    background-size: 1.25rem 1.25rem;
}
.input-wrapper.input-number .form-control{
    padding: .5rem 2rem 0.5rem 2.5rem;
    background: url("data:image/svg+xml,<svg viewBox='0 0 32 32' fill='%23999999' xmlns='http://www.w3.org/2000/svg'><path d='M28.75 31.8h-25.5c-1.7 0-3.050-1.35-3.050-3.050v-25.5c0-1.7 1.35-3.050 3.050-3.050h25.55c1.7 0 3.050 1.35 3.050 3.050v25.55c-0.050 1.65-1.4 3-3.1 3zM3.25 2.2c-0.55 0-1.050 0.45-1.050 1.050v25.55c0 0.55 0.45 1.050 1.050 1.050h25.55c0.55 0 1.050-0.45 1.050-1.050v-25.55c0-0.55-0.45-1.050-1.050-1.050h-25.55z'/><path d='M10.85 22.3c-0.55 0-1-0.45-1-1v-8.8l-1.6 1.2c-0.45 0.3-1.050 0.2-1.4-0.2-0.3-0.45-0.2-1.050 0.2-1.4l3.2-2.35c0.3-0.2 0.7-0.25 1.050-0.1s0.55 0.5 0.55 0.9v10.75c0 0.55-0.45 1-1 1z'/><path d='M13.25 22.35h-4.95c-0.55 0-1-0.45-1-1s0.45-1 1-1h4.95c0.55 0 1 0.45 1 1s-0.45 1-1 1z'/><path d='M24.9 22.45h-6.6c-0.4 0-0.75-0.25-0.9-0.6s-0.1-0.8 0.2-1.1l0.15-0.15c0.65-0.7 1.35-1.4 2-2.050 0.55-0.5 1.1-1.050 1.6-1.6 0.75-0.8 1.3-1.45 1.45-2.35 0.2-1-0.050-2-0.7-2.55-0.6-0.5-1.25-0.5-1.75-0.45-0.85 0.15-1.65 0.65-2.1 1.4-0.3 0.45-0.9 0.65-1.35 0.35s-0.6-0.9-0.35-1.35c0.75-1.25 2.050-2.1 3.5-2.35 1.25-0.2 2.45 0.1 3.35 0.9 1.2 1.050 1.7 2.75 1.35 4.5-0.3 1.45-1.15 2.45-2 3.3-0.55 0.55-1.1 1.1-1.65 1.65-0.15 0.15-0.3 0.3-0.45 0.4h4.2c0.55 0 1 0.45 1 1s-0.4 1.050-0.95 1.050z'/></svg>");
    background-size: 1.25rem 1.25rem;
}
.input-wrapper.input-dollar .form-control{
    padding: .5rem 2rem 0.5rem 2.5rem;
    background: url("data:image/svg+xml,<svg fill='%23999999' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M4 10.781c.148 1.667 1.513 2.85 3.591 3.003V15h1.043v-1.216c2.27-.179 3.678-1.438 3.678-3.3 0-1.59-.947-2.51-2.956-3.028l-.722-.187V3.467c1.122.11 1.879.714 2.07 1.616h1.47c-.166-1.6-1.54-2.748-3.54-2.875V1H7.591v1.233c-1.939.23-3.27 1.472-3.27 3.156 0 1.454.966 2.483 2.661 2.917l.61.162v4.031c-1.149-.17-1.94-.8-2.131-1.718zm3.391-3.836c-1.043-.263-1.6-.825-1.6-1.616 0-.944.704-1.641 1.8-1.828v3.495l-.2-.05zm1.591 1.872c1.287.323 1.852.859 1.852 1.769 0 1.097-.826 1.828-2.2 1.939V8.73z'/></svg>");
    background-size: 1.25rem 1.25rem;
}
.input-wrapper.input-rupee .form-control{
    padding: .5rem 2rem 0.5rem 2.5rem;
    background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23999999' viewBox='0 0 16 16'><path d='M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4z'/></svg>");
    background-size: 1.25rem 1.25rem;
}
.input-wrapper.input-mobile .form-control{
    padding: .5rem 2rem 0.5rem 2.5rem;
    background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23999999' viewBox='0 0 16 16'><path d='M12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/><path d='M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/></svg>");
    background-size: 1.25rem 1.25rem;
}
.input-wrapper.input-file .form-control{
    padding: 2rem 1rem;
    border-style: dashed;
    background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23454545' xmlns='http://www.w3.org/2000/svg'><path d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5'/><path d='M7.646 1.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 2.707V11.5a.5.5 0 0 1-1 0V2.707L5.354 4.854a.5.5 0 1 1-.708-.708z'/></svg>");
    background-size: 1.25rem 1.25rem;
    background-position: 16px center !important;
    &:hover{
        border-color: var(--second);
    }
}
.input-wrapper.input-file .file-choose{
    white-space: nowrap;
    position: absolute;
    height: 100%;
    border-radius: 0;
    display: flex;
    align-items: center;
    top: 0;
    left: 3.25rem;
    padding: 0;
    pointer-events: none;
}
.input-wrapper .btn-close{
    position: absolute;
    width: 30px;
    height: 100%;
    border-radius: 0;
    display: block;
    top: 0;
    right: 1px;
    padding: 0;
    background-size: 0.75rem 0.75rem;
    cursor: pointer;
    z-index: 1;
    visibility: hidden;
}
.input-wrapper .form-control:hover ~ .btn-close,
.input-wrapper .form-control ~ .btn-close:hover,
.input-wrapper .form-control:focus ~ .btn-close{
    visibility: visible;
}
.input-wrapper .form-control:placeholder-shown ~ .btn-close{
    visibility: hidden;
}

.sign-wrapper{
    position: relative;
}
.sign-canvas{
    width: 100%;
    height: 160px;
    border: 2px dotted rgb(184, 187, 211);
    border-radius: 8px;
    cursor: crosshair;
    margin: 0;
    display: block;
    outline: none;
    -webkit-overflow-scrolling: touch;
}
.sign-canvas:hover, .sign-canvas:focus, .sign-canvas:active,
.sign-canvas:focus-visible,
.sign-wrapper:focus-within .sign-canvas,
.sign-wrapper:has(.btn-close:hover) .sign-canvas,
.sign-wrapper:has(.btn-close:focus) .sign-canvas{
    border-color: var(--second);
    box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .10);
    transition: 300ms all;
}
.sign-wrapper .btn-close{
    position: absolute;
    right: 10px;
    bottom: 10px;
    visibility: hidden;
    box-shadow: none;
    z-index: 2;
}
.sign-wrapper:hover .btn-close,
.sign-wrapper:focus-within .btn-close{
    visibility: visible;
}
.file-uploadcard{
    border: 1px solid rgb(184, 187, 211);
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    padding: 4px 6px;
}
.file-uploadcard .file-type{
    width: 34px;
    min-width: 34px;
    height: 48px;
    background-image: var(--icon-file);
    background-repeat: no-repeat;
    background-size: 98% 98%;
    background-position: center center;
}
.file-uploadcard .file-type[data-type=pdf]{
    background-image: var(--icon-pdf);
}
.file-uploadcard .file-type[data-type=csv], 
.file-uploadcard .file-type[data-type=xls],
.file-uploadcard .file-type[data-type=xlsx]{
    background-image: var(--icon-csv);
}
.file-uploadcard .file-type[data-type=jpg],
.file-uploadcard .file-type[data-type=jpeg],
.file-uploadcard .file-type[data-type=png],
.file-uploadcard .file-type[data-type=gif],
.file-uploadcard .file-type[data-type=svg],
.file-uploadcard .file-type[data-type=webp]{
    background-image: var(--icon-img);
}
.file-uploadcard .file-type[data-type=doc],
.file-uploadcard .file-type[data-type=docx]{
    background-image: var(--icon-doc);
}
.file-uploadcard .file-content{
    display: block;
    min-width: 0;
    line-height: 1.2;
}
.file-uploadcard .btn-close{
    font-size: 12px;
    margin-left: auto;
}