body {
    scroll-behavior: smooth;
    font-family: 'Roboto';
}

html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

::-webkit-scrollbar {
    width: 0px;
}

::-webkit-scrollbar-thumb {
    background: #ca252b;
}

::-webkit-scrollbar-thumb:hover {
    background: #ca252b;
}

.hc-offcanvas-nav.hc-nav-1.nav-position-left .nav-container {
    transform: translate3d(-493px, 0, 0);
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype'),
        url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype'),
        url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff'),
        url('../fonts/Poppins-Bold.ttf') format('truetype'),
        url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff'),
        url('../fonts/Poppins-Light.ttf') format('truetype'),
        url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-SemiBold.eot');
    src: url('../fonts/Roboto-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-SemiBold.woff2') format('woff2'),
        url('../fonts/Roboto-SemiBold.woff') format('woff'),
        url('../fonts/Roboto-SemiBold.ttf') format('truetype'),
        url('../fonts/Roboto-SemiBold.svg#Roboto-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fontss/Roboto-Regular.eot');
    src: url('../fontss/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fontss/Roboto-Regular.woff2') format('woff2'),
        url('../fontss/Roboto-Regular.woff') format('woff'),
        url('../fontss/Roboto-Regular.ttf') format('truetype'),
        url('../fontss/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.top-application-bar {
    display: flex;
    justify-content: space-between;
    background: #e31e24;
    color: #fff;
}

.left-box {
    background: #d71920;
    padding: 10px 18px;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    border-right: 5px solid #fff;
}

.left-box span {
    font-size: 11px;
}

.center-box {
    text-align: center;
    flex: 1;
}

.center-box h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
}

.center-box p {
    font-size: 11px;
    margin: 2px 0;
}

.underline {
    width: 60px;
    height: 4px;
    background: #fff;
    margin: 6px auto 0;
}

.right-box {
    display: flex;
}

.app-form {
    background: #d71920;
    padding: 12px 18px;
    font-size: 13px;
    font-weight: bold;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
}

.issue-date {
    background: #c41419;
    padding: 10px 15px;
    font-size: 12px;
    line-height: 1.4;
}

.note {
    text-align: right;
    font-size: 11px;
    padding: 4px;
}



.logo-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.logo-box img {
    width: 130px;
}

.logo-text {
    color: #e31e24;
    font-weight: bold;
    margin-top: 4px;
}

.address-box p {
    margin: 0;
    font-size: 14px;
}

.address-box h3 {
    margin: 3px 0 0 0;
    font-size: 16px;
    font-weight: bold;
}

.form-no {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-left: 140px;
    padding-right: 140px;
}

.name-input input {
    width: 100%;
    height: 35px;
    border: none;
    outline: none;
}

.boxes-2 input {
    width: 100%;
    border-top: none;
    border-left: none;
    border-left: none;
    border-right: none;
    outline: none;
    border-bottom: 1px solid #000;
}

.frist-1 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.date-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.boxes-2 {
    width: 100%;
}

.frist-1 {
    white-space: nowrap;
}

.form-no p {
    margin: 0;
}

.form-border {
    border: 1px solid #000;
}

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

td,
th {
    border: 1px solid #000;
    padding: 4px;
}

.header {
    background: #f5e3c3;
    font-weight: bold;
}

.header-2 {
    background: #eee;
}

.section {
    background: #e8d0c0;
    font-weight: bold;
}

.boxes {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}

.boxes input {
    width: 18px;
    height: 18px;
    border: 1px solid black;
    text-align: center;
    outline: none !important;
}

.line {
    width: 100%;
    border: none;
    border-bottom: 1px solid black;
    outline: none !important;
}

.line:focus {
    outline: none !important;
}

.center {
    text-align: center;
}

.line {
    width: 100%;
    border: none;
    border-bottom: 1px solid black;
    outline: none;
    height: 25px;
}

.name-text {
    display: flex;
    gap: 5px;
    align-items: center;
}

.name-input-1 {
    width: 100%;
}

.name-text label {
    white-space: nowrap;
}


