section {
    min-height: 70vh;
    padding   : 72px 0 0 0;
    background-image: url(/images/bg-cd6722b8a85984d1d9f4a4fe631643a2.svg);
}

.aadhar-login {
    background-image: url(../images/logBg.svg);
}

.bgclr .Head {
    display        : flex;
    align-items    : center;
    width          : 100%;
    justify-content: space-between;
    margin         : 20px 0px 10px 0;
}

.bgclr .Head .brand {
    width     : 60%;
    text-align: right;
}

.bgclr .Head .inf-ico {
    background   : #E3EEFF;
    border       : #B5D1FF 1px solid;
    color        : #1159C7;
    border-radius: 100px;
    padding      : 8px;
    line-height  : 1px;
    margin-right : 10px;
}

.bgclr .Head .inf-ico i {
    font-size  : 18px;
    line-height: 1;
}

.center-section {
    text-align: center;
    padding   : 12px 0px 25px;
}

.lbox {
    max-width    : 600px;
    margin       : auto;
    background   : var(--bs-white);
    border-radius: 20px 20px 0 0;
    padding      : 20px 12px;
}

.aadhar-login .btn-group,
.btn-group-vertical {
    position      : relative;
    display       : inline-flex;
    vertical-align: middle;
    gap           : 8px;
}

.aadhar-login .btn-group label {
    border-radius: 8px !important;
    border       : 1px solid #99BCF3;
    padding      : 10px;
    background   : #86B5FE;
    font-size    : 12px;
    color        : var(--bs-white);
    font-weight  : 500;
}

.aadhar-login .btn-check:active+.btn,
.aadhar-login .btn-check:checked+.btn,
.aadhar-login .btn.active,
.aadhar-login .btn.show,
.aadhar-login .btn:active {
    color           : var(--bs-white);
    background-color: #1159C7;
    border-color    : #1159C7;
}

.aadhar-login .btn-group label:hover {
    color           : var(--bs-white);
    background-color: #1059c7;
    border-color    : #1059c8;
}

/*Switch button starts*/
.switch-toggle {
    display      : inline-block;
    position     : relative;
    margin-right : 0;
    background   : #EDEDED;
    border       : 1px solid #e6e6e6;
    border-radius: 50px;
    padding      : 2px;
}

.switch-toggle input {
    opacity: 0;
    width  : 0;
    height : 0;
    margin : 0;
}

.toggle-input {
    position   : absolute;
    margin-top : 0.3rem;
    margin-left: -1.25rem;
}

.switch-toggle input[type="radio"]+label {
    padding      : 8px 24px;
    border-radius: 50px;
}

.toggle-label {
    margin-bottom: 0;
    text-align   : center;
    font-weight  : 500;
    font-size    : 12px;
    color        : var(--bs-dark-grey);
    line-height  : 16px;
}

.switch-toggle input[type="radio"]:checked+label {
    background-color: var(--bs-blue);
    color           : var(--bs-white);
    border-radius   : 50px;
}

/*Switch button ends*/
.form-group {
    display         : flex;
    gap             : 16px;
    background-color: #F7F7F7;
    border          : 1px solid #D5D5D5;
    border-radius   : 8px;
}

.form-group .form-control {
    text-align   : center;
    border       : none;
    background   : transparent;
    border-radius: 0;
}

.box-clr {
    background   : #F8F8F8;
    padding      : 8px 12px;
    display      : flex;
    gap          : 13px;
    align-items  : center;
    font-size    : 10px;
    border-radius: 8px;
}

.Mwidth {
    max-width: 600px;
    max-width: 600px;
    margin   : auto;
}

header {
    padding        : 16px 0;
    background     : var(--bs-blue);
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    position       : fixed;
    top            : 0px;
    left           : 0px;
    right          : 0px;
    width          : 100%;
    text-align     : center;
    z-index        : 1000;
}

.h-Title {
    display        : flex;
    align-items    : center;
    text-decoration: none;
    color          : var(--bs-white);
    gap            : 12px;
    font-size      : 16px;
    font-weight    : 500;
}

.h-Title i {
    font-size: 24px;
}

.btn-Htoggle {
    background : transparent;
    border     : none;
    line-height: 1;
    padding    : 0;
    margin     : 0;
}

.btn-Htoggle i {
    font-size: 24px;
    color    : var(--bs-white);
}



.P-Htext {
    font-size  : 14px;
    font-weight: 600;
    color      : var(--bs-dark-grey);
}

.S-Htext {
    font-size  : 14px;
    font-weight: 500;
    color      : var(--bs-dark-grey);
}

.IP-Htext {
    color      : var(--bs-dark-grey);
    font-size  : 20px;
    font-weight: 600;
    line-height: normal;
}

.Smenu {
    list-style  : none;
    padding-left: 5px;
}

.Smenu li {
    padding: 10px 0;
}

.Smenu li a {
    display        : flex;
    align-items    : center;
    text-decoration: none;
    gap            : 12px;
}

.upload-container {
    background   : var(--bs-white);
    padding      : 24px;
    border-radius: 4px;
    text-align   : center;
    border       : 1px solid #6B96D0;
}