td,
th {
    border: 1px solid black;
    padding: 4px;
    vertical-align: top;
}

.section {
    background: #e5d0c2;
    font-weight: bold;
}

.boxrow {
    display: flex;
    gap: 2px;
}

.boxrow input {
    width: 18px;
    height: 18px;
    border: 1px solid black;
    text-align: center;
    outline: none !important;
}

.line {
    width: 100%;
    border: none;
    border-bottom: 1px solid black;
    outline: none;
}

.stamp {
    font-size: 11px;
    text-align: center;
}

.small {
    font-size: 11px;
}

.center {
    text-align: center;
}

.linebox {
    width: 100%;
    border: none;
    border-bottom: 1px solid black;
    outline: none;
    height: 25px;
    margin-top: 5px;
}

.head {
    background: #e6d0c0;
    font-weight: bold;
    text-align: center;
}

.boxes {
    display: flex;
    gap: 2px;
    margin-top: 3px;
}

.boxes input {
    width: 18px;
    height: 18px;
    border: 1px solid black;
    text-align: center;
}

.line {
    border: none;
    border-bottom: 1px solid black;
    width: 200px;
    outline: none;
}

.small {
    font-size: 11px;
}

.center {
    text-align: center;
}

.boxrow input {
    width: 18px;
    height: 18px;
    border: 1px solid #000;
    text-align: center;
}

.line {
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    outline: none;
}

.small {
    font-size: 11px;
}

.stamp {
    text-align: center;
    font-size: 11px;
    background: #f5e3c3;
}

.stamp-box {
    width: 90%;
    height: 35px;
    margin-top: 8px;
    border: 1px solid black;
    outline: none;
}

.section {
    background: #f5e3c3;
    font-weight: bold;
}

.line {
    width: 100%;
    border: none;
    border-bottom: 1px solid black;
    outline: none;
    height: 22px;
}

.box-row {
    display: flex;
    gap: 2px;
    margin-top: 3px;
    flex-wrap: wrap;
}

.box-row input {
    width: 18px;
    height: 18px;
    border: 1px solid black;
    text-align: center;
    outline: none;
}
.date-center input{text-align: center;}
.small {
    font-size: 11px;
}

/* stamp column */

.stamp {
    padding: 6px;
}

.stamp-text {
    font-size: 11px;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 10px;
}

.stamp-input {
    width: 100%;
    height: 50px;
    border: 1px solid black;
    outline: none;
}

.head {
    background: #f5e3c3;
    font-weight: bold;
    text-align: center;
}

.panbox {
    display: flex;
    gap: 2px;
    margin-top: 3px;
}

.panbox input {
    width: 18px;
    height: 18px;
    border: 1px solid black;
    text-align: center;
}

.small {
    font-size: 11px;
}

.center {
    text-align: center;
}

.date-line {
    border: none;
    border-bottom: 1px solid black;
    width: 150px;
    outline: none;
}

.top-table {
    margin-top: 5px;
}

.icl-header {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    padding: 10px 0;
}

.icl-title {
    background: #e11b22;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    padding: 12px 25px;
    text-align: center;
}

.icl-info {
    background: #e11b22;
    color: #fff;
    font-size: 11px;
    line-height: 1.3;
    padding: 8px 15px;
    text-align: center;
}

.icl-form {
    font-weight: bold;
    text-align: left;
    position: relative;
    left: -40px;
}

.icl-bottom {
    background: #f5e3c3;
    font-size: 11px;
    padding: 6px 10px;
    border-top: 1px solid #ccc;
}

.icl-left img {
    width: 130px;
}

.form-table {
    border-collapse: collapse;
    width: 100%;
    font-family: Arial;
    font-size: 12px;
}

.form-table td {
    border: 1px solid #000;
    padding: 3px;
    vertical-align: middle;
}

.label {
    font-weight: bold;
    white-space: nowrap;
}

.pan {
    padding: 4px 18px;
}

.dp-box input,
.pan-box input {
    width: 22px;
    height: 20px;
    border: 1px solid #000;
    margin-right: 2px;
    text-align: center;
    outline: none;
}

/* INNER FORM */

.inner {
    width: 100%;
    border-collapse: collapse;
}

.inner td {
    border: none;
    padding: 6px 4px;
}

.tlabel {
    white-space: nowrap;
    text-align: right;
}
.other-lable{text-align: left;}
/* TEXT LINES */

.line {
    border: none;
    border-bottom: 1px solid #000;
}

/* SIGNATURE BOX */

.sign {
    text-align: center;
    font-size: 11px;
}

.main-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial;
    font-size: 12px;
}

.main-table td {
    border: 1px solid #000;
    vertical-align: top;
}

/* LEFT RED BAR */

.vertical {
    background: #d71920;
    color: #fff;
    font-weight: bold;
    text-align: center;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    padding: 10px;
    width: 40px;
}

/* INNER TABLE */

.form-inner {
    width: 100%;
    border-collapse: collapse;
}

.form-inner td {
    border: 1px solid #000;
    padding: 10px;
}
.other-style-box p{font-size: 12px; color: #666; font-style: italic; margin-bottom: 10px;}
/* LABELS */

.grey {
    background: #d9d9d9;
    font-weight: bold;
}


/* OPTIONS */

.opt {
    text-align: center;
    width: 35px;
}

/* INPUTS */

.full-input {
    width: 100%;
    border: none;
    height: 24px;
    outline: none;
}

.small-box {
    width: 100%;
    height: 24px;
    border: none;
    text-align: center;
    outline: none;
}


/* RIGHT AREA */

.name-box {
    padding: 6px;
    border-bottom: 1px solid #000;
}

.name-input {
    width: 100%;
    border: none;
    height: 24px;
    outline: none;
}

.ack-head {
    background: #d71920;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 5px;
}

.ack {
    font-size: 11px;
    padding: 0;
    border: 1px solid #000;
}

.ack p {
    margin: 0;
    padding: 6px;
}

.other-box p {
    margin: 0;
    padding: 6px;
    border: 1px solid #000;
    margin-top: 2px;
}

.app-no {
    padding: 6px;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.app-input {
    width: 100%;
    border: none;
    outline: none;
}

.text-box-1 p {
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    margin: 0;
}

.text-box-1 {
    background: #d71920;
    padding: 6px;
    margin-top: 6px;
}

.undertaking-box {
    border: 1px solid #000;
    font-family: Arial;
    margin-top: 6px;
}

.heading {
    background: #222;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 6px;
}

.content {
    background: #d9d9d9;
    padding: 10px;
}

.content ol {
    margin-left: 0px;
    padding: 0;
}

.content li {
    margin-bottom: 4px;
    list-style: none;
}

.impertion-text {
    background: transparent;
}

.impertion-text p {
    margin: 0;
    font-size: 14px;
    color: #000;
}

/* .main-box{
border:1px solid #000;
} */

.title {
    background: #1f1f1f;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 6px;
}

.sub-title {
    background: #d9d9d9;
    padding: 5px;
    font-weight: bold;
}

.main-box .sub-title {
    background: transparent;
}

.flex-row {
    display: flex;
    gap: 40px;
    padding-top: 20px;
}

.table-box {
    border-collapse: collapse;
}

.table-box td {
    border: 1px solid #000;
    padding: 4px;
    vertical-align: middle;
}

.issue-table .head {
    background: transparent;
    font-weight: bold;
    text-align: left;
}

.code {
    width: 90px;
    text-align: center;
}

.issue-title {
    background: #d9d9d9;
    text-align: center;
    font-weight: bold;
    padding: 5px;
}

.issue-table {
    width: 100%;
    border-collapse: collapse;
}

.issue-table td {
    border: 1px solid #000;
    padding: 4px;
    text-align: center;
}

.left {
    text-align: left !important;
}

.application-text p {
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}

.application-text {
    padding: 10px 0;
    padding-left: 10px;
    padding-bottom: 0;
}

.bottem-text p {
    font-size: 12px;
    color: #666;
    margin: 0;
    padding-top: 2px;
    font-style: italic;
}

.note-list h6 {
    font-weight: bold;
    font-size: 12px;
    color: #000;
}

.note-list ul {
    margin: 0;
    padding: 0;
}

.note-list li {
    list-style: none;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

.footer-box {
    padding: 10px;
    font-size: 12px;
    line-height: 1.5;
}

.box:last-child {
    border-right: 0;
}

.box-title {
    border-bottom: 1px solid #999;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    padding: 4px;
    margin-bottom: 10px;
}

.box-content {
    border: 1px solid #999;
    padding: 10px;
    height: 100%;
}

.footer-bar {

    font-weight: 700;
    font-size: 14px;
    padding: 6px 0px;
    display: flex;
    align-items: center;
}

.footer-number {
    background: #d9d9d9;
    border: 1px solid #999;
    padding: 2px 8px;
    margin-right: 10px;
    font-size: 14px;
}

.box-content li {
    font-size: 13px;
    color: #000;
}

.box-content ul {
    padding-left: 15px;
}

.box-content p {
    font-size: 13px;
    margin: 0;
    color: #000;
}

.box-conten h6 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.footer-text {
    padding-top: 10px;
}

.undertaking-box li {
    font-size: 14px;
    ;
}

.form-title {
    background: #f5e3c3;
    border-bottom: 1px solid #555;
    padding: 5px 8px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
}
.border-line{border-bottom: none !important;}
.form-title span {
    font-weight: 600;
}

.form-row {
    display: flex;
    align-items: center;
    padding: 2px 6px;
    gap: 8px;
    flex-wrap: wrap;
}

.form-row:last-child {
    border-bottom: 0;
}

.field-group {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

.label {
    font-size: 13px;
    color: #333;
    white-space: nowrap;
}

/* line pole kaanunna textbox */
.line-input {
    flex: 1;
    min-width: 120px;
    border: none;
    border-bottom: 1px solid #555;
    outline: none;
    height: 24px;
    font-size: 13px;
    padding: 0 2px;
    background: transparent;
    border-radius: 0;
}

.line-input:focus {
    border-bottom: 1px solid #000;
}

.date-input {
    width: 140px;
    height: 24px;
    border: none;
    border-bottom: 1px solid #555;
    outline: none;
    font-size: 13px;
    padding: 0 2px;
    background: transparent;
    border-radius: 0;
}

.date-input:focus {
    border-bottom: 1px solid #000;
}

.contact-row .field-group {
    min-width: 220px;
}

.applicant-form {
    border: 1px solid #000;
    border-top: none;
    margin-bottom: 5px;
}

.field-group input {
    width: 18px;
    height: 18px;
    font-size: 13px;
    outline: unset;
}

.form-box-line {
    width: 100%;
    margin-bottom: 5px;
    border: 1px solid #444;
}

.form-row {
    border-bottom: 1px solid #444;
    display: flex;
    align-items: center;
    padding: 5px 8px;
    font-size: 13px;
    line-height: 1.2;
}

.form-row:last-child {
    border-bottom: 0;
}

.header-row {
    background: #f5e3c3;
    flex-wrap: wrap;
    gap: 10px;
}

.header-row strong {
    font-weight: 700;
    text-transform: uppercase;
}

.checkbox-item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.checkbox-item input[type="checkbox"] {
    width: 14px;
    height: 14px;
    margin: 0;
}

.sub-code-wrap {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.code-box {
    width: 18px;
    height: 18px;
    border: 1px solid #444;
    text-align: center;
    padding: 0;
    outline: none;
}

.deposit-row {
    background: #f5e3c3;
    flex-wrap: wrap;
    gap: 4px;
}

.deposit-row strong {
    font-weight: 700;
    text-transform: uppercase;
}

.depository-input-row {
    gap: 14px;
    flex-wrap: wrap;
}

.radio-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.radio-item input[type="radio"] {
    margin: 0;
}

.line-input {
    flex: 1;
    border: none;
    border-bottom: 1px solid #444;
    background: transparent;
    height: 24px;
    outline: none;
    font-size: 13px;
    padding: 0 2px;
}

.next-table-box p {
    color: #666;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
}

.digit-row {
    display: flex;
    gap: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.digit-box {
    width: 36px;
    height: 34px;
    border: 1px solid #444;
    border-right: 0;
    text-align: center;
    font-size: 14px;
    outline: none;
    flex: 0 0 36px;
}

.digit-box:last-child {
    border-right: 1px solid #444;
}

.checkbox-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.checkbox-item input[type="checkbox"] {
    width: 14px;
    height: 14px;
    margin: 0;
}

.form-box {
    margin-bottom: 5px;
}

.payment-box {
    border: 1px solid #444;
    width: 100%;
    margin-bottom: 5px;
}

.payment-header {
    background: #f5e3c3;
    padding: 4px 8px;
    border-bottom: 1px solid #444;
    font-size: 13px;
}

.payment-row {
    display: flex;
}

.payment-col {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    gap: 8px;
    border-right: 1px solid #444;
}

.payment-col:last-child {
    border-right: none;
}

.payment-col span {
    font-size: 12px;
}

.words-col {
    flex: 1;
}

.line-input {
    flex: 1;
    border: none;
    outline: none;
    height: 22px;
    background: transparent;
}

.asba-box {
    width: 100%;
    border: 1px solid #444;
}

.asba-row {
    display: flex;
    border-bottom: 1px solid #444;
    min-height: 24px;
}

.asba-row:last-child {
    border-bottom: none;
}
.holder-name{display: block; padding-bottom: 10px; border-bottom: none;}
.line-input input{width: 100%; border-top: none; border-left: none; border-right: none; outline: none; }
.all-input-box{display: flex; align-items: center; height: 50px; padding-right: 10px;}
.holder-name small{margin-left: 10px; margin-bottom: 10px; font-size: 12px;}
.all-input-box input{border-bottom: none;}
.line-input{border-bottom: 1px solid #000;}
.left-section {
    flex: 1;
    border-right: 1px solid #444;
}

.top-line {
    display: flex;
    align-items: stretch;
    min-height: 24px;
    padding-top: 8px;
}

.label-cell {
    width: 150px;
    padding: 4px 8px;
    font-size: 12px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.boxes-cell {
    flex: 1;
    display: flex;
    align-items: stretch;
}

.char-box {
    width: 28px;
    height: 24px;
    text-align: center;
    font-size: 12px;
    outline: none;
}

/* .char-box:last-child {
    border-right: none;
} */

.note-box {
    width: 300px;
    padding: 0px 0px;
    font-size: 12px;
    line-height: 1.25;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}
.text-note-box{ background: #f5e3c3; padding: 10px; border-bottom: 1px solid #000;}
.text-box-input input{width: 100%; height: 55px; border: none; outline: unset; text-align: center;}
.single-line {
    padding: 4px 8px;
    font-size: 12px;
    min-height: 24px;
}

.single-line small {
    display: block;
    font-size: 11px;
    line-height: 1.2;
}

.input-row {
    display: flex;
    align-items: center;
    min-height: 24px;
    /* border-top: 1px solid #444; */
}

.input-label {
    width: 150px;
    padding: 10px 8px;
    font-size: 12px;
    white-space: nowrap;
}

.line-field {
    flex: 1;
    border: none;
    outline: none;
    height: 23px;
    padding: 0 6px;
    font-size: 12px;
    background: transparent;
    border-bottom: 1px solid #000;
}

.upi-note {
    width: 190px;
    padding: 10px 8px;
    font-size: 12px;
    white-space: nowrap;
}

.other-box-line .upi-boxes {
    flex: 1;
    display: flex;
    align-items: stretch;
    margin-left: 20px;
}

.upi-char-box {
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 12px;
    outline: none;  
}
.border-none-line{border: none; padding-right: 10px;}
/* .upi-char-box:last-child {
    border-right: none;
} */
.input-line-box{display: flex;}
.input-line-box input{width: 25px; height: 25px; text-align: center; outline: none; border-top: none; border-bottom: none; border-right: none; border-color: #666;}
.line-grnd{border-top: 1px solid #000;}
.date-center{flex: unset;}
.field-box{width: 210px;}
.line-grnd{padding-top: 0; padding-bottom: 0;}
.other-box-line .form-table {
    width: 100%;
    border-collapse: collapse;
}

.other-box-line .form-table th,
.other-box-line .form-table td {
    border: 1px solid #000;
    padding: 0px;
    font-size: 12px;
    /* vertical-align:bottom; */
}

.other-box-line .form-table th {
   
    text-align: center;
}

/* PAN BOX */
.other-box-line .pan-box {
    display: flex;
}

.other-box-line .pan-box input {
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    text-align: center;
}

.other-box-line .pan-box input:last-child {
    border-right: 1px solid #000;
}

/* DATE BOX */
.other-box-line .date-box {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-top: 5px;
}

.other-box-line .date-box input {
    width: 100%;
    border: 1px solid #000;
    text-align: left;
    border-top: none; border-left: none; border-right: none; outline: none;
}

/* BOTTOM RECTANGLE */
.other-box-line .bottom-box {
    width: 100%;
    height: 35px;
    border: 1px solid #000;
    margin-top: 5px;
}

/* SIGNATURE AREA */
.other-box-line .signature-container {
    display: flex;
    width: 100%;
}

.other-box-line .number-col {
    width: 25px;
    border-right: 1px solid #000;
    text-align: center;
}

.other-box-line .number-col div {
    height: 40px;
    border-bottom: 1px solid #000;
    line-height: 40px;
}

.other-box-line .number-col div:last-child {
    border-bottom: none;
}

.other-box-line .sign-col {
    flex: 1;
}

.other-box-line .sign-col div {
    height: 40px;
    border-bottom: 1px solid #000;
}

.other-box-line .sign-col div:last-child {
    border-bottom: none;
}

.other-box-line .note {
    font-size: 11px;
    padding: 8px;
    border-bottom: 1px solid #000;
    text-align: center;
}
.form-box-head{background: #f5e3c3 !important; height: 65px;}
.pan-box-div{display: flex; align-items: center; gap: 10px;}
.other-box-line{margin-top: 5px;}
.date-box-icon{display: flex; align-items: center; gap: 10px;}
.date-caption{display: flex; align-items: center; gap: 30px; padding-left: 15px;}
.box-box input{width: 100%; height: 40px; border-bottom: none; border-left: none; border-right: none; border-top: 1px solid #000; outline: none; padding: 10px; }
.box-box{padding-top: 10px;}
.form-box-head th{vertical-align: middle;}
.pan-box-div{padding-left: 10px; padding-top: 10px;}
.padd-row-1{padding-right: 2px;}
.padd-row{padding-left: 2px;}
.form-box-head p{font-size: 10px !important; background: #fff !important; margin: 0 !important; border-top: 1px solid #000; height: 28px; width: 100%; display: flex; align-items: center; justify-content: center;}
.other-box-line-1{margin-bottom: 5px;}
.input-box input{width: 100%; outline: none; height: 50px;}
.date-box-bg{background: #dadada; padding: 10px;}
.all-box-head p{border: 1px solid #f2f2f2;font-size: 12px; color: #000; margin: 0; border: 1px solid #000; margin-top: 5px; padding: 5px;}
.all-box-section .sign{border: none;}
.all-box-section .form-area{border: none;}
.all-box-section .right{border: none;}
.all-box-section .date-inpu-line input{width: 100%; height: 170px; outline: none;}
.all-box-section .vertical{border: none;}
.all-box-section .form-inner td{padding: 9px;}
.all-content-bg{padding: 0 30px; padding-top: 30px;}
/* login */
.login-bg{background: #c41419; padding: 60px 145px;}
.login-box{background: #d4d4d4; padding: 50px; border-radius: 10px;}
.login-box-other{background: #efefef; text-align: center; width: 620px; margin: auto; padding: 40px; border-radius: 10px;}
.login-box-other h4{color: #000; padding-top: 10px; font-weight: bold; font-size: 35px;}
.from-group{text-align: left; margin-bottom: 20px;}
.login-box-other .form-control{padding: 8px 15px; border-radius: 15px; box-shadow: none; border: 1px solid #000; font-size: 13px;}
.submite-btn a{ background: #c41419; padding: 12px 25px; text-decoration: none; color: #fff; font-size: 15px; font-weight: 500; border-radius: 10px; transition: 0.5s;}
.submite-btn{text-align: right; padding-top: 10px;}
.submite-btn a:hover{background: #333; transition: 0.5s;}
.email-icon-text a{text-decoration: none; font-size: 15px; font-weight: 500; color: #fff; transition: 0.5s; }
.email-icon-text i{transition: 0.5s; margin-right: 5px;}
.email-icon-text a:hover i{-webkit-transform: scale(1.2); transform: scale(1.2);}
.phone-icon-text a{text-decoration: none; font-size: 15px; font-weight: 500; color: #fff; transition: 0.5s; }
.phone-icon-text a:hover i{-webkit-transform: scale(1.2); transform: scale(1.2);}
.phone-icon-text i{transition: 0.5s; margin-right: 5px;}
.phone-icon-text{text-align: right;}
.phone-icon-text a:hover{color: #7d9d40; transition: 0.5s;}
.email-icon-text a:hover{color: #7d9d40; transition: 0.5s;}
.login-box-other .form-label{font-size: 15px; font-weight: normal; color: #000;}
.login-box-other input{font-size: 14px; color: #000; }
.login-box-other img{height: 80px;}
.policy-text p{font-size: 12px; font-weight: normal; color: #000; text-align: left;}
.policy-text a{color: #000; text-decoration: underline; transition: 0.5s; font-weight: bold;}
.policy-text a:hover{color: #c41419; transition: 0.5s;}
.head-mail{padding-bottom: 30px;}
.custom-check input {display: none;}
.custom-check {display: flex;align-items: center;cursor: pointer;font-size: 16px;gap: 10px;background: green;padding: 10px;width: 110px;color: #fff;border-radius: 10px;box-shadow: 3px 4px 11px rgb(0 0 0 / 37%);}
.checkmark { width: 22px; height: 22px; border: 2px solid #fff; border-radius: 6px; position: relative; transition: 0.3s;}
.checkmark::after {content: "";position: absolute;width: 6px;height: 12px;border: solid #fff;border-width: 0 2px 2px 0;top: 2px;left: 6px;transform: rotate(45deg) scale(0);transition: 0.3s ease;}
.custom-check input:checked + .checkmark {background: #007bff;border-color: #007bff;}
.custom-check input:checked + .checkmark::after {transform: rotate(45deg) scale(1);}
.custom-check:hover .checkmark {box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.dowlod-btn-page a{background: #c41419; padding: 10px 25px; border-radius: 8px; color: #fff; font-weight: normal; font-size: 15px; text-decoration: none; transition: 0.5s;}
.dowlod-btn-page a:hover{background: #007bff; transition: 0.5s;}
.dowlod-btn-page{padding-top: 20px; display: flex;justify-content: left; gap: 30px;}
.disclaimer-bg h3{color: #000; font-size: 30px; text-align: center; font-weight: normal; padding-bottom: 15px;}
.disclaimer-bg p{font-size: 16px; font-weight: normal; color: #000;}
.disclaimer-bg h6{font-size: 18px; font-weight: 600; color: #000; margin-bottom: 10px; margin-top: 30px;}
.disclaimer-bg{background: #fff;}

.dowlod-btn-page-redirect a{background: #c41419; padding: 10px 25px; border-radius: 8px; color: #fff; font-weight: normal; font-size: 15px; text-decoration: none; transition: 0.5s;}
.dowlod-btn-page-redirect a:hover{background: #007bff; transition: 0.5s;}
.dowlod-btn-page-redirect{padding-top: 20px; padding-bottom: 40px; display: flex;justify-content: center; gap: 60px; }