.file-input {
    display: none;
}

.custom-file-label {
    display   : inline-block;
    padding   : 0 24px;
    color     : #013A88;
    font-size : 24px;
    cursor    : pointer;
    transition: background 0.3s ease;
}

.file-name {
    font-size  : 14px;
    color      : #013A88;
    font-weight: 500;
}

.eCode {
    color         : #7D7D7D;
    font-size     : 10px;
    font-weight   : 400;
    line-height   : normal;
    letter-spacing: 0.5px;
    display       : block;
}

.eNo {
    color: #F26A6E;

    font-size  : 14px;
    font-style : normal;
    font-weight: 500;
    line-height: normal;
}



.ebox {
    background   : var(--bs-white);
    border-radius: 8px;
    padding      : 4px;
    margin-bottom: 16px;
}

summary {
    cursor         : pointer;
    outline        : none;
    list-style     : none;
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    background     : linear-gradient(270deg, var(--bs-white) 0%, #E5EDF9 100%);
    border-radius  : 8px 0 0 0;
    padding        : 6px;
}

summary::after {
    content      : "▼";
    font-size    : 12px;
    transition   : transform 0.3s ease;
    border-radius: 0px 6px 6px 0px;
    background   : #F5F5F5;
    padding      : 10px;
    color        : #777;
}

.ebox[open] summary::after {
    transform: rotate(-180deg);
}

.content {
    margin-top: 10px;
}

.content p {
    color      : #1D4481;
    font-size  : 14px;
    font-weight: 500;
    line-height: normal;
}

.searchBox {
    border-radius: 4px;
    border       : 1px solid #DADADA;
    background   : var(--bs-white);
    box-shadow   : 0px 5px 4px 0px rgba(0, 0, 0, 0.06);
    padding      : 10px;
    width        : 100%;
}

.Gbox {
    border-radius: 10px;
    border       : 1px solid #DDEBF7;
    background   : var(--bs-white);
    box-shadow   : 0px 4px 5px 0px rgba(0, 0, 0, 0.12);
    padding      : 18px 20px;
    text-align   : center;
    width        : 33%;
}

.Gbox h6 {
    color      : var(--bs-dark-grey);
    font-size  : 12px;
    font-weight: 600;
    line-height: 18px;
    min-height : 42px;
}

.guide {
    margin : 0;
    padding: 0;
}

.guide li {
    display    : flex;
    gap        : 12px;
    margin     : 20px 0;
    align-items: center;
}

.guide .list {
    background-image : url(/images/ico-bullet-174feca940730d7caee8fab2c8629377.svg);
    width            : 32px;
    background-repeat: no-repeat;
    text-align       : center;
    color            : var(--bs-white);
    font-size        : 12px;
    line-height      : 25px;
    font-weight      : 500;
    height           : 33px;
}

.guide li p {
    color        : var(--bs-dark-grey);
    font-size    : 16px;
    font-weight  : 500;
    line-height  : 19px;
    margin-bottom: 8px;
}

.guide li a {
    color      : #2243AA;
    font-family: Poppins;
    font-size  : 14px;
    font-style : normal;
    font-weight: 500;
    line-height: 15px;
    padding    : 10px;
}

.inContBg {
    border-radius: 24px 24px 0px 0px;
    background   : var(--bs-white);
    box-shadow   : 0px -2px 20px 0px rgba(0, 0, 0, 0.08);
    padding      : 24px;
}

.inContBg h4 {
    color      : #6DBD6D;
    text-align : center;
    font-family: Poppins;
    font-size  : 20px;
    font-style : normal;
    font-weight: 600;
    line-height: normal;
}

.inContBg i {
    color: #6DBD6D;
}

.inContBg .para {
    border-top: 1px solid #F0F0F0;
    padding   : 10px 0;
}

.inContBg .para:last-child {
    padding-bottom: 0;
}

.inContBg .para p {
    color      : #04A9ED;
    font-size  : 14px;
    font-weight: 500;
    line-height: 20px;
    display    : flex;
    align-items: flex-start;
}

.inContBg .para label {
    color      : var(--bs-fourth-grey);
    font-size  : 12px;
    font-style : normal;
    font-weight: 500;
    min-width  : 125px;
}


/* Loader Starts */
.loaderBg {
    position  : fixed;
    top       : 0;
    left      : 0;
    background: rgba(0, 0, 0, 0.25);
    width     : 100%;
    height    : 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline   : 0;
    z-index   : 1;
}

.loader {
    width                  : fit-content;
    font-weight            : 700;
    font-size              : 30px;
    color                  : #0000;
    background             : linear-gradient(90deg, #D91F11 calc(50% + 0.5ch), #003F88 0) right/calc(200% + 1ch) 100%;
    -webkit-background-clip: text;
    background-clip        : text;
    animation              : l7 2s infinite steps(11);
    position               : relative;
    margin                 : auto;
    top                    : 40%;
}

.loader:before {
    content: ""
}

@keyframes l7 {
    to {
        background-position: left
    }
}

/* Loader Ends */

.offcanvas-backdrop.show
{
	opacity:0;
}