@charset "utf-8";
@import url("https://use.typekit.net/agt0tdu.css");

:root {
    --headings-font-family: "proxima-nova", sans-serif;
    --paragraph-font-family: "proxima-nova", sans-serif;
}

[type='submit'], [type='button'] {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent !important;
}

a {
    -webkit-tap-highlight-color: transparent !important;
}

p {
    font-size: 14px;
}

#bankretname {
    color: var(--t_color1);
    font-weight: bold;
}

.bank_verify button.btn-link {
    color: red;
}

label {
    font-size: 14px;
    position: unset;
    color: #555555;
    font-weight: 500 !important;
    margin-bottom: 8px;
    outline: none !important;
}

.reveal {
    border: none;
}

.form-error {
    color: red !important;
}
.form-error.is-visible + .daterror{
    display: none !important;
}
* {
    font-family: var(--paragraph-font-family);
    color: var(--t_color2);
}

h1, h2, h3, h4, h5, h6, .input-group-label {
    font-family: var(--font_2);
    font-weight: 700;
}

#popmodel, #popmodelconfirm, #popmodelconfirm2 {
    padding: 0px
}

#popmodel .closex, #popmodelconfirm .closex, #popmodelconfirm2 .closex {
    color: var(--t_color3);
    margin-top: -4px;
    margin-right: 4px;
}

#popmodel .insidepopup, #popmodelconfirm .insidepopup, #popmodelconfirm2 .insidepopup {
    padding: 0px 20px 0px 20px;
}

.hidden-part-alert, .hidden-part-confirm {
    position: absolute;
    visibility: hidden;
}

.ajax-wait {
    padding: 0px;
    display: none;
}

.field-checking {
    margin-bottom: 0;
}

.no-pad-right {
    padding-right: 0 !important;
}

.no-pad-left {
    padding-left: 0 !important;
}

.no-pad-top {
    padding-top: 0 !important;
}

.no-pad-bottom {
    padding-bottom: 0 !important;
}

.no-mar-right {
    margin-right: 0 !important;
}

.no-mar-left {
    margin-left: 0 !important;
}

.no-mar-top {
    margin-top: 0 !important;
}

.no-mar-bottom {
    margin-bottom: 0 !important;
}

.margintop5 {
    margin-top: 5px;
}

.margintop10 {
    margin-top: 10px;
}

.margintop20 {
    margin-top: 20px;
}

.margintop40 {
    margin-top: 40px;
}

.margintop60 {
    margin-top: 60px;
}

.marginbot5 {
    margin-bottom: 5px;
}

.marginbot10 {
    margin-bottom: 10px;
}

.marginbot20 {
    margin-bottom: 20px;
}

.marginbot40 {
    margin-bottom: 40px;
}

.marginbot60 {
    margin-bottom: 60px;
}

.narrow-padding {
    padding-right: 0.4632rem;
    padding-left: 0.4632rem;
}

body {
    background-color: var(--bg_color1) !important;
    overflow-x: hidden;
}

body.v_align {
    min-height: 100vh;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

a {
    -webkit-tap-highlight-color: transparent !important;
}

a img {
    -webkit-tap-highlight-color: transparent !important;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    background: var(--bg_color3);
    box-shadow: none;
    margin: 0px;
    border-color: #dee0df;
}

.is-invalid-input:not(:focus) {
    background-color: transparent;
}

#form-error_veirfyemail {
    color: red !important;
    font-size: 0.75rem;
    margin: 0px;
    margin-top: 3px;
    margin-bottom: 5px;
    font-weight: normal;
}

.form-error {
    position: absolute;
    margin: 0px;
    margin-top: 3px;
    margin-bottom: 5px;
    font-weight: normal;
}
.daterror{
    color: red !important;
     position: absolute;
    margin: 0px;
    margin-top: 3px;
    margin-bottom: 5px;
     font-size: 0.75rem;
    font-weight: normal;
    display: none;
}
button {
    cursor: pointer;
}
div#recaptcha-container {
    display: none;
}
.bottom_sec {
    background: var(--bg_color8);
    /* background: #e5322bcf; */
    padding: 10px;
    color: #fff;
    text-align: center;
    font-weight: 600;
}

.bottom_sec a {
    color: #fff;
}

p.willotp {
    text-align: left !important;
    margin: 2px 0px -30px 0;
}

form#indexfrm p.light-text {
    padding-top: 10px;
}

label.dark-text.is-invalid-label {
    margin-bottom: 15px;
}

/*============================= Navia index css ================ */
body.naviaindexpage {
    background-color: #fff !important;
}

.naviawrapper {
    padding-right: 4rem;
    padding-left: 4rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.naviaheadersec {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 1rem 30px;
    margin: 0 auto;
    z-index: 999;
    border: none;
    outline: none;
    background: transparent;
}

.naviaheader {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vavialogosec img {
    width: 101px;
}

.yearscelebration img {
    width: 100px;
}

.nloginseccnt {
    width: 633px;
    margin: 0 auto;
    text-align: center;
    padding: 40px 50px;
    background: #FBFBFB;
    position: relative;
}

.navuserimg {
    height: 200px;
    margin-left: 75px;
    margin-bottom: 15px;
    margin-top: 40px;
}

.ntlesec {
    background: rgb(236, 74, 53);
    background: linear-gradient(90deg, rgba(236, 74, 53, 1) 0%, rgba(22, 52, 111, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 26px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    letter-spacing: -1px;
    font-style: normal;
    margin-bottom: 20px;
}

.trmcntsec {
    color: #302F2F;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 30px;
}

.trmcntsec a {
    color: #EF4B34;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    font-size: 14px;
}

.nloginseccnt .input-group #phone {
    border: 2px solid #EC4D37 !important;
    width: 434px;
    height: 50px;
    border-radius: 24px;
    /* border-top-right-radius: 24px;
    border-bottom-right-radius: 24px; */
}

.nloginseccnt .frm_mobi .input-group-label {
    /* border: 2px solid #EC4D37 !important; */
    background: transparent !important; 
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    color: #454545;
    font-size: 16px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    top: 3px; 
    border: none !important;
    /* border-right: 1px solid rgb(0, 0, 0, 0.05) !important;  */
    left: 4px;
    height: 44px;
}
 
.nloginseccnt .frm_mobi {
    position: relative;
    width: 80%;
    margin: 0 auto;
}
.error_msg_show {
    margin-top: 10px;
}   
.nloginseccnt button#submitform {
    position: absolute;
    right: 4.5px;
    margin-bottom: 0px;
    top: 4px;
    width: 134px;
    height: 42px;
    /* border-radius: 20px; */
    border-radius: 4px;
    color: #fff !important;
    font-size: 14px;
    background-color: #EF4B34 !important;
}

.nloginseccnt .frm_mobi .input-group {
    width: calc(100%);
    margin-bottom: 0px;
}

.nloginseccnt .frm_mobi label {
    position: absolute;
    bottom: -28px;
    margin: 0 auto;
    right: 0px;
    left: 0px;
}

.nloginseccnt .frm_mobi .is-invalid-input::placeholder {
    color: #EC4D37 !important;
}

.zerobroksec {
    margin-top: 50px;
    font-family: "Poppins", sans-serif;
}

.zeroitemssec {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.zeroitemsitem h4 {
    font-size: 24px;
    font-family: "Poppins", sans-serif;
}

.itmrtng h4 {
    color: #273A72;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    line-height: 1;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
}

.itmrtng h4 img {
    width: 24px;
    margin-left: 10px;
    margin-top: -5px;
}

.itmrtng p {
    color: #273A72;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 0px;
    font-family: "Poppins", sans-serif;
}

.zeroitemsitem {
    text-align: center;
}

.itmamc h4 {
    margin-bottom: 0px;
    line-height: 1;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    color: #313234;
}

.itmamc h4 svg {
    height: 20px;
}

.itmamc p {
    color: #273A72;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 0px;
    font-family: "Poppins", sans-serif;
}

.itmgold {
    display: flex;
    align-items: center;
}

.itmgold img {}

.itmgold p {
    color: #273A72;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 0px;
    text-align: left;
    line-height: 1.1;
    font-family: "Poppins", sans-serif;
}

.zeroitemsitem.itmrtng {
    width: 20%;
    flex-shrink: 0;
    text-align: left;
}

.zeroitemsitem.itmamc {
    width: 12%;
    flex-shrink: 0;
}

.itmgold {
    display: flex;
    align-items: center;
    width: 45%;
    flex-shrink: 0;
}

.itmgold img {
    width: 55px;
    margin-right: 10px;
}

.zerobroksec h5 {
    background: rgb(236, 74, 53);
    background: linear-gradient(90deg, rgba(236, 74, 53, 1) 0%, rgba(22, 52, 111, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    letter-spacing: -1px;
    font-style: normal;
    margin-bottom: 20px;
}

.zerobroksec h5::after {
    content: '';
    border-bottom: 2px solid #EF4B34;
    width: 82%;
    display: block;
    margin: 0 auto;
    margin-top: 7px;
}

.powerednavia {
    margin-top: 50px;
    font-family: "Poppins", sans-serif;
    margin-bottom: 0px;
}

.powerednavia h6 {
    color: #313234;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
    font-family: "Poppins", sans-serif;
}

.powerednavia p {
    color: #888888;
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 0px;
    font-family: "Poppins", sans-serif;
}

/*============================= End Navia index css ============ */
.panel {
    width: 735px;
    background-color: var(--bg_color3);
    margin: 0px auto;
    display: block;
    border-radius: 10px;
    padding: 0px;
    overflow: hidden;
}

.inner-sec {
    border-bottom: 0px solid var(--bg_color2);
    border-radius: 10px;
}

.indexsecbg {
    padding: 20px 100px 45px 100px;  
    text-align: center;
}

.needhelp_sec {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

.needhelp_sec a {
    color: var(--t_color1);
    font-size: 14px;
    font-weight: 600;
}

.indexsecbg p {
    font-size: 14px;
    line-height: 1.4;
    color: #555555;
}

.panel_sec {
    padding: 25px 40px 0px 40px;
}

.indexsecbg p.terms {
    font-weight: 500;
}

.logosec {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
}

.rocket_index .logosec {
    width: 115px;
}

.dayco_index .logosec {
    width: 170px;
}

.chandrakala_index .logosec {
    width: 115px;
}

.sajag_index .logosec {
    width: 115px;
}

.aumcapital_index .logosec {
    width: 220px;
}

.abi360_index .logosec {
    width: 220px;
}

.logosec img {}

.sign-existing span {
    color: var(--bg_color2);
    font-weight: 600;
    font-size: 16px;
}

p.willotp {
    font-weight: 800;
    font-size: 15px;
}
.light-text {
    font-size: 15px;
    margin-bottom: 5px !important;
    color: #bebebe;
    font-size: 14px;
}
.r-btn {
    background-color: var(--t_color1);
    width: 100%;
    height: 45px;
    border-radius: 4px;
    margin-bottom: 0rem;
    color: #fff;  
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
} 

.r-btn img {
    width: 18px;
}

.frm_mobi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 0px;
    padding-bottom: 18px;
}

.frm_mobi .input-group {
    width: 100%;
    position: relative;
}

.frm_mobi label {
    position: absolute;
    bottom: -21px;
    margin: 0;
}

.frm_mobi .input-group-label {
    background: transparent;
}

.frm_mobi .is-invalid-input, .frm_mobi input {
    border-left: transparent;
    background: transparent;
    border-color: #cacaca;
    box-shadow: none;
    outline: none;
    width: 100%;
    padding-left: 70px;
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {
    box-shadow: none !important;
    outline: none !important;
}

.main-panel, .main-panel-cont {
    position: relative;
}

.main-panel {
    background-position: left bottom;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: var(--bg_color3);
    box-shadow: none;
    width: 735px;
    margin: 0px auto;
    display: block;
    border-radius: 10px;
    padding: 50px 50px;
}

/* .bankverificationwrapper {
    margin-top: 20px;
} */

.main-panel .bankverificationwrapper .title {
    margin-bottom: 20px !important;
}

.main-panel .bankverificationwrapper .title h5 {
    font-size: 20px;
}
 
.reveal {
    border: none;
    border-radius: 6px;
    outline: none;
}

.main-panel1 {
    width: 900px;
    min-height: 60vh;
}

/* .help_no {
    position: absolute;
	    cursor: pointer;
    right: 13px;
    top: 16px;
	    display: flex;
} */
.help_no svg {
    width: 41px;
    height: 28px;
}

.help_no p {
    font-weight: 600;
    margin: 0px;
    height: 20px;
    color: var(--t_color1);
    text-align: right;
    gap: 3px;
    /* aqua	```1ransition: 0.3s ease; */
}

.help_no p a {
    color: var(--t_color1);
}
body.tamil .help_no p span, body.tamil .help_no p {
    font-size: 13px;
}
.main-panel h5 {
    color: #2D2D2D;
    margin-bottom: 0px;
    font-size: 18px;
}

.input_field {
    position: relative;
    margin-bottom: 15px;
}

.input_field1 {
    position: relative;
    margin-bottom: 30px;
}

.select_field {
    position: relative;
    margin-bottom: 25px;
}

.input_field1.select_field label {
    left: 0;
    top: -20px;
    font-size: 14px;
    color: var(--t_color1);
    left: 0px;
}

.input_field1.select_field .chosen-container-single .chosen-single {
    margin-left: 0px !important;
    padding: 10px 10px 10px 0px;
    height: 40px;
    font-size: 16px;
}

body.center.relatn .input_field1 label {
    left: 0;
    top: -22px !important;
    font-size: 14px;
    color: var(--t_color1);
}

.input_field input:focus, .input_field1 input:focus, .select_field select:focus {
    outline: none !important;
    border: 1px solid rgb(0, 0, 0, 0.2) !important;
    border-radius: none !important;
    box-shadow: none !important;
}

.input_field .highlight, .input_field1 .highlight, .select_field .highlight {
    position: absolute;
    height: 40px;
    width: 100px;
    top: 0%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
    display: none;
}

.input_field.eml .highlight, .input_field.eml .input_field1 .highlight {
    top: 27%;
}

form#otpform .input_field .highlight, form#otpform .input_field1 .highlight {
    top: 36%;
}

/* active state */
.input_field input:focus~.highlight, .input_field1 input:focus~.highlight, .select_field select:focus~.highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

.input_field input, .input_field1 input, .select_field select {
    font-size: 16px;
    padding: 10px 20px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--bg_color5);
    margin: 0px;
    border-radius: unset;
    font-size: 14px;
    border-radius: 4px !important;
}

/* div#crop_pop {
    max-height: 500px;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
    position: absolute;
} */
div#popmodel {
    max-height: 500px;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
    position: absolute;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

/* BOTTOM BARS ================================= */
.input_field .bar, .input_field1 .bar, .select_field .bar {
    position: relative;
    display: block;
    width: 100%;
    display: none;
}

.input_field .bar:before, .input_field .bar:after, .select_field .bar:before, .select_field .bar:after, .input_field1 .bar:before, .input_field1 .bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 0px;
    position: absolute;
    background: var(--bg_color2);
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.input_field .bar:before, .select_field .bar:before, .input_field1 .bar:before {
    left: 50%;
}

.input_field .bar:after, .select_field .bar:after, .input_field1 .bar:after {
    right: 50%;
}

/* active state */
.input_field input:focus~.bar:before, .input_field input:focus~.bar:after, .select_field .select:focus~.bar:before, .select_field .select:focus~.bar:after, .input_field1 input:focus~.bar:before, .input_field1 input:focus~.bar:after {
    width: 50%;
}

/*.input_field label.nw_mobi {
    left: 0;
    top: -22px !important;
    font-size: 14px;
    color: var(--t_color1);
	position: absolute;
	
}
.input_field label, .input_field1 label {
    color: #999;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 7px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}**/
.input_field input:focus~label, .input_field input:valid~label, .input_field1 input:focus~label, .input_field1 input:valid~label {
    top: -20px;
    font-size: 14px;
    color: var(--t_color1);
    left: 0px;
}

.main-panel .title {
    margin-bottom: 20px !important;
}

.main-panel .title p {
    color: #555555;
    font-size: 14px;
}

button {
    cursor: pointer;
}

label.dark-text input {
    margin-bottom: 0px;
}

.verifybtn.b-btn {
    font-size: 16px;
    font-weight: normal !important;
    margin: 20px auto;
}

/* div#crop_pop {
    max-height: 500px;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
    position: absolute;
} */
div#popmodel {
    max-height: 500px;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
    position: absolute;
    border-radius: 6px;
}

.b-btn {
    background-color: var(--t_color1);
    border-radius: 4px;
    color: var(--bg_color3) !Important;
    padding: 12px 20px;
    margin: 40px auto 0px;
    margin: 40px auto 0px;
    cursor: pointer;
    font-size: 14px;
}

.b-btn img {
    width: 18px;
    margin-left: 5px;
}

.b-btn:hover img {
    animation: tfLeftToRight 0.4s forwards;
    transform: translateY(0px);
}

@keyframes tfLeftToRight {
    49% {
        transform: translateX(60%);
    }

    50% {
        opacity: 0;
        transform: translateX(-60%);
    }

    51% {
        opacity: 1;
    }
}

/* .b-btn:hover {
    background-color: var(--bg_color4);
} */
.sect-contn {
    padding: 20px 0px 0;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}

.switch.tiny {
    margin-right: 10px;
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.switch.tiny .switch-paddle {
    border-radius: 20px;
}

.switch.tiny .switch-paddle {
    width: 40px;
    height: 20px;
    font-size: .625rem;
}

.sect-contn label {
    font-size: 16px;
    margin-right: 10px;
}

.switch.tiny input:checked~.switch-paddle::after {
    background: #fff;
}

.switch.tiny .switch-paddle::after {
    background: var(--bg_color5);
    border-radius: 50%;
}

.switch.tiny .switch-paddle::after {
    top: 3px;
    left: 4px;
    width: 14px;
    height: 14px;
}

.switch.tiny input:checked~.switch-paddle::after {
    left: 1.4rem;
}

.chosen-container-single .chosen-single, .chosen-container-active.chosen-with-drop .chosen-single {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.chosen-container-single .chosen-single:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    height: 2px;
    background: var(--t_color1);
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.chosen-container-single .chosen-single, .chosen-container-active.chosen-with-drop .chosen-single {
    border-bottom: 1px solid #ccc !important;
    border-radius: 0px !important;
    margin-left: 10px !important;
    padding-left: 0 !important;
}

select.languages.is-invalid-input+.chosen-container a {
    border-color: #cc4b37 !important;
}

.form-group.stycheck a {
    margin-left: 5px;
    font-weight: 600;
    text-decoration: underline;
    color: #1A76EF;
    font-size: 13px;
}

.loginfrmsec .g-recaptcha {
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
    margin: 0 auto;
    width: 90%;
}

.foot-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-19%);
    z-index: 999;
    height: 45px;
}

#otpform .b-btn {
    width: 100%;
    height: 45px;
}

#notice {
    margin: 0;
    color: #555555;
    font-size: 13px;
    font-weight: 400;
}

a.btn-link.resendotp {
    margin: 0px;
    font-weight: 600;
}

div#notice {
    display: flex;
    align-items: center;
}

div#notice p {
    margin: 0px 0px;
    width: 35px;
    text-align: center;
    color: #555555;
    font-size: 13px;
}

select.relation {
    border: 0px;
    border-bottom: 1px solid;
    padding-right: 28px;
    box-shadow: unset;
}

select.relation option {
    text-transform: capitalize;
}

.accordion-title, .accordion-content {
    border: none;
}

.accordion-title:focus, .accordion-title:hover {
    background-color: transparent;
}

:last-child>.accordion-content:last-child {
    border-bottom: unset;
}

:last-child:not(.is-active)>.accordion-title {
    border-bottom: 1px solid #ccc;
}

.accordion-title {
    font-family: var(--paragraph-font-family);
    font-size: 16px;
}

.apply img {
    width: 15px;
}

.accordion-item.is-active .accordion-title {
    font-family: var(--headings-font-family);
    color: var(--t_color2);
}

.accordion-content .group {
    margin-bottom: 20px;
}

.is-active>.accordion-title::before {
    background-image: url(../images/rocket/up-arrow.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    content: '';
    position: absolute;
}

.accordion-title::before {
    background-image: url(../images/rocket/down-arrow.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    content: '';
    position: absolute;
}

.accordion-title {
    position: relative;
    background-color: var(--bg_color3);
}

.accordion-content {
    padding: 0rem 1rem 1rem;
    background-color: var(--bg_color3);
}

.foot-sec {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 30px 0px;
    padding: 14px 0px 0px;
}

.kycverification .foot-sec {
    /* position: absolute;
    bottom: 0;
    right: 30px; */
}

.foot-sec .b-btn {
    margin: 0px 5px;
    line-height: 1.12;
}

button:disabled, button:disabled:hover {
    background-color: #cccccc;
}

.g-btn {
    color: #b2b2b2;
}

.accordion-content {
    padding: 0rem 0rem 1.5rem
}

.accordion-title {
    padding: 1.25rem 0rem;
    border-bottom: 1px solid #ccc;
}

.accordion-item.is-active .accordion-title {
    border-bottom: none;
}

.apply {
    display: flex;
    position: absolute;
    right: 0px;
}

.apply button {
    color: var(--t_color1);
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

.accordion-content .input_field {
    margin-bottom: 20px;
    margin-right: 0px;
}

span.btn-link.panverified {
    margin: 0px 10px !IMPORTANT;
    color: #0DB561;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.apply img {
    width: 25px !important;
    height: 25px !important;
}

.group.dob_field img {
    width: 20px;
    cursor: pointer;
}

img.emailverimg {
    width: 19px;
}

/** stylee start  **/
.main-panel, .main-panel-cont {
    position: relative;
}

.main-panel-cont {
    background-position: left bottom;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: var(--bg_color3);
    box-shadow: -8px 8px 20px 7px #cccccc8c;
    width: 900px;
    margin: 0px auto;
    display: block;
    border-radius: 10px;
}

.left-side {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
    min-height: 500px;
    position: relative;
}

.center {
    min-height: 100vh;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

#loading {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255, 1);
    background-image: url(../images/rocket/loader.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 0px;
}

#textloader {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    padding-top: 122px !important;
}

button, input, optgroup, select, textarea {
    font-family: inherit;
}

button, input {
    overflow: visible;
}

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

.main-panel, .main-panel-cont {
    position: relative;
}

.left-side a#home_back img {
    width: 45px;
    height: 55px;
    position: absolute;
    top: 26px;
    left: 52px;
    object-fit: contain;
}

.left-side img {
    padding-top: 15px;
    margin-bottom: 15px;
}

.dots {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.dots .dot {
    display: block;
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: var(--bg_color4);
    margin: 7px auto;
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.active.dot {
    background: var(--bg_color3);
}

.left-nav {
    border-radius: 10px 0 0 10px;
}

.left-nav {
    background-color: var(--t_color1);
}

.main-panel-cont .title h5 {
    color: #000;
}

.accordion-item.is-active .accordion-title {
    border-bottom: none;
}

.accordion-item.is-active .accordion-title {
    font-family: var(--headings-font-family);
    color: var(--t_color2);
}

.accordion-item:first-child>:first-child {
    border-radius: 3px 3px 0 0;
}

.accordion-item.is-active .accordion-title {
    border-bottom: none;
}

.accordion-item.is-active .accordion-title {
    font-family: var(--headings-font-family);
    color: var(--t_color2);
}

.accordion-item:first-child>:first-child {
    border-radius: 3px 3px 0 0;
}

.right-cont {
    padding: 50px 50px;
}

.step2 .chosen-container-single .chosen-single span {
    color: var(--t_color2);
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    height: 2px;
    background: var(--t_color1);
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

.chosen-container-single .chosen-single div b {
    background: url(../images/d-arrow.png) no-repeat 1px 18px !important;
    background-size: 10px !important;
}

.chosen-container-single .chosen-single {
    border-radius: unset !important;
    border-bottom: 1px solid var(--bg_color5) !important;
    height: 39px !important;
    padding: 10px 0px !important;
    font-size: 16px !important;
}

.chosen-container-single .chosen-single, .chosen-container-active.chosen-with-drop .chosen-single {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.horiz-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.horiz-sec label {
    width: 70% !important;
    margin-bottom: 12px;
}

.redstar {
    color: red;
    font-weight: bold;
}

.chosen-container {
    width: 100% !important;
    margin-bottom: 20px;
}

.chosen-container-single .chosen-single:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    height: 2px;
    background: var(--t_color1);
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    outline: none !important;
    height: 45px;
    background: rgb(243, 243, 243, 0.0) !important;
    border: 1px solid rgb(0, 0, 0, 0.1) !important;
    font-size: 14px;
    border-radius: 4px !important;
}

.chosen-container-single .chosen-single span {
    margin-bottom: -33px;
}

.help_no img {
    width: 41px;
    height: 28px;
}

.accordion-title {
    color: var(--t_color2);
    background: var(--bg_color3) !important;
}

.accordion-title {
    padding: 1.25rem 0rem;
    border-bottom: 1px solid #ccc;
}

.accordion-title {
    position: relative;
    background-color: var(--bg_color3);
}

.accordion-title {
    font-family: var(--paragraph-font-family);
    font-size: 16px;
}

.accordion-title, .accordion-content {
    border: none;
}

#click-to-show {
    padding: 5px 10px;
    border: 2px solid var(--t_color1);
    border-radius: 30px;
    margin: 10px auto;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    color: var(--t_color1);
    font-weight: bold;
}

.main-panel-cont .title h5 span {
    font-size: 15px !important;
    color: var(--t_color2);
    line-height: 20px;
    display: block;
    font-weight: 400;
}

.sp-btwn {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    justify-content: space-between;
}

.btn_upload {
    position: relative;
    overflow: unset;
}

.btn_upload {
    cursor: pointer;
    display: initial;
    overflow: hidden;
    position: relative;
    color: var(--t_color1);
    border-radius: 4px;
    border: 1px solid var(--t_color1);
    padding: 7px 20px;
}

label.btn_upload {
    width: 120px;
    cursor: pointer;
    padding: 7px 15px;
    height: 45px;
}

.re_ekyc_no_sel {
    position: relative;
}

.re_ekyc_no_sel:after {
    position: absolute;
    top: 0;
    z-index: 999;
    background: #0000;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
}

#imag_loader1 {
    display: none !important;
}

div#extractmodelconfirm {
    top: 150px !important;
}

.my_crop {
    /* height: 400px; */
    overflow: auto;
}

#crop_pop .close-button {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: var(--bg_color2);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    line-height: 40px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#crop_pop span {
    color: #fff !important;
}

.comm_label.pointer {
    pointer-events: auto;
}

div#crop_pop {
    /* max-height: 500px; */
    max-height: 100%;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
    position: absolute;
}

#kyc_generating {
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
    position: absolute;
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    cursor: initial;
}

/* #nomiemail1.is-invalid-input+.form-error,
#nomimobile.is-invalid-input+.form-error,
#nomimobile2.is-invalid-input+.form-error,
#nomimobile3.is-invalid-input+.form-error {
    display: block;
} */
#kyc_generating {
    min-height: 300px;
}

#kyc_generating .insidepopup {
    display: flex;
    align-items: center;
    min-height: 300px;
}

.title_kyc {
    font-size: 22px;
}

.loading {
    position: relative;
    width: 100%;
    color: #FFF;
    margin: 0 auto;
    text-align: center;
}

.loading span {
    position: absolute;
    height: 10px;
    width: 84px;
    top: 65px;
    overflow: hidden;
    left: 50%;
    transform: translatex(-50%);
}

.loading span>i {
    position: absolute;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    -webkit-animation: wait 4s infinite;
    -moz-animation: wait 4s infinite;
    -o-animation: wait 4s infinite;
    animation: wait 4s infinite;
}

.loading span>i:nth-of-type(1) {
    left: -28px;
    background: var(--t_color1);
}

.loading span>i:nth-of-type(2) {
    left: -21px;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    background: var(--t_color1);
}

@-webkit-keyframes wait {
    0% {
        left: -7px
    }

    30% {
        left: 52px
    }

    60% {
        left: 22px
    }

    100% {
        left: 100px
    }
}

@-moz-keyframes wait {
    0% {
        left: -7px
    }

    30% {
        left: 52px
    }

    60% {
        left: 22px
    }

    100% {
        left: 100px
    }
}

@-o-keyframes wait {
    0% {
        left: -7px
    }

    30% {
        left: 52px
    }

    60% {
        left: 22px
    }

    100% {
        left: 100px
    }
}

@keyframes wait {
    0% {
        left: -7px
    }

    30% {
        left: 52px
    }

    60% {
        left: 22px
    }

    100% {
        left: 100px
    }
}

div#aadhaar_popup,
div#aadhaar_popupp,
div#aadhaarbck_popup {
    min-width: 450px;
    height: 70% !important;
    width: 50% !important;
}

div#my_canvas,
div#pmy_canvas,
div#my_canvas_bck {
    margin: 0px auto;
    text-align: center;
}

.mobi_img_move {
    display: none;
}

.maskerror {
    color: red;
}

div#my_canvas,
div#pmy_canvas,
div#my_canvas_bck {
    margin: 0px auto;
    text-align: center;
}

canvas#canvas {
    position: relative !important;
}

.dropdown.fa-exclamation-circle {
    color: var(--t_color1);
}

.dropdown {
    position: relative;
    display: inline-block;
    cursor: help;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 260px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    z-index: 1;
}

label.btn_upload.is-invalid-label+span+span {
    display: block;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.add_field_button[data-value="3"] {
    display: none !important;
}

#nomineepan2.is-invalid-input+.form-error {
    display: block !important;
}

#nomineepan3.is-invalid-input+.form-error {
    display: block !important;
}

#nomipincode2.is-invalid-input+.form-error {
    display: block !important;
}

#nomipincode3.is-invalid-input+.form-error {
    display: block !important;
}

#nomineepan1,
#nomineepan2,
#nomineepan3 {
    text-transform: uppercase;
}

.switch-input {
    position: absolute !important;
    width: 100% !important;
}

#derivatives_div label {
    margin-bottom: 0px;
}
.proof_upload_capture_page.drawsignature{
 border: 1px solid var(--t_color1); 
 padding: 7px 15px;
}
.drawsignature {
    position: relative;
    color: var(--t_color1);
    border-radius: 4px;
   
    font-weight: 500;
    font-size: 14px;
    position: unset;
    width: 200px;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    padding: 7px 15px;
    display: flex;
    align-items: center;
    height: 45px;
}

.drawsignature svg {
    width: 22px;
    margin-right: 10px;
}

/* #hdnvalue+.form-error {
    right: 0px;
} */
#sig-submitBtn:disabled, #sig-clearBtn:disabled {
    opacity: 0.2;
    cursor: not-allowed;
}

.upload_file label.btn_upload {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #f8f8f8;
    border: 2px dashed rgb(168, 168, 168, 0.5);
    padding: 75px 30px;
    border-radius: 10px;
    height: 260px;
}

.sigPad>p.error {
    display: none;
}

.upload_file label.btn_upload img {
    width: 50px;
    margin-bottom: 10px;
}

.canvasbox {
    border-radius: 6px;
    background-color: #f8f8f8;
    /**padding: 10px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.1);**/
}

.esign_btn button {
    margin-right: 10px;
    background: #f2f2f2;
    padding: 10px 30px;
    border-radius: 4px;
    font-size: 14px;
}

.esign_btn button.act {
    background: var(--t_color4);
    color: #fff;
}

#drawsignaturepop {
    border-radius: 10px;
    padding: 20px;
    max-height: 100%;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
    position: absolute;
    height: 480px;
}

form#signature-form {
    position: relative;
}

p#error-message {
    position: absolute;
    left: 0px;
    bottom: 67px;
    margin: 0 auto;
    right: 0px;
    text-align: center;
}

#digisignloader {
    width: 40px;
}

#ImgPreview {
    width: 50px !important;
    height: 50px;
    border: 1px solid rgb(0, 0, 0, 0.1);
}

#digiSignimg {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(0, 0, 0, 0.1);
}

.digisignimg {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-direction: column;
}

.signaturebox h1 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 0px;
}

.signheader {
    height: 65px;
}

.signerror {
    text-align: center;
    color: var(--t_color1);
    font-size: 14px;
    display: none;
}

.signaturebtns .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    text-transform: capitalize;
    text-decoration: none;
    width: 200px;
    height: 50px;
    border: none;
    border-radius: 4px;
    color: #FFF;
    cursor: pointer;
    transition: .2s background-color, .2s color;
}

.signaturebtns #sig-submitBtn {
    background: var(--t_color1);
}

.signaturebtns #sig-clearBtn {
    border: 1px solid var(--t_color1);
    background: #fff;
    color: var(--t_color1);
}

.signaturebtns {
    text-align: center;
    margin-top: 50px;
}

label.btn_upload {
    width: 200px;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    padding: 7px 15px;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.sp-btwn .bankview p {
    margin-bottom: 0px;
}

.bankview .bank_proof_view {
    position: unset !important;
    margin-left: 15px;
}

.document_upload h5 {
    margin-bottom: 0px;
}

.step5 .sp-btwn .bankview label {
    align-items: end;
    position: relative;
}

.step5 .sp-btwn .bankview label.is-invalid-label+.form-error {
    display: block;
}

#bankproof+.form-error {
    top: 40px;
}

.step5 .sp-btwn {
    margin-bottom: 20px !important;
    position: relative;
    align-items: center;
}

.step5 .sp-btwn.fetchaggregator {
    margin-bottom: 0px !important;
}

.aggregator_bank {
    margin-bottom: 20px;
    font-size: 12px;
}

label.btn_upload img {
    width: 22px;
    margin-right: 10px;
}

label.btn_upload svg {
    width: 22px;
    margin-right: 10px;
}

label.btn_upload input {
    z-index: -1;
}

.btn_upload input {
    position: absolute;
    filter: alpha(opacity=1);
    -moz-opacity: 0;
    opacity: 0;
    left: 0px;
    top: 0px;
}

.btn_upload input {
    cursor: pointer;
    height: 100%;
    position: absolute;
    filter: alpha(opacity=1);
    -moz-opacity: 0;
    opacity: 0;
    left: 0px;
    top: 0px;
}

.btn-rmv1, .btn-rmv2, .btn-rmv3, .btn-rmv4, .btn-rmv6 {
    display: none;
}

label.dark-text.bold, label.dark-text1.bold {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

.agree_check_boxes .form-group {
    margin-bottom: 10px;
}

#inner_check_bx input {
    margin-right: 10px;
}

#inner_check_bx {
    gap: 0.6em;
    margin-top: -9px;
}

.grid-x.panel-sec {
    margin: 0px -10px;
}

.form-group {
    display: flex;
}

p.aadhaar_front_btn_lable1, p.aadhaar_front_btn_lable {
    margin: 0 auto;
}

.bold-text {
    color: var(--t_color1);
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
    letter-spacing: 1px;
    padding: 20px 0px;
}

.numberboard h4 {
    position: absolute;
    top: 111px;
    left: 59px;
}

.numberboard {
    position: relative;
    display: flex;
    align-items: center;
}

.cell.small-12.large-8.medium-8.hidediv p {
    text-align: justify;
    margin-bottom: 0px;
}

.recordrtc video {
    width: 100%;
}

section.experiment.recordrtc {
    display: flex;
    flex-direction: column;
}

button#cancel_btn {
    padding: 10px 0px;
    margin-left: -15px;
}

button#cancel_btn, button#record_btn {
    background-color: var(--bg_color4);
    padding: 10px 30px;
    margin: 0px 5px;
    border-radius: 50px;
    color: var(--bg_color3);
}

button#cancel_btn {
    color: var(--bg_color4) !important;
    background: unset !important;
    font-weight: 600;
}

button#cancel_btn {
    float: left;
    padding: 0px;
}

button#cancel_btn, button#record_btn {
    background-color: var(--bg_color4);
    padding: 10px 30px;
    margin: 0px 5px;
    border-radius: 50px;
    color: var(--bg_color3);
}

.dflex {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}

.flex_btn div a {
    margin: 10px 0px;
    padding: 5px 30px;
}

.flex_btn div {
    margin: 10px 10px 0px;
}

.flex_btn {
    display: flex;
    width: 100%;
    justify-content: center;
}

.cell.small-12.large-12.medium-12.congratssec {
    text-align: center;
}

.cell.small-12.large-12.medium-12.con_btn {
    text-align: center;
}

input#generate_password {
    margin-bottom: 20px;
}

.pending_btn .closebtn, .pending_btn .continuebtn {
    background: var(--t_color1);
    color: var(--bg_color3);
    padding: 8px 20px;
    margin-top: 20px !important;
    border-radius: 28px;
    width: 140px;
    font-size: 19px;
    text-align: center;
    display: inline-block;
}

a#pdf_back {
    float: right;
    background-color: var(--t_color1);
    border-radius: 4px;
    color: var(--bg_color3) !Important;
    padding: 12px 20px;
}

.payment_err {
    text-align: center;
}

.exist_btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
}

.exist_btn form#redform input, .exist_btn a {
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
    padding: 0px 30px !important;
    width: 200px;
}
body.tamil .exist_btn form#redform input, body.tamil .exist_btn a {
  width: 230px;
}

.userdetailstble tbody td {
    padding: 15px 10px;
    font-size: 14px;
}

.userdetailstble+.exist_btn {
    padding: 10px 0px 0px 0px;
}

.exituserdetailsec {
    padding: 30px;
}

.userdetailstble tbody tr {
    border-bottom: 1px solid rgb(0, 0, 0, 0.03) !important;
}

.congrats_img {
    text-align: center !important;
}

.congrats_img svg {
    width: 150px;
    height: 150px;
    margin-bottom: 40px;
}

.congrats_img .bold-text {
    font-size: 16px;
}

.main-panel.p-center {
    margin-top: 30px;
    margin-bottom: 30px;
}

.btn_area {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.btn_area :is(a.b-btn, input.b-btn) {
    margin: 20px 0px 0px 0px !important;
    padding: 10px 25px !important;
    font-size: 18px;
    line-height: 26px;
}

img.congrats_svg {
    width: 130px;
    margin: 35px 0px 20px 0px;
}

form#redform input {
    text-align: center;
    background: var(--bg_color7);
    color: var(--bg_color3);
    outline: none !important;
    padding: 6px 20px;
    border: none;
}

.form_inner.kycverification h4 {
    font-size: 20px;
    margin-top: 20px;
}

select {
    border: none;
    border-bottom: 1px solid var(--bg_color5) !important;
    outline: none !important;
    padding-left: 0;
}

.form_inner.kycverification.bk_details .input_field {
    position: relative;
}

.layer.layer-modelnew {
    position: relative;
}

.form_inner.kycverification.bk_details .input_field .ok {
    position: absolute;
    right: 0;
    top: 11px;
}

button.btn-link.right.bankverify {
    float: right;
    color: var(--t_color1);
    font-weight: 600;
    font-size: 20px;
}

img.ok-img.mobok {
    display: none;
}

img.emailverimg {}

.layer.layer-modelnew.newmobile img.mobileverimg {
    position: relative;
    top: 0px !important;
    right: 0px !important;
}

.mbleditbtn {
    position: absolute;
    right: 17px;
    top: 50px;
}

.vrfybtns {
    position: absolute;
    right: 17px;
    top: 50px;
}

span.btn-link.bold {
    float: right;
    color: var(--t_color1);
    font-weight: 600;
    font-size: 20px;
}

.layer .group .eml, .layer .group .eml p {
    width: 220px;
}

.layer.layer-modelnew .layer p {
    width: 220px;
}

button.btn-link.bold.emailsendotp {
    border: 1px solid var(--t_color1);
    padding: 12px 20px;
    cursor: pointer;
    font-weight: 400;
    background-color: var(--t_color1);
    border-radius: 4px;
    color: var(--bg_color3) !Important;
    font-size: 14px;
    margin-top: 0px;
}

button.btn-link.bold.mobilesendotp {
    border: 1px solid var(--t_color1);
    padding: 10px 20px;
    cursor: pointer;
    font-weight: 400;
    background-color: var(--t_color1);
    border-radius: 4px;
    color: var(--bg_color3) !Important;
    font-size: 16px;
}

#new_mobile {
    box-shadow: none !important;
    font-size: 14px;
    border-radius: 4px !important;
    height: 50px;
    background: rgb(243, 243, 243, 0.3) !important;
    padding: 10px 20px;
    border: 1px solid rgb(0, 0, 0, 0.1) !important;
    transition: none !important;
    margin-bottom: 25px;
}

.layer.layer-modelnew {
    position: relative;
    align-items: normal;
}

.layer.layer-modelnew.newmobile .group {
    justify-content: space-between;
    align-items: center;
}

.layer.layer-modelnew.newmobile .sent_otp_div {
    top: 0px;
}

.layer.layer-modelnew.newmobile .sent_otp_div button {
    margin-top: 0px;
}

.layer .group {
    position: relative;
}

nav {
    display: flex;
    margin-bottom: 50px;
    margin-top: 50px;
    width: 900px;
    position: relative;
    align-items: center;
    justify-content: space-between;
}

nav ul {
    display: flex;
    list-style: none;
    margin: 0px;
    align-items: center;
}

a.steps {
    width: 40px;
    display: block;
    text-align: center;
    height: 40px;
    line-height: 37px;
    border: 3px solid #a5a5a5;
    border-radius: 50%;
    font-weight: 600;
    color: #a5a5a5;
}

nav ul li.cur_pg a {
    color: var(--bg_color3);
    border-color: var(--t_color1);
    background-color: var(--t_color1);
}

nav ul li.prv_pg a {
    color: transparent;
    border-color: #38b71a;
}

nav ul li {
    margin: 0px 20px;
    position: relative;
}

/*a.go_home {
    position: absolute;
    left: 10px;
}*/
a.go_home img {
    width: 40px;
}

nav ul li:after {
    position: absolute;
    top: 50%;
    height: 3px;
    width: 40px;
    content: '';
    left: -40px;
    background: #a5a5a5;
}

nav ul li.cur_pg:after {
    background: var(--t_color1);
}

nav ul li:nth-child(1):after {
    display: none;
}

.input_field textarea {
    font-size: 16px;
    overflow: hidden;
    resize: none;
    display: block;
    width: 100%;
    outline: none !important;
    height: 80px;
    background: rgb(243, 243, 243, 0.3) !important;
    border: 1px solid rgb(0, 0, 0, 0.05) !important;
    margin: 0px;
    margin-top: 5px;
    padding: 10px 28px 19px 20px;
    border-radius: 4px !important;
    box-shadow: none !important;
}

#nomiadd1, #nomiadd2, #nomiadd3 {
    background: #fff !important;
    border: 1px solid rgb(0, 0, 0, 0.1) !important;
}

.group .eml [type=email] {
    border: none;
    box-shadow: none;
}

.form_inner.kycverification.bk_details [type=date] {
    border: none;
    box-shadow: none;
}

.img_icon img {
    width: 27px;
}

.img_icon {
    position: absolute;
    right: 0px;
    top: -3px;
}

.layer.mobileveri {
    position: relative;
}

span.btn-link.panverified, span.btn-link.bold {
    color: #0DB561;
}

.btn-link {
    color: var(--t_color1);
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
}

.layer.layer-modelnew button.btn-link.bold.emailverify {
    padding: 6px 15px;
    margin-top: 10px;
    background-color: transparent;
    color: var(--t_color1);
    border-radius: 30px;
    position: absolute;
    right: 0px;
    top: 3px;
    font-size: 13px;
}

.layer.layer-modelnew button.btn-link.bold.mobileverify {
    padding: 6px 15px;
    margin-top: 10px;
    background-color: var(--t_color1);
    color: var(--bg_color3);
    border-radius: 30px;
}

button.btn-link.bold.emailresendotp {
    margin-right: 5px;
}

input#emailotp {
    display: block;
    box-shadow: none !important;
    font-size: 14px;
    border-radius: 4px !important;
    height: 50px;
    background: rgb(243, 243, 243, 0.3) !important;
    padding: 10px 20px;
    width: 100%;
    border: 1px solid rgb(0, 0, 0, 0.1) !important;
    margin-top: -10px;
}

input#mobileotp {
    display: block;
    margin: 0px;
    height: 39px;
    text-align: center;
    border: 1px solid var(--bg_color5) !important;
    width: 100%;
}

div#btnsverify {
    position: relative;
    right: 0;
    top: 45px;
    text-align: right;
}

div#btnsverify1 {
    position: absolute;
    right: 0;
    top: 0;
}

select {
    display: block;
}

.chosen-container {
    display: none !important;
}

.group input {
    border: none;
    box-shadow: none;
    outline: none !important;
    font-size: 14px;
    border-radius: 4px !important;
    height: 50px;
    background: rgb(243, 243, 243, 0.8) !important;
    padding: 10px 20px;
}

.frm_mobi .input-group-label {
    border: 1px solid rgb(0, 0, 0, 0.05) !important;
    border-right: none !important;
    background: rgb(243, 243, 243, 0.8) !important;
    border-right: 1px solid rgb(0, 0, 0, 0.1);
    font-size: 12px;
    color: #555555;
    font-weight: 400;
    position: absolute;
    left: 0px;
    height: 45px;
}

.frm_mobi .form-error {
    position: relative;
    text-align: left;
    margin-bottom: 0px;
    margin-top: 5px;
}

input#panno {
    text-transform: uppercase;
}

.form-group.stycheck .dark-text {
    display: inherit;
    line-height: 15px;
}

.form-group.stycheck {
    position: relative;
    padding: 20px 0px;
    padding-top: 3px;
}

.form-group.stycheck .form-error {
    top: 13px;
}

.pan_card {
    position: relative;
}

.apply {
    display: flex;
}

.apply {
    position: absolute;
    right: 0px;
    bottom: 10px;
}

.bank_verify {
    position: relative;
}

.bank_verify .img_icon {
    position: absolute;
    right: 10px;
    top: unset;
    bottom: -45px;
}

.layer.mobileveri span.bold {
    margin: 0px 21px;
    font-weight: 600;
}

.eml, .layer.mobileveri .group {
    position: relative;
}

.layer.layer-modelnew .group {
    display: flex;
    position: relative;
}

.email_verify {
    position: absolute;
    right: 0px;
    top: 12px;
}

select.relation_choose {
    width: 100%;
}

.rel_sec.div_relation.relation {
    margin-top: 15px;
}

.cou_tax {
    margin-top: 25px;
}

div#bk p {
    margin-top: 14px;
}

.sub_center, .pending_btn, .congrats_img {
    text-align: right;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

#personaltab_cont .lab {
    margin-top: 23px;
}

.showed .input_field label, .showed .input_field1 label {
    top: -20px;
}

#segments {
    display: flex;
    margin-top: 10px;
}

.group input {
    box-shadow: none !important;
    font-size: 14px;
    border-radius: 4px !important;
    height: 50px;
    background: rgb(243, 243, 243, 0.3) !important;
    padding: 10px 20px;
    /* border-bottom: 1px solid var(--bg_color5) !important; */
    transition: none !important;
}

.ui-datepicker .ui-datepicker-title select {
    height: 30px;
}

select {
    border: none !important;
    outline: none !important;
    height: 50px;
    background: rgb(243, 243, 243, 0.0) !important;
    border: 1px solid rgb(0, 0, 0, 0.1) !important;
    font-size: 14px;
    border-radius: 4px !important;
    padding: 10px 20px;
}

select:focus {
    background: rgb(243, 243, 243, 0.3) !important;
    border: 1px solid rgb(0, 0, 0, 0.05) !important;
    box-shadow: none !important;
}

select.is-invalid-input {
    /* border-bottom: 1px solid #cc4b37 !important; */
    color: #cc4b37 !important;
}

span.has-tip.top {
    color: #fff;
    position: relative;
    width: 20px;
    height: 17px;
    background-color: var(--t_color1);
    text-align: center;
    border-radius: 10px;
    font-size: 12px;
}

.input_field1.select_field label {
    pointer-events: unset !important;
}

.panverify {
    cursor: pointer;
}

a.steps.active {
    color: var(--bg_color3);
    border-color: var(--t_color1);
    background-color: var(--t_color1);
}

#removeImage1, #removeImage2, #removeImage3, #removeImage4, #removeImage14, #removeImage6, #removeImage16, #removeImage5, #removeImage6, span#removeImage7, span#removeImage8, span#removeImage9, span#removeImage10 {
    position: absolute;
    background: #e5322b;
    right: 0px;
    top: -3px;
    color: var(--bg_color3);
    border-radius: 50px;
    font-weight: 600;
    width: 22px;
    height: 22px;
    text-align: center;
    border: 0px solid #fff;
    cursor: pointer;
    line-height: 20px;
    font-size: 17px;
}

/*a#removeNominee3, a#removeNominee2 {
    background: var(--t_color1);
    color: #fff;
    padding: 8px 25px;
    margin-right: 10px;
    border-radius: 50px;
}*/
a#removeNominee3, a#removeNominee2 {
    background: var(--t_color1);
    color: #fff;
    padding: 6px 16px;
    margin-left: 10px;
}

.yes {
    position: relative;
    float: right;
}

input#generate_password {
    border: none;
}

.hidediv img {
    width: 100%;
    padding: 0px 30px;
}

.grid-x.adr_up {
    margin-bottom: 21px;
}

.form-group.tick_check {
    margin-top: 20px;
    align-items: center;
    margin-bottom: 20px;
}

.cell.small-12.large-12.medium-12.box {
    padding-right: 0px;
}

.sub-panel {
    padding: 30px 20px;
    height: calc(100% - 80px);
    cursor: pointer;
}

.head.head2 h6 {
    color: var(--bg_color3);
}

#div-to-toggle .head.head2 {
    background: var(--t_color1);
    padding: 30px 20px 20px;
    cursor: pointer;
}

/* .cell.small-12.large-4.medium-4.bg-img {
    background: url(../images/background-img.png);
    background-repeat: no-repeat !important;
    background-size: 90%;
    background-position: 50% 50%;
} */
button#submitform {
    cursor: pointer;
}

.grid-x>.large-6 {
    padding-right: 10px;
}

.grid-x.adr_up .cell {
    padding-right: 0px;
}

.per_add {
    padding-right: 0px;
}

.input_field1.select_field.exis_user {
    margin-top: 46px !important;
}

.input_field.panfield {
    margin-top: 22px;
}

.form_inner.kycverification.dfb h4 {
    margin-top: 37px;
}

body.v_align.user_list_panel {
    width: 980px;
    margin: 0 auto;
    padding: 120px 0px;
}

table.tablec tr:first-child {
    background: var(--bg_color7);
    border: unset;
}

table.tablec tr:first-child th {
    color: #fff;
    border: unset;
    padding: 15px 14px;
    text-align: left;
    font-size: 14px;
}

table.tablec tbody th, tbody td {
    border: unset;
}

table.tablec tr {
    border: unset;
}

table.tablec tbody tr:nth-child(even) {
    background: unset;
}

table.tablec form#redform input, table.tablec button#home_btn {
    padding: 12px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

table.tablec button#home_btn {
    text-align: center;
    background: var(--bg_color7);
    color: var(--bg_color3);
    outline: none !important;
    padding: 6px 20px;
    border: none;
    cursor: pointer;
}

.comm_label {
    font-size: 14px;
    position: unset;
    color: #555555;
    font-weight: 600 !important;
    pointer-events: none;
    margin-bottom: 4px;
    outline: none !important;
}

.fetchdiv.dsflx.experiencedstock .fetchinput {
    width: 100%;
}

.fetchinput fieldset legend {
    font-size: 14px;
    position: unset;
    color: #555555;
    font-weight: 600 !important;
    pointer-events: none;
    margin-bottom: 10px;
    line-height: 1;
}

.bankverified {
    color: var(--bg_color6);
}

div#title_alert {
    padding: 10px;
    display: none;
    text-align: center;
    background: var(--t_color1);
    color: var(--bg_color3);
    font-size: 18px;
}

div#popmodel {
    text-align: center;
}

a.button.small.success.small-4.small-offset-4.columns {
    color: var(--bg_color3);
    padding: 12px 20px;
    font-size: 15px;
    background: var(--t_color1);
    border-radius: 4px;
}

p#content_alert {
    padding: 23px 0px 10px;
}

.layer.layer-modelnew.newmobile .input_field {
    width: 48%;
    position: relative;
}

.layer.layer-modelnew .input_field {
    margin-bottom: 0px;
}

.layer.layer-modelnew.newmobile .input_field .form-error {
    bottom: 0;
}

.layer.layer-modelnew img.emailverimg {
    top: 34px;
    right: -17px;
}

img.panverimg {
    width: 20px;
}

a.prv_pg {
    border: 3px solid var(--bg_color6) !important;
    color: var(--bg_color6);
}

.prv_pg.active {
    background-color: var(--bg_color3) !important;
}

.tick_show {
    width: 28px;
    margin: 3px;
}

a.prv_pg {
    background-image: url(../images/checked.png);
    background-size: 16px;
    background-position: 11px 10px;
    background-repeat: no-repeat;
}

.number_step {
    color: #a5a5a5;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
    background-color: transparent;
}

a.steps.prv_pg.active {
    background-color: var(--bg_color1);
}

h2.you_have {
    font-size: 18px;
    color: var(--t_color1);
}

.grid-x.per_add .cell {
    padding-right: 0px !important;
}

span#up_span, span#upp_span {
    color: var(--t_color1);
}

/*nav ul li.prv_pg:before {
    content: "✔";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #38b71a;
}*/
.active span.number_step {
    color: var(--bg_color3);
}

.cell.up_prf {
    padding-right: 0px;
}

h4.pan_verify, .bank_verify {
    position: relative;
}

.bank_verify .img_icon.verify_bank {
    position: absolute;
    right: 10px;
    top: 0px;
    bottom: -25px;
}

button#submit_btn {
    background-color: var(--bg_color4);
    padding: 10px 30px;
    margin: 0px 5px;
    border-radius: 50px;
    color: var(--bg_color3);
}

img#datepic {
    position: absolute;
    right: 12px;
    bottom: 10px;
}

.dob_field {
    position: relative;
}

.dob_field input[type="date"]::-webkit-inner-spin-button,
.dob_field input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

span#close-btn {
    color: var(--bg_color3);
    background: var(--t_color1);
    cursor: pointer;
    padding: 8px 30px;
    border-radius: 25px;
}

.cou_tax {
    margin-top: 25px;
    display: flex;
    align-items: center;
}

.pan_card .input_field .highlight, .pan_card .input_field1 .highlight {
    top: 34%;
}

.yes {
    display: flex;
    align-items: center;
    justify-content: center;
}

.back_side .yes {
    margin-bottom: 20px;
}

.fltright {
    display: flex;
    float: right;
}

a.btn.btn-warning.canv {
    padding: 7px 20px;
    margin-right: 10px;
    background: var(--t_color1);
    color: var(--bg_color3);
    border-radius: 57px;
}

a#saveToImage {
    padding: 7px 20px;
    margin-right: 10px;
    background: var(--t_color1);
    color: var(--bg_color3);
    border-radius: 57px;
}

p.aadhaar_front_btn_lable1, p.aadhaar_btn_lable, p.aadhaar_front_btn_lable {
    margin-right: 11px;
    margin-top: 9px;
}

span.mobno {
    color: var(--t_color1);
    font-weight: 600;
    font-size: 26px;
}

.sect-contn .switch.tiny input:checked~.switch-paddle::after {
    left: 18px;
}

.sect-contn .switch.tiny .switch-paddle {
    width: 35px;
}

/* .esign_page.center {
    display: unset !important;
} */
.esign_page.center nav {
    margin: 50px auto;
}

.digiosubmit_sty {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}

.digiosubmit_sty .b-btn {
    margin: 0px auto 0px;
    margin-right: 20px;
    border-radius: 4px;
}

.esign_page.center a.prv_pg {
    background-position: 13px 13px;
}

.cell.small-12.large-12.medium-12.smpimg {
    display: flex;
    align-items: center;
}

.smpimg .v_btn {
    padding: 8px 1px;
    margin-right: 0px;
    margin-left: 20px;
}

.smpimg .v_btn button {
    color: var(--bg_color2);
    font-weight: 600;
    text-decoration: underline;
}

.v_btn button {
    color: var(--t_color1);
    font-weight: 600;
    text-decoration: underline;
}

li.logout img {
    width: 40px;
}

li.prv_pg.first_li:after, li.logout.last_li:after {
    background: unset;
}

.list_active:after {
    background: var(--bg_color6);
}

a#home_btn_sec {
    text-align: center;
    background: var(--bg_color7);
    color: var(--bg_color3);
    outline: none !important;
    border: none;
    border-radius: 4px;
    padding: 12px 20px;
}

a#home_btn {
    text-align: center;
    background: var(--bg_color7);
    color: var(--bg_color3);
    outline: none !important;
    border: none;
    border-radius: 4px;
    padding: 8px 23px;
}

select#bankproof {
    margin-top: 5px;
}

.bank_proof_view {
    color: var(--t_color1);
    font-weight: 600;
    text-decoration: underline;
    position: absolute;
    left: 0px;
    bottom: -3px;
}

.cell.small-12.large-6.medium-6.bankview {
    position: relative;
}

.step5 .sp-btwn label, label#fintab-label {
    display: flex;
    align-items: center;
}

.step5 .sp-btwn .v_btn, label#fintab-label .v_btn {
    margin-left: 15px;
}

#logoutconfirm .insidepopup, #removefirm .insidepopup {
    padding: 20px 0px;
}

#logoutconfirm p, #removefirm p {
    font-size: 18px;
}
#bk1 .v_btn{
    position: absolute;
    right: -48px;
    top: 30px;
}
body.tamil #bk1 .v_btn{
    right: -65px;
}
#logoutconfirm .cancel_btn, #removefirm .cancel_btn {
    padding: 0px 30px;
    border-radius: 4px;
    background-color: #a19696;
    color: #fff;
    border: none;
    margin: 0px 5px;
    font-size: 15px;
    height: 38px;
    line-height: 38px;
}

#logoutconfirm .logout_cbtn {
    padding: 0px 30px;
    border-radius: 4px;
    background-color: var(--t_color1);
    color: #fff;
    border: none;
    margin: 0px;
    font-size: 15px;
    height: 38px;
    line-height: 38px;
}

#removefirm .remove_cbtn {
    padding: 12px 30px;
    border-radius: 4px;
    background-color: var(--t_color1);
    color: #fff;
    border: none;
    margin: 0px;
    font-size: 15px;
    height: 38px;
}

.logout_btn a {
    padding: 0px 0px 0px 0px;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    z-index: 999;
    display: flex;
    align-items: center;
    height: 30px;
    min-width: 90px;
    justify-content: center;
    gap: 10px;
}

.logout_btn span {
    color: #000;
}

.logout_btn a svg {
    margin-left: 0px;
}

.logout_btn.logged_admin a {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0px;
    text-align: left;
    line-height: 1;
    font-size: 12px;
}

.logout_btn.logged_admin a span {}

.logout_btn.logged_admin {
    display: flex;
    align-items: center;
    gap: 10px;  
}

.logout_btn.logged_admin svg {
    width: 17px;
    height: 17px;
}

.logout_btn.logged_admin svg path {
    fill: var(--t_color4);
}

#proof_missing_popup {
    padding: 40px;
}

/*.logout_btn a { 
    padding: 14px 37px 10px 5px;
    color: #000;
    font-weight: 600;
	font-size:14px;
    z-index: 999;
} */
/* .logout_btn :after {
    position: absolute;
    content: "";
    background: url(../../images/abi360/logout.svg);
    height: 100%;
    width: 35%;
    right:-8px;
	top:6px !important;
    background-size: 26px;
    background-repeat: no-repeat;
} */
.logout_btn svg {
    width: 20px;
    height: 20px;
}

.logout_btn {
    background: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    position: relative;
}

.progress-container, .progress {
    background-color: #d3d3d3;
    border-radius: 5px;
    position: relative;
    height: 9px;
    width: 50%;
}

.progress {
    background-color: #28a745;
    width: 0;
    transition: width 0.4s linear;
}

.percentage {
    background-color: #fff;
    border-radius: 50%;
    color: #000;
    font-weight: 600;
    /* font-size: 12px; */
    font-size: 0px;
    position: absolute;
    top: -17px;
    left: 0;
    /* box-shadow: 0px 0px 20px 0px #e0e0e0; */
    text-align: center;
    height: 0px;
    width: 0px;
    line-height: 38px;
    padding: 0px;
}

button.btn-link.bankverify {
    margin-right: 15px;
}

img.next_step {
    width: 36px;
    margin: 3px;
}

img.preview {
    width: 36px;
    transform: rotate(180deg);
    margin: 3px;
}

span.btn_upload img {
    width: 21px;
}

img.congrats_svg {
    width: 125px;
}

span#size-error, span#error2, span#error3, span#error4, span#error14, span#error6 {
    top: 45px;
}

/* .layer.layer-modelnew .input_field {
    margin-right: 57px;
} */
.sent_otp_div {
    position: relative;
    right: 0;
    top: 45px;
    text-align: right;
}

.glelabel b {
    font-size: 14px;
    position: unset;
    color: #555555;
    font-weight: 600 !important;
    pointer-events: none;
    margin-bottom: 10px;
    outline: none !important;
}

.ui-datepicker .ui-datepicker-title {
    display: flex !important;
}

.ui-datepicker select.ui-datepicker-month {
    margin-right: 10px !important;
}

#lblError {
    color: red;
}

img.ui-datepicker-trigger {
    position: absolute;
    right: 10px;
    top: 45px; 
}

div#selffileformat {
    text-align: center;
}

.insidepopup .grid-x {
    text-align: center;
    justify-content: center;
}

.insidepopup .button.success:hover, .insidepopup .button.success {
    background-color: var(--t_color1) !important;
    color: #fff;
}

div#title_alert3 {
    background: var(--t_color1);
    padding: 7px 20px;
    color: #fff;
}

p#content_alert3 {
    padding-top: 20px;
}

div#popmodelconfirm, div#popmodelconfirm2 {
    text-align: center;
}

div#title_confirm, div#title_confirm2 {
    padding: 10px;
    background: var(--t_color1);
    color: #fff;
}

.head.head2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.head.head2 input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.head.head2 input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #28a745;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 4px solid white;
}

.terms-panel-cont {
    background-color: var(--bg_color3);
    padding: 40px 100px;
    display: block;
}

.inner_page.terms.terms-sections h2 {
    font-size: 27px;
    font-family: var(--headings-font-family);
    margin-bottom: 20px;
    text-align: center;
}

.inner_page.terms.terms-sections h3 {
    font-size: 23px;
    margin-bottom: 20px;
}

table.terms_table tr th, table.terms_table tr td {
    border: 1px solid #000;
    text-align: center;
}

select {
    padding: 5px;
}

#nominee_show .input_field .highlight, #nominee_show .input_field1 .highlight {
    top: 35%;
}

div#nominee_show {
    padding-top: 20px;
    padding-bottom: 0px;
}

button.add_field_button {
    font-size: 17px;
    background: var(--t_color1);
    color: #fff;
    padding: 6px 20px;
    margin-top: 27px;
    width: 100px;
}

/*#div-to-toggle{
width: 297px;
    margin: 40px 0px;
    text-align: center;
	    position: relative;
box-shadow: 0px 0px 7px 0px #c7afaf;
}*/
#div-to-toggle .panel-content {
    text-align: left;
}

.input_field .hint {
    position: absolute;
    right: 10px;
    bottom: 3px;
    color: #cdcaca;
    font-size: 13px;
}

.cell.small-12.large-4.medium-4.box {
    width: 247px;
    box-shadow: 0px 0px 7px 0px #c7afaf;
    display: inline-block;
    margin: 12px;
}

span#close-btn {
    float: right;
}

.personal_fatc h6 {
    padding: 30px 0px 20px;
}

.personal_fatc .input_field {
    margin-right: 11px;
}

.tick_derivatives {
    margin-bottom: 30px;
}

#addrform .input_field input, #addrform .input_field select {
    margin-top: 0px !important;
}

.logout_btn.logged_admin a:after {
    /* position: absolute;
    content: "";
    background: url(../images/goodwill/logout.svg);
    height: 100%;
    width: 10%;
    right: 0px;
    background-size: 26px;
    background-repeat: no-repeat; */
}

.cell.small-12.large-4.medium-4.box:hover {
    box-shadow: 0px 0px 15px 0px #aaa6a6;
}

.planitembx, .planitembx1 {
    width: 47%;
    position: relative;
}

.planitembx .planitemsec, .planitembx1 .planitemsec {
    width: 100%;
    margin-bottom: 15px;
}

.planitemsec {
    width: 47%;
    position: relative;
}

.planitemsec label {
    /**border: 3px solid #28a745;**/
    /* box-shadow: -1px 0px 15px 0px var(--bg_color2) !important; */
    background: rgb(243, 243, 243, 0.7);
    border: 1px solid rgb(243, 243, 243, 0.7) !important;
    border-radius: 4px;
    width: 100%;
    padding: 20px;
    margin: 0px;
}

div#div-to-toggle {
    margin-bottom: 40px;
}

.planinfo p {
    font-size: 12px;
    color: #555555;
    margin-bottom: 0px;
}

.planinfo h6 {
    font-size: 16px;
    color: #555555;
    margin-bottom: 0px;
}

.planitemsec input[type="radio"]:checked+label {
    background: var(--t_color1);
    color: #fff;
    border: 1px solid var(--t_color1) !important;
}

.planitemsec input[type="radio"]:checked+label .planinfo h6 {
    color: #fff;
}

.planitemsec input[type="radio"]:checked+label .planinfo p {
    color: #fff;
}
.bsdasection h6{
   margin-bottom: 20px;
   font-size: 20px;
}
.pricingplansec .test_check {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.bsdaoptions input[type="radio"] { 
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.planitem.panel-sec {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.sec.cou_tax label {
    margin-right: 14px;
    margin-bottom: 0px;
}

.cell.small-12.large-6.medium-6.flex_apply {
    position: relative;
}

.flex_apply {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.jconfirm-holder {
    width: 511px;
    margin: 0 auto;
}

.jconfirm-title-c {
    text-align: center;
    color: var(--t_color1);
}

span.jconfirm-title {
    color: var(--t_color1);
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
    background-color: var(--t_color1) !important;
    color: #FFF;
}

.in_form_err {
    position: relative;
    padding: 17px 12px 26px;
}

.in_form_err span.error {
    position: absolute;
    bottom: 6px;
    color: red;
}

input#input-password {
    border: none;
    outline: none;
    box-shadow: none;
}

div#jconfirm-box34885 input#input-password {
    border: none;
    border-bottom: 1px solid var(--bg_color5) !important;
    outline: none !important;
}

label.control-label {
    display: none;
}

.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-default.jconfirm-type-animated {
    padding: 30px 20px 15px;
}

.main-panel.main-panel1.dateofbirth .foot-sec {
    /* position: relative !important;
    right: 0px !important;
    margin-bottom: 0px; */
}

span#plan_error {
    font-size: 15px;
    color: #cc4b37;
    font-weight: 600;
}

.bankverify {
    cursor: pointer;
}

/* div#nominee_1, div#nominee_2, div#nominee_3 {
    margin-right: 9px;
} */
div#nominee_2, div#nominee_3 {
    position: relative;
}

.addrmvbtns {
    display: flex;
    align-items: center;
}

.addrmvbtns .btn-rmv5 {
    background: var(--t_color1);
    color: #fff;
    border-radius: 4px;
    padding: 12px 20px !important;
    font-size: 14px !important;
    border: none;
    margin-left: 10px;
    width: 100px;
}

.addrmvbtns button.add_field_button {
    margin-top: 0px;
}

a#removeNominee3 {
    background: var(--t_color1);
    color: #fff;
    border-radius: 6px;
    padding: 12px 20px !important;
    font-size: 16px !important;
    border: none;
    margin-left: 10px;
}

.photocapsec.photoenablediv {
    margin-top: 25px;
}

/* input#removeNominee2, input#removeNominee3 {
    position: absolute;
    padding: 6px 20px;
    bottom: -60px;
    background: var(--t_color1);
    color: #fff;
    border: none;
} */
span#size-error3, span#size-error5, span#size-error6, span#size-error1, span#error2, input#imag4, span#size-error2, span#size-error21 {
    position: absolute;
    bottom: -28px;
    width: max-content;
    right: 0;
    left: 0px;
    margin: 0 auto;
}

.form-error.up_error {
    bottom: -28px;
    width: max-content
}

/**select#bankproof {
    border: 1px solid #a6a6a6 !important;
}**/
.esign_page_iframe {
    height: calc(100vh - 200px) !important;
    max-width: 1400px;
    margin: 0px auto !important;
}

.esign_page_iframe iframe {
    border: none !important;
}

.pad_tp_30 {
    padding-top: 30px;
    padding-bottom: 80px;
}

/*-----------------  aadhar upload box css --------------------*/
#aadharupload_one {}

#aadharupload_one .ch_aadhar_bx {
    width: calc(100% - 20px) !important;
    margin: 10px;
    height: 180px;
    border-radius: 8px;
    text-align: center;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 16%);
    color: #000;
}

#aadharupload_one .ch_aadhar_bx {
    position: relative;
}

#aadharupload_one .ch_aadhar_bx, #aadharupload_one .ch_aadhar_bx label {
    cursor: pointer !important;
    width: 100%;
}

#aadharupload_one .ch_aadhar_bx span {
    display: flex;
    position: absolute;
    right: 10px;
    align-items: center;
    font-size: 14px;
    top: 10px;
    color: var(--t_color1);
    cursor: pointer;
}

#aadharupload_one .ch_aadhar_bx span svg {
    margin-right: 5px;
}

#aadharupload_one .ch_aadhar_bx svg, .ch_aadhar_bx svg .a {
    fill: var(--t_color1);
}

#aadharupload_one .ch_aadhar_bx h3 {
    font-size: 16px;
    margin: 20px 0px 0px;
}

#aadharupload_one .inline_loader {
    position: absolute;
    bottom: 10px;
    display: none;
    right: 10px;
    background: url(../images/goodwill/load.gif) no-repeat;
    width: 30px;
    height: 30px;
    background-size: 30px;
}

#aadharupload_one #upload_adhaar_file, #upload_adhaar_xml {
    position: absolute;
    visibility: hidden;
    left: 0;
}

#aadharupload_one .ch_aadhar_bx small {
    position: absolute;
    left: 10%;
    bottom: 12px;
    width: 100%;
    font-size: 12px;
    max-width: 80%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#aadharupload_one+.foot-sec {
    position: absolute;
    bottom: 0;
    right: 30px;
}

/*-------- aadhar design two  -----*/
#aadharupload_two .aadhar-box {
    width: 450px;
    margin: 0 auto;
}

#aadharupload_two .ch_aadhar_bx.digio {
    margin: 40px 0px 30px 0px;
}

#aadharupload_two .ch_aadhar_bx.digio>.label {
    height: 45px;
    background: var(--t_color1);
    border-radius: 8px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
}

#aadharupload_two .ch_aadhar_bx.digio>.label img {
    display: none;
}

#aadharupload_two .ch_aadhar_bx.digio .label h3 {
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    margin-bottom: 0px;
}

#aadharupload_two .inline_loader {
    position: absolute;
    bottom: 10px;
    display: none;
    right: 10px;
    background: #fff url(../images/goodwill/load.gif) no-repeat;
    width: 30px;
    height: 30px;
    background-size: 30px;
}

#aadharupload_two .digi-info {
    font-size: 12px;
    opacity: 0.8;
}

.upload-adr-box {
    display: none;
}

#aadharupload_two .upload-adr-box {
    margin-top: 50px;
}

#aadharupload_two .upload-adr-box h4.mre-optn {
    font-size: 16px;
    margin-bottom: 20px;
}

#aadharupload_two .upload-adr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#aadharupload_two .ch_aadhar_bx.yes {
    margin-right: 10px;
}

#aadharupload_two .ch_aadhar_bx {
    box-shadow: none;
    border: 1px solid var(--t_color1);
}

#aadharupload_two .ch_aadhar_bx.yes1.digio label {
    display: block !important;
}

#aadharupload_two .ch_aadhar_bx.yes1.digio {
    border: none !important;
}

#aadharupload_two .ch_aadhar_bx.yes label, #aadharupload_two .ch_aadhar_bx.yes1 label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#aadharupload_two .ch_aadhar_bx, #aadharupload_two .ch_aadhar_bx label {
    cursor: pointer !important;
    width: 100%;
}

#aadharupload_two .ch_aadhar_bx svg, #aadharupload_two .ch_aadhar_bx svg .a {
    fill: var(--t_color1);
}

#aadharupload_two .ch_aadhar_bx svg {
    height: 27px;
    width: 27px;
    margin: 0px 10px;
}

#aadharupload_two #upload_adhaar_file, #aadharupload_two #upload_adhaar_xml {
    position: absolute;
    visibility: hidden;
    left: 0;
}

#aadharupload_two .ch_aadhar_bx small {
    position: absolute;
    left: 25%;
    bottom: 12px;
    width: 100%;
    font-size: 12px;
    max-width: 55%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#aadharupload_two .ch_aadhar_bx h3 {
    font-size: 12px;
    margin: 0px;
    color: var(--t_color1);
}

#aadharupload_two .ch_aadhar_bx {
    width: calc(100% - 20px) !important;
    margin: 0px 0px;
    height: 45px;
    border-radius: 8px;
    position: relative;
}

#aadharupload_two .yes, #aadharupload_two .yes1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

#aadharupload_two+.foot-sec {
    position: absolute;
    bottom: 0;
    right: 30px;
}

#aadharupload_two .ch_aadhar_bx small {
    position: absolute;
    left: 25%;
    bottom: 12px;
    width: 100%;
    font-size: 12px;
    max-width: 50%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#aadharupload_two span.scnd_help1 {
    position: absolute;
    right: 0px;
    top: 10px;
}

#aadharupload_two span.scnd_help1 svg {
    width: 20px;
    height: 20px;
}

#aadharupload_two .ch_aadhar_bx span.aadhar_xml_pop {
    position: absolute;
    right: 0px;
    top: 10px;
}

#aadharupload_two .ch_aadhar_bx span.aadhar_xml_pop svg {
    width: 20px;
    height: 20px;
}

/* ---------------- coupon page css start-------------------*/
.coupon_title {}

.coupon_title h5 {
    font-size: 18px;
    color: #555;
    margin-bottom: 2px;
    margin-top: 0px;
    display: block;
    font-weight: 600;
}

.coupon_title p {
    font-size: 14px;
}

.unicase-form-control {
    border-color: #dee0df !important;
    box-shadow: none !important;
    font-size: 14px;
    padding: 10px 15px;
}

.unicase-form-control.is-invalid-input {
    border-color: #cc4b37 !important;
    background-color: #f9ecea;
}

.unicase-form-control:focus {
    box-shadow: none !important;
}

.discount-sec button#submitform {
    cursor: pointer;
    float: right;
    margin-top: 20px;
    font-size: 15px;
    width: 190px;
    height: 45px;
    line-height: 45px;
    padding: 0px 10px;
}

.coupon_inner {
    padding: 10px 20px 25px;
}

.coupon_inner p {
    margin-bottom: 10px;
    color: #555;
}

.coupon_inner input {
    border: 1px solid #ededed;
    min-height: 38px;
    background: none;
    padding: 0 20px;
    margin-right: 20px;
    font-size: 12px;
    color: #333;
    width: 175px;
}

.coupon_inner a {
    display: block;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    border-radius: 30px;
}

.cart_subtotal {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.cart_subtotal p {
    font-weight: 600;
    font-size: 14px;
    position: relative;
}

.cart_subtotal p span {
    margin-right: 30px;
}

.cart_subtotal .cart_amount {
    font-size: 15px;
    font-weight: 600;
    position: relative;
}

.cart_subtotal .coupon-remove {
    margin-right: 0px;
    position: absolute;
    top: 1px;
    right: -32px;
    background-color: #fc4349;
    width: 22px;
    height: 22px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart_subtotal .coupon-remove:hover {
    background-color: #f31d24;
}

.cart_subtotal p span {
    margin-right: 30px;
}

.cart_subtotal .cart_amount {
    font-size: 15px;
    font-weight: 600;
}

.checkout_btn {
    border-top: 2px solid rgb(0, 0, 0, 0.1);
}

.checkout_btn a {
    display: block;
    font-size: 16px;
    text-align: center;
}

.checkout-sec {
    background: #f8f8f8;
    padding: 20px;
}

.checkout_button {
    background-color: var(--t_color1);
    border-radius: 30px;
    color: var(--bg_color3) !Important;
    padding: 0px 20px;
    margin: 30px auto 0px;
    cursor: pointer;
    height: 45px;
    line-height: 45px;
}

.checkout_button:hover {
    background-color: var(--bg_color4);
}

/* ---------------- coupon page css end -------------------*/
/* .ch_aadhar_bx {
    text-align: center;
    height: 180px;
    margin: 20px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 16%);
	color:#000;
	position: relative;
}
.ch_aadhar_bx {
    width: calc(100% - 20px) !important;
    margin: 10px;
        height: 180px;
        border-radius: 8px;
}
.scan_aadhar
{
display:none;
}
#upload_adhaar_file, #upload_adhaar_xml {
position: absolute;
visibility: hidden;
left: 0;
}
.ch_aadhar_bx
{
cursor:pointer;
width: 100%;
position: relative;
}
.ch_aadhar_bx, .ch_aadhar_bx label {
cursor: pointer !important;
width: 100%;
}
.foot-sec {
position: absolute;
bottom: 0;
right: 30px;
}
.ch_aadhar_bx small {
position: absolute;
left: 10%;
bottom: 12px;
width: 100%;
font-size: 12px;
max-width: 80%;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.ch_aadhar_bx a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    width: 100%;
	color:#000;
}
.ch_aadhar_bx.yes{
    margin-right: 10px;
}
.ch_aadhar_bx h3 {
    font-size: 16px;
    margin: 20px 0px 0px;
}
.ch_aadhar_bx:hover {
    box-shadow: 0px 0px 20px 0px rgb(40 179 236 / 60%);
}
.ch_aadhar_bx span {
    display: flex;
    position: absolute;
    right: 10px;
    align-items: center;
    font-size: 14px;
    top: 10px;
    color: var(--t_color1);
	cursor:pointer;	
}
.ch_aadhar_bx svg, .ch_aadhar_bx svg .a {
    fill: var(--t_color1);
}
.ch_aadhar_bx span svg {
    margin-right: 5px;
} */
div#help_popup, div#help_popup1, div#help_popup2, #aadhaar_msg_popup {
    border-radius: 10px;
    padding: 30px;
}

div#help_popup li, div#help_popup1 li, div#help_popup2 li, #aadhaar_msg_popup li {
    color: #939393;
    font-size: 14px;
    margin-bottom: 14px;
}

div#help_popup h3, div#help_popup1 h3, div#help_popup2 h3, #aadhaar_msg_popup h3 {
    font-size: 20px;
    margin-bottom: 30px;
}

div#help_popup h4, div#help_popup1 h4, div#help_popup2 h4, #aadhaar_msg_popup h4 {
    font-size: 16px;
    color: var(--t_color1);
}

#aadhaar_msg_popup h3 {
    text-align: center;
}

.fetch_btn {
    text-align: center;
}

.fetch-udai-btn {
    height: 45px;
    background: var(--t_color1);
    border-radius: 8px;
    line-height: 40px;
    text-align: center;
    cursor: pointer !important;
    width: 50%;
    color: #fff;
    margin-top: 15px;
}

a.help_know_more {
    color: var(--t_color1);
    text-decoration: underline;
    margin-bottom: 20px;
    display: inline-block;
}

.t_head {
    text-align: center;
    font-size: 14px;
}

.t_head h2 {
    font-size: 22px;
}

.a_details table th,
.a_details table td {
    border: 1px solid #ccc !important;
}

.aadhar_pg {
    text-align: left;
}

div#aadhar_out {
    display: flex !important;
}

.aadhar_pg h4 {
    font-size: 18px;
}
body.foot-rel .foot-sec {
    position: static;
    padding: 0;
    margin-top: 15px;
}
.foot-sec {
    /* position: absolute; */
    bottom: 0;
    /* right: 30px; */
}

a#change_adhaar {
    display: inline-block;
    padding-top: 30px;
    color: var(--t_color1) !important;
}

a#pop_close,
#href_confirm2 {
    width: 75px;
    border-radius: 4px;
}
#pop_close{
    background: #b8b7b7;
}

p#content_confirm2 {
    line-height: 1.2;
    padding-top: 14px;
    min-height: 100px;
    align-items: center;
    display: flex;
}

.addr_data {
    word-break: break-all;
}

.aadhar_pg .a_co_info {
    width: 80% !important;
}

.verify_img {
    float: right;
    text-align: center;
}

.verify_img img {
    display: block;
    margin: 0px auto;
    width: 25px;
}

.doc_type {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.aadhar_div {
    position: sticky;
    bottom: 0px;
}

.main-panel.aadhar_pg .title {
    margin-bottom: 20px !important;
}

.main-panel.main-panel1.pad_tp_30.aadhar_pg {
    padding-left: 30px;
    padding-right: 30px;
}

.aadhar_pg .aadhar_pg h4 {
    font-size: 18px;
    margin-bottom: 16px;
}

.aadhar_pg .sample_img p {
    font-size: 14px;
    line-height: 1.3;
    margin-top: 20px;
}

.aadhar_pg canvas {
    width: 80%;
    max-width: 400px;
}

.aadhar_pg video#qr-video {
    position: absolute;
    visibility: hidden;
    z-index: -11;
}

.aadhar_pg label.qr-video-vhidden {
    position: absolute;
    visibility: hidden;
}

.aadhar_pg .scan_btns {
    display: flex;
    margin: 10px 0;
    justify-content: center;
}

.aadhar_pg button#scan-submit {
    background: var(--t_color1);
    color: #fff;
    padding: 7px 30px;
    border-radius: 30px;
}

.aadhar_pg .scan_btns, .aadhar_pg #aadhar_out {
    display: none;
}

.aadhar_pg span#cam-qr-result {
    position: absolute;
    opacity: 0;
    z-index: 999;
}

.aadhar_pg .aadhar_f, .aadhar_pg .aadhar_b {
    width: 300px;
    position: relative;
    margin: 0px auto;
}

.aadhar_pg .aadhar_f span.a_uid {
    position: absolute;
    bottom: 9px;
    right: 75px;
    font-size: 15px;
    letter-spacing: 2px;
}

.aadhar_pg .a_pr_info {
    position: absolute;
    top: 46px;
    left: 90px;
    font-size: 13px;
    text-align: left;
}

.aadhar_pg .a_co_info {
    position: absolute;
    top: 50px;
    left: 14px;
    line-height: 1.2;
    font-size: 13px;
    width: 60%;
    text-align: left;
}

.aadhar_pg .a_pr_info span {
    font-size: 13px;
    line-height: 1.2;
    display: block;
}

.aadhar_pg .aadhar_b span.a_uid {
    position: absolute;
    bottom: 10px;
    right: 40px;
    letter-spacing: 2px;
}

div#dob_popup .form_item button {
    margin: 20px 10px 0;
    background: var(--t_color1);
    color: #fff;
    padding: 7px 30px;
    border-radius: 30px;
}

.aadhar_pg {
    /* text-align: center; */
}

.aadhar_pg canvas#canvas_frame {
    margin: 0px auto 20px;
}

.aadhar_pg div#sample_img p {
    margin-top: 15px;
    line-height: 1.3;
    font-size: 14px;
}

div#dob_popup {
    text-align: center;
    padding-top: 60px;
    top: 0px !important;
}

div#dob_popup input#datepicker {
    border: 1px solid #cacaca !important;
    box-shadow: none !important;
}

form#adhaar_upload {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0px 30px;
}

span.a_img {
    position: absolute;
    top: 49px;
    left: 15px;
    width: 60px;
}

div#bk {
    margin-bottom: 20px;
    align-items: center;
    margin-top: 20px;
}

.select_field.wdt_250 {
    width: 220px;
}

.rel_sec .select_field {
    width: 48%;
}

div#proof_popup {
    top: 50% !important;
    transform: translate(0%, -50%);
    max-height: 80%;
}

div#show_proof {
    text-align: center;
    padding: 20px 0px;
}

#proof_popup .proof_name p {
    margin-bottom: 0px;
    font-size: 16px;
}

#proof_popup .proof_name {
    border-bottom: 1px solid rgb(0, 0, 0, 0.09);
    padding-bottom: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#download-btn {
    margin-right: 40px;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    top: 16px;
    right: 12px;
}

#kyc_generating {
    min-height: 300px;
}

#kyc_generating .insidepopup {
    display: flex;
    align-items: center;
    min-height: 300px;
}

.title_kyc {
    font-size: 22px;
}

.loading {
    position: relative;
    width: 100%;
    color: #FFF;
    margin: 0 auto;
    text-align: center;
}

.loading span {
    position: absolute;
    height: 10px;
    width: 84px;
    top: 65px;
    overflow: hidden;
    left: 50%;
    transform: translatex(-50%);
}

.loading span>i {
    position: absolute;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    -webkit-animation: wait 4s infinite;
    -moz-animation: wait 4s infinite;
    -o-animation: wait 4s infinite;
    animation: wait 4s infinite;
}

.loading span>i:nth-of-type(1) {
    left: -28px;
    background: var(--t_color1);
}

.loading span>i:nth-of-type(2) {
    left: -21px;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    background: var(--t_color1);
}

.btn {
    background-color: #018786;
    border: none;
    color: white;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
}

@-webkit-keyframes wait {
    0% {
        left: -7px
    }

    30% {
        left: 52px
    }

    60% {
        left: 22px
    }

    100% {
        left: 100px
    }
}

@-moz-keyframes wait {
    0% {
        left: -7px
    }

    30% {
        left: 52px
    }

    60% {
        left: 22px
    }

    100% {
        left: 100px
    }
}

@-o-keyframes wait {
    0% {
        left: -7px
    }

    30% {
        left: 52px
    }

    60% {
        left: 22px
    }

    100% {
        left: 100px
    }
}

@keyframes wait {
    0% {
        left: -7px
    }

    30% {
        left: 52px
    }

    60% {
        left: 22px
    }

    100% {
        left: 100px
    }
}

div#snapshot img {
    width: 320px;
}

video#stream:before {
    content: url(assets/images/photo.png);
}

.photo-button-group {
    line-height: 1.5;
    color: red !important;
    text-align: center;
    margin-top: 0px;
    margin: 0 auto;
}

div#err-msg {
    margin-bottom: 0px;
    /* padding: 20px 20px 0px; */
}

video#stream {
    margin: 0px auto;
    display: block;
}

.photo_cap {
    position: relative;
}

div#snapshot {
    text-align: center;
}

button#btn-capture, button#btn-upload {
    padding: 12px 20px;
    border-radius: 4px;
    background-color: var(--t_color1);
    margin-top: 5px;
}

button#btn-start {
    background: transparent;
    color: var(--t_color1);
}

canvas#capture {
    position: absolute;
    top: 0px;
}

.photo_cap.photo-ctns {
    display: flex;
    align-items: flex-start;
    /* align-items: center; */
    flex-flow: column;
    /* justify-content: center; */
    justify-content: flex-start;
}

.accountholdershare .select_field {
    margin-bottom: 0px;
}

a#btn-skip {
    padding: 10px 30px;
    border-radius: 80px;
    display: none;
    background-color: var(--t_color1);
    width: 106px;
}

.retake_btn {
    display: none;
    padding: 10px 30px;
    border-radius: 80px;
    background-color: var(--t_color1);
    color: #fff;
    border: none;
    margin: 20px auto;
}

input.take_btn {
    padding: 10px 30px;
    border-radius: 80px;
    background-color: var(--t_color1);
    color: #fff;
    border: none;
    margin: 20px;
}

#my_camera-ios_div {
    transform: rotate(-90deg);
}

#my_camera-ios_div .webcamjs-ios-text {
    transform: rotate(90deg);
    display: block;
}

.ios-camera #my_camera {
    margin-top: 50px;
}

.ios-camera #results {
    margin-top: 50px;
}

.inline_loader {
    position: absolute;
    background: url(../images/goodwill/loader_nw.svg) no-repeat;
    width: 30px;
    height: 30px;
    background-size: 30px;
}

.last_remove {
    margin-top: 33px;
}

.last_remove a {
    margin-left: 0px !important;
}

.take_btn_back {
    display: flex;
    align-items: center;
}

.take_btn_back input {
    margin: 0 10px;
    font-size: 15px;
    height: 38px;
}

.take_btn_back a {
    margin: 0 10px;
    font-size: 15px;
}

.take_btn_back a#btn-skip img {
    height: 20px;
    filter: invert(1);
}

.take_btn_back a#btn-skip {
    padding: 5px 16px;
    width: unset;
    height: 38px;
    line-height: 26px;
}

select.languages {
    padding-right: 20px;
}

select#bankproof {
    padding: 0px 30px 0px 20px;
}

.img_icon.verify_bank_s {
    top: 0;
    bottom: unset !important;
}

span.btn-link.bankverified1 {
    color: red;
    font-size: 15px;
}

span.btn-link.bankverified1 small {
    color: red;
}

.form-group.tick_check .switch.tiny {
    margin: 2px 10px !important;
}

h6 i.fa {
    color: var(--t_color1);
}

/* :is(.inner-sec.chandrakala_index, .inner-sec.sajag_index, .inner-sec.aumcapital_index, .inner-sec.abi360_index, .inner-sec.vramath_index) .cell.small-12.large-4.medium-4.bg-img {
    background: unset;
    display: none;
}
:is(.inner-sec.chandrakala_index, .inner-sec.sajag_index, .inner-sec.aumcapital_index, .inner-sec.abi360_index, .inner-sec.vramath_index) .cell.small-12.large-8.medium-8.text_sec {
    margin-left: 18%;
} */
.inline_loader {
    position: absolute;
    bottom: 10px;
    display: none;
    right: 10px;
    background: url(../images/goodwill/load.gif) no-repeat;
    width: 30px;
    height: 30px;
    background-size: 30px;
}

h4.bank_verify button.btn-link {
    color: #000;
}

a.btn.download {
    display: none;
}

button.btn.save {
    margin: 20px auto 0px;
    display: block;
    background-color: var(--bg_color2);
    color: #fff;
    border-radius: 4px;
    padding: 7px 30px;
}

#crop_pop {
    overflow: hidden;
    height: auto;
    /* height: 500px;*/
}

.box-2 {
    overflow-x: hidden;
}

#crop_pop button.btn.save {
    margin: 0px auto 0px;
    cursor: pointer;
}

#crop_pop .save_box {
    background: #fff;
    padding: 20px;
    /* position: absolute; */
    position: relative;
    /* bottom: 0px;
    right: 0px;
    left: 0px; */
}

#crop_pop .close-button {
    background: #fff;
    height: 50px;
    width: 50px;
}

#crop_pop .close-button span {
    font-size: 46px;
}

.box-2 {
    overflow-y: auto;
}

/* 16 March 22 */
form#proofform input#removeNominee2, form#proofform input#removeNominee3 {
    width: fit-content;
    right: 0px;
}

div#logoutconfirm, div#removefirm {
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
    position: absolute;
}

input:checked~.switch-paddle {
    background: var(--t_color4);
}

form#pform a.bold {
    color: var(--t_color1);
}

/* 23-09-2023 */
.main-panel.main-panel1 .foot-sec {
    /* position: sticky;
    bottom: 0;
    right: 30px;
    padding: 10px 0px; */
    background: transparent
        /* margin: 30px 0px 0px 0px; */
}

a#change_adhaar {
    padding-top: 0px !important;
}

.a_details table {
    margin-bottom: 10px;
}

.main-panel.main-panel1 form#bankform div.bank_verify {
    min-height: 50vh;
}

.main-panel.main-panel1 form#bankform .form_inner.kycverification.bk_details {
    min-height: 50vh;
}

.progress-container, .progress {
    height: 9px;
    width: 38%;
    margin-right: auto;
}

.main-panel.aadhar_pg.main-panel1.pad_tp_30 .foot-sec {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 30px 0px -30px;
    padding: 14px 0px 30px;
    position: sticky !important;
    bottom: 0px;
    background: #fff;
}

.main-panel.main-panel1.pan .form_inner.kycverification .foot-sec {
    /* position: absolute;
    bottom: 30px;
    right: 20px; */
}

.main-panel.main-panel1 form#bankform div.bank_verify {
    min-height: 50vh;
}

.main-panel.main-panel1 form#bankform .form_inner.kycverification.bk_details {
    min-height: 50vh;
    padding-bottom: 50px;
}

.foot-sec {
    position: absolute;
    right: 0px !important;
    margin-bottom: 30px;
    left: 0px;
    margin: 0 auto;
    bottom: 40px;
    padding: 0px 45px;
}

a#change_adhaar {
    padding-top: 0px !important;
}

.help_no p {
    height: unset;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.help_no svg path {
    fill: var(--t_color1);
}

.videoView video#webcam {
    position: relative;
}

div.check_img::before {
    position: absolute;
    content: "";
    background: url(../images/img_capture.png) no-repeat;
    width: 150px;
    height: 200px;
    z-index: 999;
    top: 50%;
    left: 50%;
    background-size: contain;
    transform: translate(-50%, -50%);
}

div#liveView {
    position: relative;
}

p.rmmr {
    position: relative;
    right: 0px;
    bottom: 0px;
    margin-bottom: 0px;
    text-align: right;
    font-weight: 600;
    font-size: 13px;
    margin-top: 10px;
}

.rmmr a {
    color: var(--t_color1);
}

.sub-panel {
    position: relative;
}

#div-to-toggle .head.head2 {
    height: 75px;
}

.sub-panel {
    height: 300px;
}

button.add_nominee_section {
    border-radius: 4px;
    padding: 12px 20px !important;
    font-size: 14px !important;
    margin-bottom: 50px;
}

button.add_field_button {
    border-radius: 4px;
    padding: 12px 20px !important;
    font-size: 14px !important;
}

.steps_flow {
    margin-right: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.steps_flow a {
    width: 30px;
    height: 30px;
}

.steps_flow a:first-child svg {
    transform: rotate(180deg);
}

.steps_flow a svg path {
    fill: var(--t_color1);
}

.btn_area.congratsbtn {
    justify-content: center;
}

.btn_area.congratsbtn .b-btn {
    margin-right: 10px !important;
}

.sub-panel {
    position: relative;
}

#div-to-toggle .head.head2 {
    height: 75px;
}

.sub-panel {
    height: 300px;
}

#Capture_now {
    background: var(--t_color1);
    border-radius: 6px;
    padding: 12px 20px !important;
    font-size: 16px !important;
}

.mobileupi {
    display: none;
}

/* login page mb btn css  */
.b-btn.truecaller_verify {
    width: 100%;
    margin: 0px;
    padding: 12px 12px;
    justify-content: center;
    display: none;
    margin-bottom: 20px;
}

p.or_text {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    margin: 0px 0px 15px 0px;
    justify-content: center;
}

/* table even bg color css  */
tbody tr:nth-child(even) {
    background-color: transparent;
}

/* new popup css  */
div.reveal.lar_popup {
    width: 65%;
    height: max-content;
    border-radius: 8px;
}

span.pd-lft {
    font-size: 15px;
    margin-right: 10px;
    width: 60px;
    display: inline-block;
}

.congratssec img.brand-logo {
    height: 150px;
    width: 150px;
    object-fit: contain;
}

canvas#sig-canvas {
    border: 2px dashed #a8a8a8;
}

canvas.pad {
    border: 2px dashed #a8a8a8;
    border-radius: 10px;
}

section.footer {
    width: 100%;
    text-align: center;
    padding: 30px 0px;
    background: #f5f5f5;
}

section.footer p {
    margin-bottom: 0px;
    font-size: 12px;
    color: #000;
}

section.footer p.power {
    color: #1f2129;
    font-size: 16px;
    font-weight: 600;
}

.sample_img {
    text-align: center;
}

.sample_img img {
    max-height: 420px;
}

.evvan-div {
    height: auto;
    margin-bottom: 0px;
    background: #fff;
    border-radius: 0px 10px 10px 10px;
    /* width: 735px; */
    margin: 0px auto;
    border-radius: 6px;
    padding-bottom: 0px;
}

.evvan-div.width935 {
    width: 935px;
}

.verify .evvan-div {
    padding-bottom: 0px;
}

div#proof-next .signaturebtns .btn {
    background-color: var(--t_color1);
    border-radius: 30px;
    color: var(--bg_color3) !important;
}

div#proof-next p {
    text-align: center;
    padding-top: 40px;
    font-size: 20px !important;
}

.evvan-dive {
    background: #fff;
    border-radius: 0px 10px 10px 10px;
}

.evvan-div .main-panel-cont {
    box-shadow: unset !important;
}

ol.photo_status li {
    display: flex;
    align-items: flex-start;
    position: relative;
    font-size: 14px;
}

ol.photo_status li img {
    width: 20px;
    margin-left: 15px;
}

ol.photo_status li:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #000;
    top: 6px;
    left: -15px;
    border-radius: 50%;
}

div#kyc_generating_photo {
    min-height: 300px;
}

div#kyc_generating_photo .loading span {
    position: absolute;
    height: 10px;
    width: 84px;
    top: 115px;
    overflow: hidden;
    left: 50%;
    transform: translatex(-50%);
}

div#kyc_generating_photo .insidepopup {
    min-height: 300px;
    display: flex;
    align-items: center;
}

div#kyc_generating_photo {
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
    position: absolute;
}

.ios-act #liveView::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background-color: #ccc;
    height: 100%;
    width: 100%;
}

#ios_btn {
    position: absolute;
    top: 30%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
    width: max-content;
}

.retake_btn1 {
    display: none;
    padding: 10px 30px;
    border-radius: 80px;
    background-color: var(--t_color1);
    color: #fff;
    border: none;
    margin: 20px auto;
}

.bankqrflex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.qrimage {
    width: 238px;
    height: 243px;
}

.qrimage img {
    height: 100%;
    object-fit: cover;
}

.upiimage {
    margin-bottom: 20px;
}

.bankqrinfo {
    width: 233px;
    height: 193px;
    background: #F2F2F2 0% 0% no-repeat padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 43px;
    border-radius: 6px;
    position: relative;
}

.bankqrinfo:before {
    content: '';
    border-right: 15px solid #D1CECE;
    border-top: 15px solid transparent;
    border-bottom: 11px solid transparent;
    position: absolute;
    left: -13px;
    top: calc(50% - 15px);
}

.bankqrinfo p {
    font-size: 16px;
    color: #303030;
    font-weight: 600;
    line-height: 1.2;
}

.bankqrsec {
    width: 75%;
    margin: 0 auto;
    padding: 40px 0px;
}

.completed_pan_aadhar_sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
}

.completed_pan_aadhar_sec h6 {
    font-size: 14px;
    color: #000000;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.completed_pan_aadhar_sec a {
    color: var(--t_color4);
    background: #F6F6F6;
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: 600;
    margin-left: 8px;
    font-size: 14px;
}

.completed_pan_aadhar_sec h6 img {
    margin-right: 8px;
}
.completed_pan_aadhar_sec .r-flex{
    gap: 10px;
}
.entermannualy {
    margin-top: 10px;
}

.entermannualy a {
    color: var(--t_color1);
    font-size: 16px;
    text-decoration: underline;
    font-weight: 600;
}

.entermannualy a svg {
    margin-left: 5px
}

.verificationpro {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    margin-top: 40px;
}

.sectioncontainer {
    width: 100%;
    margin: 0 auto;
}

.nomi-img {
    text-align: center;
}

.nomino-cunt {
    text-align: center;
    padding: 20px 0px;
}

.nomino-cunt p {
    color: #888888;
    font-size: 16px;
}

.nomino-cunt h2 {
    font-size: 18px;
    line-height: 1.1;
    color: #292731;
}

.nomii-btn {
    /* display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px; */
    text-align: center;
}

.nomii-btn a.btn {
    padding: 10px 20px;
    background: #F5F5F7;
    color: #292731;
    font-size: 16px;
}

.nomii-btn a.btn.primary {
    background: var(--t_color1);
    /* box-shadow: 0px 20px 30px #FF3F5673; */
    color: #fff;
    width: 70%;
    margin: 0px auto;
    padding: 12px 20px;
    border-radius: 4px;
}

.nomii-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    width: 75%;
    margin: 0px auto;
}

div#nominee {
    border-radius: 6px;
    padding: 50px 20px; 
}

a#proof-no {
    background: rgb(229, 50, 43, 0.15);
    color: #000;
}

label.lab.flab.comm_label.rcc {
    margin-top: 0px !important;
}

p.terms {
    margin-bottom: 0px;
}

.nominee_guardian1_sec, .nominee_guardian2_sec, .nominee_guardian3_sec {
    padding: 10px 15px;
    display: none;
}

/* bank-verify-css */
.verify-cunt h2 {
    font-size: 16px;
    text-decoration: underline;
    margin: 20px 0px 20px;
}

.verify-bank-sec {
    text-align: center;
}

.verify-cunt ul li {
    text-align: left;
    font-size: 15px;
    color: #0a0a0a;
    font-weight: 600;
    list-style-type: auto;
    margin-bottom: 10px;
}

form#proofform {
    padding-bottom: 50px;
}

.verify-terms a {
    background: var(--t_color4);
    color: #fff;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
}

.verify-terms {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0px 0px;
}

.verify-img {
    margin-top: 30px;
}

.mt-50 {
    margin-bottom: 50px;
}

button#resetPIC span {
    height: 41px;
    position: absolute;
    top: -40px;
    right: 20px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    width: 100%;
    right: 20px;
    justify-content: end;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}

button#resetPIC img {}

button#resetPIC {
    margin: 0;
    background: var(--t_color1);
    height: 35px;
    border-radius: 4px;
    padding: 0px 10px 0px 20px;
    position: absolute;
    top: -55px;
    right: 9px;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.resetcamicn {
    background: var(--bg_color9);
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    padding: 4px;
}

/*============  Fetched from AADHAAR =================*/
.fetchaadharsec {
    padding: 20px 50px 50px;
}
.dateofbirthpage .main-panel.main-panel1.dateofbirth{
    display: flex;
    align-items: center;
    justify-content: center;
}
.fetchaadharsec .title {
    text-align: center;
    margin-bottom: 50px;
}

.cusdlx {
    display: flex;
    gap: 10px;
}

.bankview h5, .document_upload h5 {
    font-size: 18px;
    line-height: 1;
}

.main-panel-cont .title h5 {
    font-size: 22px;
}
#proofform .title{
    text-align: center;
}

.customradio {
    position: relative;
    width: 50%;
    height: 40px;
}

.select_field.financialfetchaggregator {
    margin-bottom: 10px;
}

.customradio input {
    opacity: 0;
    margin: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.customradio label {
    width: 100%;
    height: 40px;
    background: rgb(243, 243, 243, 0.7);
    border: 1px solid rgb(243, 243, 243, 0.7) !important;
    border-radius: 4px;
    color: #555555;
    font-family: var(--paragraph-font-family);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
}

.customradio input:checked+label {
    background: var(--t_color1);
    color: #fff;
    border: 1px solid var(--t_color1) !important;
}

.fetchdiv.dsflx.ocuptnsec .fetchinput {
    width: 100%;
}

.fetchdiv.dsflx {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.occupationsecdv .customradio {
    width: fit-content;
}

.cusdlx.occupationsecdv {
    flex-wrap: wrap;
}

.occupationsecdv .customradio label {
    padding: 0px 20px;
}

.fetchinput {
    width: 47.29%;
    margin-bottom: 30px;
    flex-shrink: 0;
}

.fetchinput .form-error {
    position: relative;
}

.fetchinput .input_field {
    margin-bottom: 0px;
}

.fetchinput .comm_label {
    margin-bottom: 8px;
    line-height: 1;
}

.educationflx .customradio {
    width: 140px;
}

.educationflx .fetchinput, .educationflx .fetchinput label {
    width: 100%;
}

.othersoccupation .fetchinput {
    width: 100%;
}

.annualincomest .customradio {
    width: 22.5%;
}

.annualincomest .customradio label {
    width: 100%;
}

.annualincomest .cusdlx {
    justify-content: space-between;
    flex-wrap: wrap;
}

.experiencedstock .customradio, .experiencedstock .customradio label {
    width: 115px;
}

.sourceincome .fetchinput.incomoptions {
    width: 60%;
}

.sourceincome .fetchinput.incomes {
    width: 38%;
    /* display: none; */
}

.sourceincome .customradio, .sourceincome .customradio label {
    width: 141px;
}

.fetchdiv.dsflx.sourceincome {
    gap: 10px;
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    line-height: 48px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    border: none !important;
    outline: none !important;
    height: 50px;
    background: rgb(243, 243, 243, 0.8) !important;
    border-radius: 4px !important;
}

.nice-select:hover {
    border-color: #dbdbdb;
}

.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999;
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 9px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 48%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 9px;
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none;
}

.nice-select.disabled:after {
    border-color: #cccccc;
}

.nice-select.wide {
    width: 100%;
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.nice-select.right {
    float: right;
}

.nice-select.right .list {
    left: auto;
    right: 0;
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
}

.nice-select.small:after {
    height: 4px;
    width: 4px;
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px;
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    overflow-y: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
    width: 100%;
    margin-left: 0px;
    max-height: 300px;
}

.nice-select .list::-webkit-scrollbar {
    width: 6px;
}

.nice-select .list::-webkit-scrollbar-track {
    background: #ebebeb;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.nice-select .list::-webkit-scrollbar-thumb {
    background: #888;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.nice-select .list::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #f6f6f6;
}

.nice-select .option.selected {
    font-weight: bold;
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default;
}

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

div#fatcatab {
    margin-top: 20px;
    padding-bottom: 60px;
}

.fatcatab h6 {
    color: #555555;
    font-size: 15px;
    font-weight: bold;
}

.fatca_details {
    margin-top: 20px;
}

.nationalityothr .nationality_div {
    width: 100%;
}

.nationalityothr {
    width: 47.29%;
}

.fetchdiv .cou_tax {
    margin-top: 0px;
}

.sec.cou_tax label {
    color: #555555;
    font-weight: 600;
}

.agree_check_boxes {
    background: #F5F5F5;
    border-radius: 4px;
    padding: 20px;
}

.agree_check_boxes .flxnone label {
    display: block;
}

.agree_check_boxes label {
    display: flex;
    align-items: self-start;
    color: #555555;
    font-size: 14px;
    cursor: pointer;
}
.agree_check_boxes label.is-invalid-label{
        color: #cc4b37; 
}
.agree_check_boxes label input{
    border: 3px solid #a09b9b;
        opacity: 1;
}
.agree_check_boxes label input {
    flex-shrink: 0;
}
.form-group.flexwrap{
    flex-wrap: wrap;
}
input[type=checkbox].switch-input, input[type=checkbox].switch-input:hover {
    opacity: 0;
}

input[type=checkbox].switch-input:checked {
    opacity: 0;
}

input[type=checkbox] {
    position: relative;
    border: 2px solid #a09b9b;
    border-radius: 2px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    opacity: .5;
    border-radius: 0px !important;
}
span#error-segment {
    margin-top: 25px;
}
.rebtnsec{
    display: flex;
    align-items: center;
        justify-content: center;
    gap: 15px;
}
input[type=checkbox]:hover {
    opacity: 1;
}

input[type=checkbox]:checked {
    background-color: var(--t_color1);
    border: 2px solid var(--t_color1);
    opacity: 1;
}

input[type=checkbox]:checked:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 4px;
    height: 10px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}

.agree_check_boxes label.dark-text.is-invalid-label {
    margin-bottom: 0px;
}

.select2-container--default .select2-selection--single {
    background-color: transparent !important;
}

.select2-container .select2-selection--single {
    height: 45px;
    background: rgb(243, 243, 243, 0.0) !important;
    border: 1px solid rgb(0, 0, 0, 0.1) !important;
    line-height: 45px;
    border-radius: 4px !important;
    box-shadow: none;
    outline: none;
    margin-top: 0px;
    padding: 0px 20px;
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-size: 14px;
    color: #000;
    font-weight: normal;
}

.select2-container.select2-container--disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.select2-container.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    cursor: not-allowed;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px !important;
    top: 0px !important;
    right: 16px !important;
    width: 20px !important;
}

.select2-dropdown {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px !important;
    border: none !important;
    padding: 10px 8px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #EBEEF0 !important;
    border-radius: 6px;
    padding: 0px 10px;
    height: 35px;
    box-shadow: none !important;
    outline: none !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--t_color1) !important;
}

.select2-results__option {
    padding: 6px 15px !important;
    border-radius: 3px !important;
    font-size: 14px;
    color: #555555;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 6px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background: #ebebeb;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background: #888;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.fetchdiv .select_field {
    margin-bottom: 0px;
}

.select2-container {
    width: 100% !important;
}

.bankaggregattorsec {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

.aggrebx {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(243, 243, 243, 0.8) !important;
    border-radius: 4px;
    padding: 8px 20px;
}

.aggrebx p {
    margin-bottom: 0px;
    color: var(--t_color1);
    font-weight: 500;
}

.naviawrapper .inner-sec {
    margin: 30px 0px;
}

.naviaindexpage .naviawrapper .inner-sec {
    margin: 0px 0px;
}

#segments input[type=checkbox] {
    margin: 0 0em 0 0;
}

.inputgrp {
    display: flex;
    gap: 40px;
    justify-content: space-between;
}

.b-btn#saveform {
    padding: 12px 30px;
}

.inputgrp .input_field {
    width: 47%;
    margin-bottom: 20px;
    flex-shrink: 0;
}

.checkbxbtn label {
    display: flex;
    align-items: self-start;
    color: #555555;
    font-size: 14px;
}

.input_field.checkbxbtn {
    margin-bottom: 0px;
}

.input_field.checkbxbtn label {
    margin: 0px;
    cursor: pointer;
}

.alnitmcntr {
    align-items: center;
}

.input_field.checkbxbtn label input {
    margin-right: 15px;
    position: relative;
    top: -2px;
    border: 2px solid #5a5b5c !important;
}
.input_field.checkbxbtn label input:checked{
       border: 2px solid var(--t_color1) !important;
}
div#nominee_1, div#nominee_2, div#nominee_3 {
    background: rgba(236, 236, 236, 0.5) 0% 0% no-repeat padding-box;
    padding: 30px 30px 20px 30px;
    border-radius: 10px;
    margin-bottom: 10px;
}

#nominee_show .input_field input {
    background: #fff !important;
}
#nominee_show .input_field input.is-invalid-input  [data-form-error-on="max"]{
   color: red !important; 
   display: block;
}
/* #nominee_show .input_field input.is-invalid-input+.form-error {
    display: block;
} */
.filderr {
    display: none;
    position: absolute;
    margin: 0px;
    margin-top: 3px;
    margin-bottom: 5px;
    font-weight: normal;
    color: red !important;
    font-size: 0.75rem;
}

#nominee_show .input_field input[type=checkbox]:checked {
    background: var(--t_color1) !important;
}

.select2-container .select2-selection--single {
    background: #fff !important;
}

.inputgrp .select2-container .select2-selection--single {
    background: #fff !important;
}

.asperclientadrs, .asperclientadrs1, .asperclientadrs2 {
    /* display: none; */
}

span.nomineenametxt {
    color: rgba(229, 68, 62, 1);
    font-size: 12px;
    margin-left: 10px;
    font-weight: 600;
}

button.panverifybtn {
    background: #28A745;
    color: #fff;
    pointer-events: visible;
    width: 55px;
    height: 25px;
    border-radius: 3px;
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 47px;
}

button.panverifybtn.panverified {
    right: 40px;
}

button.panverifybtn:disabled {
    width: 55px;
    height: 25px;
    background: #EFEFEF;
    border-radius: 3px;
    font-size: 12px;
    color: #C1C1C1;
    position: absolute;
    right: 15px;
    top: 47px;
    pointer-events: none;
}

button.nominee_edit {
    color: #fff;
    pointer-events: visible;
    height: 25px;
    font-size: 18px;
    position: absolute;
    right: 12px;
    top: 49px;
}

#nominee_show .addrmvbtns {
    justify-content: flex-end;
    margin-top: 20px;
}
.nomineeguaradian{
        background: #ECECEC;
    border-radius: 10px;
    padding: 20px;
}
.ginfotxt{
    font-size: 12px;
    color:#E63E38;
    font-weight: 400;
}
.nomineeguaradian h6{
    margin-bottom: 20px;
}

.guardianasperclientadrs, .guardianasperclientadrs1, .guardianasperclientadrs2 {
    /* display: none; */
}

#nomineeguaradian1, #nomineeguaradian2, #nomineeguaradian3 {
    /* display: none; */
}

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

.layer .group .eml.cmnsechalf {
    width: 48%;
}

.otbverfybtnsec {
    width: 48%;
}

.enabletlesec {
    display: flex;
    align-items: center;
}

.enabletlesec h4 {
    color: #202020;
    font-size: 20px;
    margin-bottom: 0px;
}

.enabletlesec img {
    margin-right: 10px;
}

.bxenable {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.enbxcnt {
    width: 48%;
    flex-shrink: 0;
}

.enbxcnt h4 {
    color: #202020;
    font-size: 16px;
    margin-bottom: 0px;
}

.enbxcnt img {
    width: 100%;
    object-fit: cover;
    margin-top: 20px;
}

.mobilesecdv {
    display: none;
}

.document_upload.signupld label {
    margin-bottom: 0px;
    line-height: 1;
}

.document_upload.signupld .signtle {
    line-height: 1;
    margin-bottom: 0px;
}

.calliconsec {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    flex-direction: column;
}

.calliconsec p {
    color: #555555;
    font-size: 12px;
    margin: 0px;
}

.callinfo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.calliconsec span {
    color: #2D2D2D;
    font-size: 17px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    letter-spacing: 1px;
}

.calliconsec span a {
    line-height: 1;
}

.calliconsec img {
    width: 25px;
    flex-shrink: 0;
    height: 25px;
}

#otpform .comm_label {
    text-align: left;
}

#otpform .comm_label input {
    margin-top: 5px;
}

.input_field.restrict {
    margin-bottom: 0px;
}

.ok_btn {
    background: var(--t_color1);
    color: #fff;
    border-radius: 4px;
    padding: 12px 40px !important;
    font-size: 14px !important;
}

.ok_btn:hover, .ok_btn:focus, .ok_btn:active {
    background: var(--t_color1);
    color: #fff;
}

.aggr_cunt p {
    text-align: center;
    margin-bottom: 30px;
}

.aggr_cunt {
    text-align: center;
    padding: 20px 20px;
}

.aggr_img {
    width: 100px;
    height: 100px;
    background: #efeeee;
    border-radius: 100%;
    padding: 10px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.aggr_img img {
    width: 50px;
}

#err-msg .camnot {
    width: 150px;
    margin-top: 80px;
}

div#err-msg {
    text-align: center;
    margin: 0 auto;
}

.bankview {
    width: 50%;
}

.bankview label {
    margin-top: 10px;
}

a#btn-upload1 {
    padding: 12px 20px;
    border-radius: 4px;
    background-color: var(--t_color1);
    margin-top: 5px;
}

.loadertext {
    display: none;
}

#camera_data {
    animation-name: blinker;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    font-weight: normal !important;
    color: red !important;
}

@keyframes blinker {
    from {
        opacity: 0.9;
    }

    to {
        opacity: 1.0;
    }
}

ol.photo_status li#camera_data:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: red;
    top: 6px;
    left: -15px;
    border-radius: 50%;
}

.inner_check_bx label {
    margin: 0 !important;
}

.pan_card.bjflex .left-secbj {
    text-align: center;
}

.pan_card.bjflex {
    align-items: center;
    min-height: 300px;
    margin: 15px 0;
}

.pan_card.bjflex .panfield {
    width: 100%;
}

.pan_card.bjflex .input_field.panfield {
    margin-top: 7px;
}

.pan_card.bjflex .comm_label {
    margin-bottom: 5px;
}

.pan_card.bjflex .paninputs-cont input {
    background-color: #ffff !important;
}

.pan-addressbj :where(p, textarea) {
    color: #555555;
    font-weight: 600;
    font-size: 14px;
}

.pan_card.bjflex .address-contb {
    background: #fff;
    padding: 10px;
    border-radius: 4px;
}

.pan-addressbj textarea {
    background: #fff !important;
    padding: 0;
    border: none !important;
    border-radius: 4px;
}

.pan_card.bjflex .left-secbj {
    margin: 15px 0;
}

.pan_card.bjflex .paninputs-cont input:not(#pan_dob) {
    background: url(../images/bnksheild.svg) no-repeat 97% #fff !important;
    filter: grayscale(1);
}

.pan_card.bjflex .paninputs-cont input.verified {
    filter: grayscale(0);
}

.updated-form-bj .foot-sec {
    position: inherit;
    padding: 0;
}

.updated-form-bj {
    background: #ECECEC;
    padding: 15px 30px;
    border-radius: 4px;
}

.updated-form-bj .b-btn.grey {
    background-color: #d5d5d5 !important;
    color: #555555 !important;
    font-weight: 600;
}

.updated-form-bj .b-btn.grey img {
    filter: brightness(0.3);
}

.pancantainerall-bj {
    padding: 20px 20px;
}

.pan_card.bjflex .input_field input {
    padding: 10px 30px 10px 10px;
}

#change_pan, #reverify_pan, #oldaadharflow {
    color: var(--t_color1) !important;
}

.oldaadharflow {
    text-align: center;
    text-decoration: underline;
    color: red;
}

.pan_dob-con .ui-datepicker-trigger {
    width: 23px;
    cursor: pointer;
    top: 44px;
}

.form-group.stycheck .dark-text {
    display: flex;
    justify-content: center;
    margin-bottom: 0px;
}

.form-group.stycheck {
    display: block;
}

.form-group.stycheck .form-error {
    position: relative;
    top: 2px;
}

label.dark-text.is-invalid-label {
    margin-bottom: 0px;
}

section.footer p {
    margin-bottom: 0px;
    font-size: 12px;
    color: #000;
}

section.footer p.power {
    color: #1f2129;
    font-size: 16px;
    font-weight: 600;
}

section.footer {
    background: #fff;
}

.loader-2 {
    display: inline-block;
    width: 25px;
    height: 25px;
}

:root {
    --pink: #bb86e9;
    --peach: #223872;
}

.bjflexc {
    display: flex;
}

.loader-2:after {
    content: " ";
    display: block;
    width: 25px;
    height: 25px;
    margin: 8px;
    border-radius: 50%;
    border: 3px solid #000;
    border-color: var(--bg_color2) transparent var(--bg_color2) transparent;
    animation: loader-2-dual-spin 2s linear infinite;
}

@keyframes loader-2-dual-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loginfrmsec {
    width: 80%;
    margin: 0 auto;
}

.loginput-group {
    width: 100%;
    position: relative;
}

.verifyotpsec {
    padding: 20px 100px 45px 100px;
    text-align: center;
}

.verifyotpimg {
    margin-bottom: 40px;
    text-align: center;
}

.digiosubmit_sty .b-btn:disabled {
    background-color: var(--t_color1);
    opacity: 0.5;
}

.b-btn.left img {
    transform: rotate(180deg);
}

a.b-btn.left {
    width: 165px;
    padding: 10px 19px;
    text-align: center;
}

a.b-btn:hover {
    color: #fff;
}

.main-panel.wide {
    width: 950px;
}

.mobi_vw {
    display: none;
}

.dsk_vw {
    display: block;
}

.out_frame {
    width: 100%;
    overflow: scroll;
    height: 80vh;
}

.esign_ex h2 {
    font-size: 22px;
}

.esign_ex {
    text-align: center;
    padding: 30px;
}

.esign_ex h2 {
    margin-bottom: 50px;
}

.esign_ex p {
    font-weight: 600;
    max-width: 350px;
    margin: 0px auto 50px;
    font-size: 16px;
}

.view-pdf-sec {
    background: rgb(236 236 236 / 40%);
    max-width: 500px;
    margin: 0px auto 30px;
    padding: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 9px;
}

.view-pdf-sec a {
    display: inline-block;
    text-decoration: underline;
    color: #2B94E5;
    margin-top: 10px;
}

/* .esign_page_iframe
{
	display: none;
} */
.esign_page_iframe {
    max-width: 900px;
    top: 65px;
    left: 0;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffff;
    padding-bottom: 30px;
    flex-direction: column;
}

a.cancel_btn {
    background: #E5322B;
    margin-top: 15px !important;
    display: inline-block;
    color: #fff;
    padding: 5px 15px;
    border-radius: 9px;
}

.evvan-div.esign_ex {
    position: relative;
    width: 900px;
}

.evvan-div.esign_ex .digiosubmit_sty {
    left: 0;
    position: relative;
    z-index: 9;
}

.dateofbirthsec .title {
    text-align: center;
}

.result {
    max-height: 350px;
}

#account-aggregator {
    overflow: auto;
    border-radius: 6px;
    top: 50% !important;
    transform: translate(0, -50%);
}

#pdf-viewer {
    width: 100%;
    height: 500px;
    overflow: auto;
    border: 1px solid #ddd;
}

canvas {
    width: 100%;
}

.spinning {
    background-color: var(--t_color1);
}

.spinning:before {
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 50%;
    right: 55px;
    top: 50%;
    position: absolute;
    border: 2px solid #28A745;
    border-right: 3px solid #ffffff;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease;
}

.spinning:after {
    content: '';
    position: absolute;
    right: 55px;
    top: 50%;
    width: 0;
    height: 0;
    box-shadow: 0px 0px 0 1px #28A745;
    position: absolute;
    border-radius: 50%;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease;
}

.mro-10 {
    display: flex;
    /* gap: 10px; */
    flex-wrap: wrap;
    margin: 5px 0px 0px;
    position: relative;
}

.editbtnbnk {
    position: absolute;
    right: -20px;
    top: 2px;
    color: var(--t_color1);
    font-weight: 600;
    text-decoration: underline;
}

.mro-10 p {
    margin-bottom: 7px;
}

/* ul#select2-finproof-results li:nth-child(-n+3) {
                    color:#e5322b;
                    font-weight: 500;
                } */
ul#select2-finproof-results li:nth-child(-n+3):hover {
    color: #fff;
}

ul li.select2-results__option.select2-results__option--highlighted {
    color: #fff !important;
}

@keyframes rotate360 {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes exist {
    100% {
        width: 15px;
        height: 15px;
        margin: -8px 5px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .index_sel_flex{
        width: 100%;
    }
    .drawsignature .yes {
        margin-top: 30px;
        width: auto;
    }     

    /* .drawsignature {
        width: auto;
        border: none;
        justify-content: left;
    } */

    label.btn_upload {
        width: auto !important;
        text-align: center;
        justify-content: center;
        cursor: pointer;
        padding: 7px 15px;
        display: flex;
        align-items: center;
        margin-bottom: 0px;
    }

    .select_field {
        margin-bottom: 20px;
    }

    .sp-btwn .yes.mbyes {
        margin-top: 0px;
        margin-bottom: 30px;
    }
}

.nominee_accordion .accordion-item {
    border: 1px solid #ECECEC;
    position: relative;
    border-right: 0px;
    border-left: 0px;
    margin-bottom: 5px;
}

.nominee_accordion .accordion-title {
    border: 1px solid #fff !important;
    padding: 15px 20px;
    color: #000000 !important;
    font-size: 1rem;
    font-weight: bold;
    background: #F9F9F9 !important;
}

.nominee_accordion .accordion-title::before {
    filter: brightness(0);
    right: 20px !important;
}



.nominee_accordion .accordion-content {
    margin: 0px 0px 0px;
}

.nominee_accordion li.is-active .accordion-title {
    background: #ffff !important;
}

.nominee_accordion .accordion-item.is-active {
    border-color: #fff;
}

div.nominee_sec {
    background: rgba(236, 236, 236, 0.5) 0% 0% no-repeat padding-box;
    padding: 30px 30px 20px 30px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.addnominee_btn {
    width: auto;
    background: var(--t_color1);
    color: #fff;
    border-radius: 4px;
    padding: 12px 20px !important;
    font-size: 14px !important;
    margin-top: 0px;
    margin-right: 10px;
}

.remove-nominee {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 60px;
    top: 10px;
    font-size: 15px;
    color: #E63E38;
    display: flex;
    align-items: center;
    gap: 5px;
}

.remove-nominee span {
    color: #E63E38;
}

.addnombtitle {
    font-size: 18px;
}

#removenomineepopup h1 {
    font-size: 16px;
    font-family: var(--paragraph-font-family);
}

div#removenomineepopup {
    text-align: center;
    padding: 40px;
    top:30% !important; 
}  

.popbtnsec {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

button.okbtn {
    background: var(--t_color1);
    color: #fff;
    border-radius: 4px;
    padding: 12px 20px !important;
    font-size: 14px !important;
    margin-top: 0px;
    margin-right: 10px;
    width: 100px;
}

button.cancelbtn {
    background: #E9E9E9;
    color: #000000;
    border-radius: 4px;
    padding: 12px 20px !important;
    font-size: 14px !important;
    margin-top: 0px;
    width: 100px;
}

html.is-reveal-open {
    position: relative !important;
    width: 100%;
    overflow-y: hidden;
}

.inline_loader {
    right: 105px;
    bottom: 5px;
    position: absolute;
    background: url(assets/images/goodwill/load.gif) no-repeat;
    width: 30px;
    height: 30px;
    background-size: 30px;
    display: none;
}

.inline_loaderbtn {
    right: 83px;
    bottom: -3px;
    position: absolute;
    background: url(assets/images/goodwill/load.gif) no-repeat;
    width: 30px;
    height: 30px;
    background-size: 30px;
    display: none;
}

.layer.layer-modelnew img.mobileverimg {
    top: 34px !important;
    right: -17px !important;
}

img.mobileverimg {
    position: absolute;
    right: 0;
    top: 7px;
}

img.mobileverimg {
    width: 19px;
}

.mobile_verify {
    position: absolute;
    right: 0px;
    top: 12px;
}

/* .main-panel.main-panel1.dateofbirth .foot-sec {
        position: sticky;
    } */
p.or_text {
    /* display: none; */
    padding-left: unset;
    width: 48%;
    text-align: center;
    margin: 15px 0px;
    font-size: 16px;
    line-height: 1;
}

div#btnsverify1 {
    position: absolute;
    right: 0;
    top: -25px;
}

.email_verify {
    position: absolute;
    right: 0px;
    top: 30px;
}

.g_id_signin {
    width: 48%;
}

/* R */
form#dateofbirthform label {
    position: relative;
    margin-bottom: 5px !important;
}

form#dateofbirthform button.red-bt {
    background: transparent;
    color: var(--t_color1);
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font_2);
}

div#emailVerifiedSuccess {
    background: #CAF9D5;
    display: flex;
    align-items: center;
    padding: 7px;
    gap: 6px;
    border-radius: 4px !important;
    margin: 10px 0px 0px 0px;
}

div#emailVerifiedSuccess p {
    margin: 0;
    color: #017E01;
    font-size: 12px;
    line-height: 1.2;
}

form#dateofbirthform input {
    padding-left: 20px;
}

form#dateofbirthform button.b-btn {
    width: 100%;
}

button#verifyMobileBtn[disabled], button#verifyEmailBtn[disabled] {
    background-color: #ccc;
    cursor: not-allowed;
    opacity: 0.6;
}

.verifi-bt {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #28A745;
    line-height: 1;
    font-weight: 500;
    margin: 0px;
}

.verifi-bt img {
    width: 12px;
}

form#dateofbirthform {
    width: 400px;
    margin: 0px auto;
}

.social-sec {
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-sec .g_id_signin {
    margin: 0px !important;
    width: 100%;
}

form#dateofbirthform h4.center-text {
    text-align: center;
    margin-bottom: 40px;
    color: #2D2D2D;
    font-size: 22px;
}

.social-bt button {
    border: 1px solid #E5E5E5;
    padding: 14px 12px;
    height: 38px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    text-align: center;
    justify-content: center;
}
.social-bt {
    width: 50%;
}

.layer.layer-modelnew.newemail {
    display: none;
}

div.verifypopct h3 {
    text-align: center;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

div.verifypopct button.red-bt {
    background-color: var(--t_color1);
    color: #fff;
    width: 100%;
    height: 45px;
    margin: 0px;
    border-radius: 4px !important;
}

.verifypopct .form-error {
    position: relative;
}
.verifypopct .form-error.is-visible + .form-error_veirfyemail{
    display: none;
}  
div.verifypopct {
    padding: 40px;
}

div.verifypopct label {
    position: relative;
}

div.verifypopct span#otpTimer, div.verifypopct span#emailOtpTimer {
    position: absolute;
    right: 15px;
    top: 12px;
    color: var(--t_color1);
    font-size: 13px;
}

#resendotpid, #resendotpemail {
    position: absolute;
    right: 15px;
    top: 12px;
    color: var(--t_color1);
    font-size: 13px;
    display: none;
}

.input-group {
    position: relative;
}

span.nomineeerrorshow {
    position: absolute;
    left: 40%;
}

.ortxt {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 15px 0px;
}

.reveal.tiny.verifypopct {
    max-width: 400px;
}

.verifyinfo {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2D2D2D;
    font-size: 16px;
    font-weight: 500;
    gap: 10px;
    margin-bottom: 20px;
}

.verifyinfo a {
    line-height: 1;
}

span.nomineeerrorshow {
    position: absolute;
    left: 14%;
    background: #FFEAE9;
    color: #E63E38;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 20px;
    top: 6px;
    border-radius: 4px;
    display: none;
    gap: 7px;
}

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

.popbtnsec a.cancel_btn {
    margin-top: 0px !important;
}

#loadingbtn {
    display: none;
    width: 20px;
    height: 20px;
    border: 2px solid var(--t_color1);
    border-radius: 50%;
    border-top-color: #c5c5c5;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
    position: absolute;
    right: 95px;
    top: 11px;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

.evvan-div.bgtransparent {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: transparent;
}

.evvan-div.bgtransparent .main-panel {
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.vrfyemaildv {
    text-align: center;
}

.vrfemailbtnsec {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.verifyemailcnt, .vrfyemaildv {
    width: 50%;
    margin: 0 auto;
}

.verifyemailsec {
    text-align: center;
}

.grey-btn {
    background-color: #e5e5e5;
    width: 100%;
    color: #000;
    height: 45px;
    border-radius: 4px;
    margin-bottom: 0rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

#confirmmsg {
    font-size: 16px;
}

#emailvfyid {
    margin: 0px;
    color: #0460FF;
    font-size: 16px;
}

.mailcnt {
    margin: 15px auto 35px auto;
}

.confmmssg {
    color: #00C591;
    font-size: 16px;
    margin: 0px;
}

#vrfdtxt {
    font-size: 16px;
    margin: 0px;
}
.pagetitlesec {
    padding: 40px 50px 40px 50px;
}
.pagetitlesec h1 {
    text-align: center;
    margin-bottom: 0px;
    color: #2D2D2D;
    font-size: 22px;
}

.agree_check_boxes .form-group input[type=radio]:checked {
    background-color: var(--t_color1);
    border: 2px solid var(--t_color1);
    opacity: 1;
}

.agree_check_boxes .form-group input[type=radio] {
    position: relative;
    /* border: 2px solid var(--t_color1); */
        border: 2px solid #a09b9b;
    border-radius: 2px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    opacity: .5;
    border-radius: 0px !important;
    flex-shrink: 0;
}

.agree_check_boxes .form-group input[type=radio]:checked:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 4px;
    height: 10px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}

div.reveal.lar_popup {
 top: auto !important;
    transform: none;
}
div#popmodelconfirm2{
  top: 50% !important;
  transform: translate(0, -50%);  
}
.bankdetailspage .main-panel{
    padding-top: 0px;
}
div#pan_verify_pop, div#aadhar_verify_pop {
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/*------------------ ipv popup css ----------------*/
.esigncam {
    text-align: center;
}
.esigncam button.smbtn{
    padding: 15px 20px;
    border-radius: 4px;
    background-color: var(--t_color1);
    margin-top: 5px;
    width: 200px;
    font-size: 16px;
    letter-spacing: 1.1px;
    margin-bottom: 0px;
}
.esigncam button.cambrtn{
    background-color: var(--t_color1);
}
.esigncam button.camcancelbrtn{
    background-color: var(--bg_color5);
}
div#camerapermission {
    padding: 25px;   
}
.esigncambtns{
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.esigncam .form-group {
    display: flex;      
    justify-content: center; 
    align-items: center;
    margin-bottom: 20px;
}
.esigncam .form-group label{
    font-size: 15px;
    color: #000;
    line-height: 1; 
}
.esigncam .form-group label.is-invalid-label{
        color: #cc4b37;
}
.esigncam img{
    width: 300px;
}
#camerapermission .close-button span{
    font-size: 46px;
    color: #9b9797;
}
.esigncam input[type=checkbox]{
    border: 3px solid #a09b9b;
}
.esigncam input[type=checkbox]:checked{
    border: 3px solid var(--t_color1);
}
.esigncnt{
    text-align: left;
}
.esigncnt p{
    color: #555555;
}
.esigncnt h4{
    font-size: 20px;
}
.esigncnt p b{
    color: #000;
}
.esigncnt ul li{
     color: #000;
     font-weight: bold;
}
div#camerapermission {
    top: 100px !important;
}
.otp-container {
      display: flex;
      justify-content: center;
      gap: 10px;
      margin-top: 50px;
    }

    .otp-input {
      width: 40px;
      height: 50px;
      font-size: 24px;
      text-align: center;
      border: 1px solid #ccc;
      border-radius: 4px;
      outline: none;
      transition: border 0.3s;
    }

    .otp-input:focus {
      border-color: #666;
    }
/*------------------ Toase message popup ----------------*/
.toast {  
  position: fixed;    
  top: 25px;    
  right: 30px;   
  border-radius: 12px;     
  background: #fff; 
  padding: 20px 35px 20px 25px; 
  box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1); 
  overflow: hidden; 
  transform: translateX(calc(100% + 30px)); 
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35); 
  z-index: 99;
}

.toast.active {
  transform: translateX(0%);
}

.toast .toast-content {
  display: flex;
  align-items: center;
}

.toast-content .check {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  min-width: 35px;
  background-color: #4070f4;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
}

.toast-content .message {
  display: flex;
  flex-direction: column;
  margin: 0 20px;
}

.message .text {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}

.message .text.text-1 {
  font-weight: 600;
  color: #333;
}

.toast .close {
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 5px;
  cursor: pointer;
  opacity: 0.7;
}

.toast .close:hover {
  opacity: 1;
}

.toast .progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;

}

.toast .progress:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #4070f4;
}

.progress.active:before {
  animation: progress 5s linear forwards;
}

@keyframes progress {
  100% {
    right: 100%;
  }
}

.toast.active ~ button {
  pointer-events: none;
}
.nbtmcntsec {
    display: flex;
    align-items: flex-start;
}
.nbtmcntsec input{ 
    flex-shrink: 0;
}
.nbtmcntsec label{
    font-size: 12px;
    line-height: 1.4;
}
.nbtmcntsec label a{
       color: var(--t_color1);
       font-weight: 600;
       font-size: 14px;
}

/*============================================
               Media Query
  ============================================*/
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
    html .accordion-title {
        padding: 12px 2px 12px !important;
    }

    html .right-cont {
        padding: 11px 40px !important;
    }

    .navuserimg {
        height: 150px;
    }

    .ntlesec, .zerobroksec h5, .zeroitemsitem h4 {
        font-size: 20px;
    }

    .powerednavia h6 {
        font-size: 12px;
    }

    .powerednavia p {
        font-size: 8px;
    }

    .itmgold p, .itmamc p, .itmrtng p {
        font-size: 11px
    }

    .nloginseccnt .input-group #phone {
        height: 45px;
    }

    .nloginseccnt button#submitform {
        height: 37px;
    }
}

@media only screen and (min-width: 1030px) and (max-width: 1466px) {
    .powerednavia {
        margin-top: 50px;
        padding-bottom: 30px;
    }

    .nloginseccnt {
        padding: 40px 0px 0px 0px;
    }

    .zerobroksec {
        margin-top: 40px;
    }

    .naviawrapper .inner-sec {
        margin: 30px 0px;
    }

    .trmcntsec {
        margin-top: 20px;
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .main-panel.p-center {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .main-panel, .main-panel1 {
        width: 100% !important;
    }
}

@media screen and (max-width: 1023px) {
    body.foot-rel .foot-sec{
        margin-top: 0px;
    }
    /*---- 23-07 ---*/
    body.v_align.proofuploadpage{
      overflow: hidden;  
    }
    /*-----05-07---*/
    .userdetailstble+.exist_btn{
        padding: 10px 10px 0px 10px; 
    }
    /*---- 03-07-----*/
    .esigncnt h4 {
        font-size: 16px;
    }
    .esigncnt p{
        font-size: 13px;   
        margin-bottom: 7px; 
        line-height: 1.4;
    }
    .esigncnt ul li{
        font-size: 13px; 
    }
    .esigncam input[type=checkbox] {
        flex-shrink: 0;
    }
    .esigncam .form-group label {
        font-size: 13px;
        text-align: left;
        line-height: 1;
    }
    .esigncambtns{
        gap: 10px;
    }
    div#camerapermission {
        top: 50% !important;
        transform: translate(0, -50%);
        padding: 15px;
    }
    .esigncam button.smbtn{
        font-size: 13px; 
        width: 150px; 
        padding: 15px 10px;
    }
    .esigncam button.cambrtn{
          width: 150px;  
    }
    /*---- end 03-07-----*/

    
    .logout_btn.logged_admin a{
        font-size: 7px; 
    }
    form#dateofbirthform button.red-bt{
            font-size: 14px;
    }
    form#dateofbirthform input#email:read-only {
        pointer-events: none;
    } 
     form#dateofbirthform input#phone:read-only {   
        pointer-events: none;
    }       
    span#error-segment {
        margin-top: 2px;
    }
    .form-error.up_error {
        bottom: -23px;
        width: max-content;
        left: 0px;
    }
    .cell.small-12.large-6.medium-6.up_prf {
        margin-top: 10px;
    }
    .evvan-div.width935.bgtransparent {
        width: 100%;
    }
    .pagetitlesec {
        padding: 20px 50px 20px 0px;
    }
    .verifyemailcnt, .vrfyemaildv {
        width: 85%;
        margin: 0 auto;
    }

    .right-cont {
        padding: 20px 0px;
    }

    div.nominee_sec {
        padding: 30px 15px;
    }

    .mobi_vw {
        display: block;
    }

    .dsk_vw {
        display: none;
    }

    .editbtnbnk {
        right: 0px !important;
    }
    #bk1 .v_btn{
        right: 0px;
        top: 52px;
    }

    .verifyotpsec {
        padding: 20px 15px;
    }

    #demos {
        margin-top: 4px;
    }

    .bxenable {
        flex-direction: column;
    }

    .enbxcnt {
        width: 100%;
    }

    .enabletlesec h4 {
        font-size: 16px;
    }

    .enabletlesec img {
        width: 25px;
    }

    .stepimgsec {
        margin-top: 20px;
    }

    .stepimgsec img {
        width: 100%;
    }

    .mobilesecdv {
        display: block;
    }

    .photo_cap.photo-ctns {
        align-items: center;
    }

    .sp-btwn .bankview p {
        font-size: 14px;
    }

    .proofuploadpage .sp-btwn .yes.mbyes {
        margin-top: 0px;
    }

    .proofuploadpage .evvan-div {
        padding-bottom: 100px;
    }

    .nationalityothr {
        width: 100%;
        margin-bottom: 15px;
    }

    .fetchdiv.dsflx {
        gap: 20px;
    }

    .esign_page.center {
        display: flex !important;
    }

    .evvan-div.esign_ex {
        padding: 20px 0px;
        width: 100%;  
    }

    .esign_ex h2 {
        margin-bottom: 15px !important;
        font-size: 18px !important;
    }

    .esign_ex p {
        font-size: 14px !important;
    }

    .bankdetailspage .sectioncontainer {
        padding-bottom: 0px;
    }

    .yes.mbleyes {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .document_upload.signupld .signtle {
        line-height: 1;
        margin-bottom: 15px;
    }

    #err-msg .camnot {
        width: 100px;
        margin-top: 0px;
    }

    section.note ul li {
        font-size: 14px !important;
    }

    .risk_dis_cunt h2.h2-common {
        font-size: 14px;
    }

    .soruce a {
        font-size: 13px !important;
    }

    .reveal {
        top: 50% !important;
        transform: translate(0, -50%);
    }

    .planitembx, .planitembx1 {
        width: 100%;
        position: relative;
    }

    .bankview {
        width: 100%;
    }

    .bjflex {
        flex-direction: column;
    }

    .bjflex .panfield {
        width: 100% !important;
        margin-top: 0px;
    }

    div#proof_popup {
        transform: translate(0%, -40%);
    }

    html {
        overflow-x: hidden;
    }

    .naviaheadersec {
        padding: 0rem;
        position: relative;
    }

    .naviawrapper {
        padding-right: 0rem;
        padding-left: 0rem;
    }

    .vavialogosec img {
        width: 100px;
    }

    .nloginseccnt .input-group #phone {
        height: 50px;
    }

    .nloginseccnt button#submitform {
        height: 42px;
        font-size: 14px;
        width: 115px;
    }

    .yearscelebration img {
        width: 100px;
    }

    .nloginseccnt {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 0px 0px;
        background: #fff;
        position: relative;
    }

    .naviawrapper .inner-sec {
        margin: 0px 0px;
    }

    .ntlesec {
        font-size: 18px;
        line-height: 1.2;
    }

    .nloginseccnt .frm_mobi {
        width: 100%;
    }

    .nloginseccnt p.or_text {
        margin-top: 20px;
        margin-bottom: 0px;
        font-size: 16px;
    }

    .nloginseccnt .frm_mobi .input-group-label {
        font-size: 14px;
    }

    .nloginseccnt .b-btn.truecaller_verify {
        background: none !important;
        color: #EF4B34 !important;
        font-weight: 600;
        margin-bottom: 0px;
        text-decoration: underline;
    }

    .zerobroksec h5 {
        font-size: 18px;
    }

    .zeroitemssec {
        gap: 25px;
    }

    .zeroitemsitem.itmrtng {
        text-align: left;
    }

    .zeroitemsitem.itmrtng {
        width: 26%;
    }

    .zeroitemsitem.itmamc {
        width: 10%;
        flex-direction: column;
        text-align: center;
    }

    .zeroitemsitem h4 {
        font-size: 20px;
    }

    .itmrtng p, .itmgold p, .itmamc p {
        font-size: 10px;
    }

    .itmamc h4 svg {
        height: 15px;
    }

    .itmrtng h4 img {
        width: 20px;
    }

    .itmgold img {
        width: 40px;
    }

    .itmgold p {
        text-align: center;
    }

    .itmgold {
        width: 40%;
        flex-direction: column;
    }

    .trmcntsec {
        margin-bottom: 0px;
        margin-top: 10px;
        line-height: 1.3;
        font-size: 11px;
    }

    .zerobroksec {
        margin-top: 40px;
    }

    div#personaltab label.lab.flab.comm_label.rcc {
        margin-top: 10px !important;
    }

    .input_field {
        margin-bottom: 15px;
    }

    .mobileupibtn {
        background: #E5322B 0% 0% no-repeat padding-box;
        height: 35px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        padding: 0px 20px;
        font-size: 12px;
        margin: 0 auto;
        margin-top: 30px;
    }

    .mobileupi {
        text-align: center;
        padding: 30px 0px 10px 0px;
        display: block;
    }

    .mobileverificationpro {
        margin-top: 15px;
        font-size: 13px;
        font-weight: 600;
        color: #000000;
    }

    label.dark-text.bold, label.dark-text1.bold {
        font-size: 13px;
    }

    .sectioncontainer {
        padding-bottom: 100px;
    }

    .entermannualy {
        text-align: center;
        margin-top: 40px;
    }

    .bankdetailspage .sectioncontainer .title h5 {
        text-align: left;
    }

    .completed_pan_aadhar_sec h6, .completed_pan_aadhar_sec a {
        font-size: 12px;
    }

    .completed_pan_aadhar_sec {
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
    }

    .sectioncontainer {
        width: 100% !important;
        margin: 0 auto;
    }

    .planitemsec {
        width: 100%;
    }

    .planitem.panel-sec {
        gap: 10px;
    }

    .bankqrsec {
        display: none !important;
    }

    .cropper-point {
        width: 15px;
        height: 15px;
    }

    .bankaggregattorsec {
        flex-direction: column;
        align-items: flex-start;
    }

    .aggrebx p {
        font-size: 14px;
    }

    .aggrebx {
        width: 100%;
        justify-content: flex-start;
    }

    section.footer {
        padding: 30px 0px 70px !important;
    }

    .esign_btn {
        display: flex;
        align-items: center;
    }

    .evvan-div {
        min-height: auto !important;
        margin-top: 0px;
        width: 100%;
        padding-bottom: 100px;
    }

    .otbverfybtnsec {
        width: 100%;
        margin-top: 10px;
    }

    section.footer p {
        font-size: 14px !important;
    }

    .esign_btn button {
        font-size: 14px;
        padding: 10px 14px;
    }

    .indexsecbg {
        padding: 20px 0px;
    }

    :is(.inner-sec.chandrakala_index, .inner-sec.sajag_index, .inner-sec.aumcapital_index, .inner-sec.abi360_index, .inner-sec.vramath_index) .cell.small-12.large-8.medium-8.text_sec {
        margin-left: 0%;
    }

    .digisignimg .rmvebtn {
        width: fit-content;
    }

    .digisignimg {
        margin-top: 20px;
    }

    #drawsignaturepop.reveal {
        width: 98% !important;
        overflow-x: hidden;
        padding: 20px 3px;
    }

    .signaturebtns .btn {
        width: 140px;
        height: 45px;
        font-size: 12px;
    }

    /* canvas#sig-canvas {
        width: 100%;
    } */
    .drawsignature {
        margin-top: 10px;
        padding: 0px;
        justify-content: left;
        width: fit-content; 
    }
     .drawsignature .btn_upload{
        width: 100% !important;
     }

    /* index page  */
    form#indexfrm p.light-text {
        padding-top: 20px;
    }

    .form-group.stycheck {
        margin-top: 10px !important;
    }

    .sp-btwn .yes span#error2 {
        margin: 5px 0px !important;
    }

    .congrats_img svg {
        width: 100px;
        height: 100px;
        margin-bottom: 40px;
    }

    .congrats_img+.bold-text {
        padding-bottom: 0px;
        font-size: 16px;
    }

    .congrats_img .bold-text {
        font-size: 16px;
    }

    .congrats_img p {
        font-size: 14px;
        text-align: center;
    }

    .congratspg .c_btn {
        text-align: center;
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .fetchaadharsec {
        padding: 20px 0px;
    }

    .logout_btn.logged_admin {
        width: auto;
    }

    .congratspg .c_btn a {
        float: unset !important;
    }

    .c_btn.cong_cbtn {
        height: 70px;
        box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
        background: #fff;
    }

    .main-panel.main-panel1.p-center {
        margin: 0px;
        height: calc(100% - 0px);
    }

    .btn_area.congratsbtn {
        justify-content: center;
        flex-wrap: nowrap;
    }

    .cell.small-12.large-12.medium-12.con_btn .btn_area.congratsbtn .b-btn {
        margin-right: 10px !important;
        width: auto !important;
    }

    .main-panel.main-panel1.p-center {
        margin: 0px;
        height: calc(100% - 0px);
    }

    .btn_area {
        flex-wrap: wrap;
    }

    .btn_area :is(a.b-btn, input.b-btn) {
        width: 180px !important;
    }

    .rmvebtn {
        width: 100px;
        position: relative;
    }

    #removeImage1, #removeImage2, #removeImage3, #removeImage4, #removeImage14, #removeImage6, #removeImage16, #removeImage5, #removeImage6 {
        right: 5px !important;
        top: -10px;
        width: 25px;
        height: 25px;
    }

    #aadharupload_two .ch_aadhar_bx.digio label h3 {
        margin-left: 0px !important;
        font-size: 14px;
    }

    button.add_nominee_section, button.add_field_button {
        font-size: 14px !important;
        padding: 12px 20px !important;
    }

    input:focus-visible {
        box-shadow: none;
    }

    label.dark-text.bold input, label.dark-text1.bold input {
        margin-bottom: 0px;
    }

    #btnsverify input#emailotp {
        margin-bottom: 10px;
    }

    #btnsverify .btn-link {
        font-size: 14px;
    }

    .main-panel-cont .title h5 {
        font-size: 14px;
        text-align: center;
    }

    .main-panel-cont .title h5 span {
        font-size: 12px !important;
    }

    .personal_fatc h6 {
        padding: 30px 0px 0px;
    }

    .sp-btwn .yes {
        margin-top: 15px;
    }

    .drawsignature .yes {
        margin-top: 30px;
    }

    .sp-btwn .yes.mbyes {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    /* .tick_derivatives .select_field{
        margin-bottom: 0px;
    } */
    .proofuploadpage .select2-container {
        width: 100% !important;
    }

    div#risk_dis {
        padding: 45px 25px !important;
        overflow: auto !important;
        top: 0px !important;
        width: 92% !important;
    }

    nav {
        width: 100% !important;
    }

    .progress-container {
        transform: translate(50px, 20px);
        width: calc(100% - 150px);
    }

    .main-panel.main-panel1.pad_tp_30.aadhar_pg {
        padding-left: 10px;
        padding-right: 10px;
    }

    .main-panel h5 {
        text-align: center;
    }

    .main-panel {
        padding: 40px 21px;
    }

    .aadhar_pg table tr {
        display: flex;
        flex-direction: column;
        width: calc(100vw - 55px);
        word-wrap: break-word;
    }

    .aadhar_pg table tbody tr.single_row {
        flex-direction: row !important;
    }

    .aadhar_pg table tbody tr.single_row.wrap {
        flex-wrap: wrap;
    }

    div#aadhar_verify_pop {
        width: 94% !important;
        padding-top: 28px;
        top: 0px !important;
        transform: none !important;
    }

    /* .aadhar_pg table tbody :is(tr:nth-child(6), tr:nth-child(7))
{
 flex-direction: row !important;
} */
    .aadhar_pg table tbody tr :is(td.w-20, th.w-20) {
        width: 38%;
    }

    .aadhar_pg table tbody tr :is(td.w-80, th.w-80) {
        width: 62%;
    }

    .aadhar_pg table tbody tr :is(td.w-100, th.w-100) {
        width: 100%;
        text-align: center;
    }

    .aadhar_pg table tbody tr :is(td.w-50, th.w-50) {
        width: 50%;
    }

    .aadhaarfileupload .main-panel h5 {
        font-size: 16px;
    }

    .main-panel.main-panel1 .foot-sec {
        box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
        background: #fff;
        height: 70px;
    }

    .main-panel.main-panel1.pan .form_inner.kycverification .foot-sec {
        bottom: 0px;
        height: 70px;
        z-index: 99;
    }

    .foot-sec button#submitform {
        padding: 12px 8px;
    }

    .main-panel.aadhar_pg.main-panel1.pad_tp_30 .foot-sec {
        margin: 0px 0px 0px !important;
        position: fixed !important;
        right: 0px;
        left: 0px;
        bottom: 0px;
        height: 70px;
        box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
        background: #fff;
    }

    .help_no {
        top: 40px;
        position: absolute;
        margin: 16px 0px;
        right: 0;
        left: 0px;
        background-color: var(--bg_color1) !important;
        padding: 5px 0px;
        border-radius: 1px;
    }

    .help_no p {
        font-size: 14px;
        margin-right: 0;
        text-align: center;
        justify-content: center;
    }

    .fetchdiv.martialstus {
        flex-direction: column;
        gap: 20px;
    }

    .fetchdiv.martialstus .customradio {
        width: 48%;
    }

    .fetchdiv.martialstus .customradio label {
        width: 100%;
    }

    .fetchinput .comm_label {
        margin-bottom: 8px;
        line-height: 1;
        font-size: 14px !important;
        position: unset;
        color: #555555;
        margin-top: 0px !important;
    }

    .fetchinput {
        width: 100%;
        margin-bottom: 0px;
    }

    .fetchdiv.dsflx#fnamediv {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
    }

    .fatcatab h6 {
        font-size: 15px;
    }

    .spouse_name_hide {
        margin-bottom: 20px;
    }

    .fetchdiv.dsflx.educationflx {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .fetchdiv.dsflx.ocuptnsec {
        margin-bottom: 20px;
        flex-direction: column;
        gap: 20px;
    }

    .fetchdiv.dsflx.othersoccupation {
        margin-bottom: 15px;
    }

    .fetchdiv.dsflx.educationflx .cusdlx {
        flex-wrap: wrap;
    }

    .educationflx .customradio {
        width: 31%;
    }

    .fetchdiv.dsflx.experiencedstock {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .fetchdiv.dsflx.experiencedstock .cusdlx {
        flex-wrap: wrap;
    }

    .sourceincome .cusdlx {
        flex-wrap: wrap;
    }

    .sourceincome .fetchinput.incomoptions {
        width: 100%;
    }

    .sourceincome .fetchinput.incomes {
        width: 100%;
    }

    .incomes1 label {
        display: none !important;
    }

    .sourceincome .fetchinput.incomes.incomes1 {
        margin-top: 10px;
    }

    #natdiv .customradio {
        width: 48%;
    }

    .showed {
        margin-bottom: 10px;
    }

    #natdiv .customradio label {
        width: 100%;
    }

    .fetchdiv.dsflx.sourceincome {
        gap: 0px;
        flex-direction: column;
    }

    .experiencedstock .customradio {
        width: 31%;
    }

    .experiencedstock .customradio label {
        width: 100%;
    }

    .customradio label {
        font-size: 12px;
    }

    .help_no img {
        width: 33px;
        height: 22px;
    }

    nav#menuactive {
        margin: 0px 0px 90px;
        padding-bottom: 15px;
    }

    body.v_align {
        margin: 15px;
    }

    .sub_center, .pending_btn, .congrats_img {
        bottom: 10px;
    }

    div#err-msg {
        text-align: center !important;
        font-size: 16px !important;
        line-height: 1;
        margin-bottom: 30px;
        margin-top: 10px;
    }

    button#btn-capture, button#btn-upload {
        margin-top: 15px;
    }

    #demos #webcam {
        height: 300px !important;
    }

    #liveView img {
        height: 300px;
        object-fit: cover;
    }

    .apply {
        z-index: 999 !important;
    }

    .cell.small-12.large-4.medium-4.bg-img {
        width: 268px;
        margin: 0 auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 260px;
        background-repeat: no-repeat !important;
        background-size: contain;
        background-position: top -14px center;
    }

    .panel {
        padding: 0px 0px 0px;
        box-shadow: none;
        border-radius: 0;
    }

    .logout_btn ::after {
        top: 11px;
        background-size: 16px;
        right: 1px;
        width: 18px;
        height: 16px;
    }

    .progress-container {
        transform: translate(85px, 20px) !important;
        width: 45% !important;
    }

    button#submitform img {
        height: 12px;
    }

    form#aadhaar_save button#submitform {
        font-size: 16px;
    }

    .main-panel {
        border-radius: 0px;
        box-shadow: none;
    }

    .input_field textarea {
        overflow: auto;
    }

    .foot-sec .b-btn {
        font-size: 14px;
    }

    .foot-sec .b-btn img {
        height: 12px;
    }

    .comman_slide .progress-container {
        transform: translate(80px, 20px) !important;
        width: 45% !important;
    }

    .fetchaadharsec .title {
        margin-bottom: 20px;
    }

    .reveal {
        width: 85% !important;
        height: max-content !important;
        min-height: max-content !important;
        margin: 0 auto;
    }

    .discount-sec {
        margin-bottom: 20px;
    }

    #aadharupload_two .aadhar-box {
        width: auto !important;
    }

    #aadharupload_two .ch_aadhar_bx {
        width: 100% !important;
        height: 45px !important;
    }

    #aadharupload_two .ch_aadhar_bx.yes1.digio {
        margin: 40px 0px 10px 0px !important;
        padding: 0px !important;
        width: 100% !important;
    }

    #aadharupload_two .upload-adr {
        display: block;
    }

    button.add_field_button {
        margin-top: 40px;
    }

    .jconfirm-holder {
        width: 90%;
    }

    .img_icon.verify_bank_s {
        top: 0px !important;
        bottom: unset !important;
        width: 50%;
        line-height: 1;
    }

    .inner-sec.chandrakala_index .cell.small-12.large-4.medium-4.bg-img {
        height: 100px;
    }

    .inner-sec.chandrakala_index .cell.small-12.large-8.medium-8.text_sec {
        margin-left: 0% !important;
    }

    .terms-panel-cont {
        padding: 20px 15px !important;
        font-size: 14px;
    }

    .congrats_img {
        text-align: center !important;
        position: relative !important;
    }

    .main-panel.main-panel1.p-center {
        margin: 0px;
        height: calc(100% - 55px);
    }

    .select_field {
        margin-bottom: 15px;
    }

    #personaltab_cont .lab {
        margin-top: 10px;
    }

    .cell.small-12.large-4.medium-4.box {
        width: 90%;
        margin: 10px auto;
    }

    .select_field.wdt_250 {
        width: 100%;
    }

    .main-panel.main-panel1.dateofbirth .foot-sec {
        position: fixed !important;
        margin-bottom: 0px;
    }

    html {
        background: #fff;
    }

    .scan_btns button {
        margin: 0px !important;
        padding: 10px 0px !important;
        width: calc(50% - 3px) !IMPORTANT;
    }

    .scan_btns {
        position: fixed;
        width: calc(100% - 120px);
        bottom: 0;
        padding: 0px 10px !important;
        left: 0;
        justify-content: space-between !important;
    }

    .ch_aadhar_bx a, .ch_aadhar_bx label {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .ch_aadhar_bx {
        height: unset !important;
        padding: 20px 30px !important;
    }

    .ch_aadhar_bx h3 {
        margin-top: 0 !important;
        margin-left: 20px !important;
    }

    a#change_adhaar {
        padding-top: 10px !important;
        font-size: 16px;
        font-weight: bold;
    }

    .aadhar_pg #aadhar_out {
        margin-top: 20px;
    }

    .ch_aadhar_bx label {
        display: flex;
    }

    .ch_aadhar_bx svg {
        /* width: 55px; */
    }

    .main-panel h5 {
        font-size: 16px;
    }

    .main-panel .title {
        margin-bottom: 20px !important;
    }

    .evvan-div.photocapsec .main-panel .title {
        margin-bottom: 10px !important;
    }

    button#resetPIC {
        right: 0px;
        top: -40px;
    }
    .takeinfo{
        font-size: 14px; 
    }

    table.tablec td:before {
        font-size: 14px !important;
    }

    .exist_btn {
        position: fixed;
        bottom: 0px;
        left: 0;
        min-width: 100%;
        padding: 10px;
        justify-content: space-between !important;
        height: 70px;
        box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
        background: #fff;
    }

    .exist_btn form#redform input, .exist_btn a {
        height: 40px;
        line-height: 40px;
    }

    .exist_btn a {
        height: auto !important;
        line-height: 18px !important;
        padding: 10px 20px !important;
    }

    .exist_btn form#redform input {
        width: 100%;
        background: var(--bg_color2);
    }

    body.v_align.user_list_panel {
        padding-bottom: 70px !important;
        background: #fff !important;
    }

    table.tablec {
        border: none !important;
    }

    table.tablec tbody td {
        font-size: 14px;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    form#redform {
        width: 50%;
    }

    .exist_btn a {
        /* width: calc(50% - 5px); */
        margin: 0px !important;
    }

    /**
.logout_btn {
    position: fixed !important;
    bottom: 10px !important;
    top: unset !important;
    z-index: 99;
    padding: 8px 10px!important;
    border-radius: 0px;
    right: 7px !important;
    width: 110px;
    background: #fff;
    height: 41px;
}**/
    .apply button {
        font-size: 16px;
    }

    .foot-sec {
        position: fixed !important;
        margin: 0;
        width: 100%;
        left: 0;
        padding: 10px !important;
        bottom: 0px;
        height: 70px;
        box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
        background: #fff;
        z-index: 99;
    }

    .foot-sec button#submitform {
        cursor: pointer;
        width: 111px;
        padding: 12px 8px;
        margin: 0px;
    }

    form#aadhaar_save button#submitform {
        width: 111px;
        padding: 12px 8px;
    }

    .sub_center, .pending_btn, .congrats_img {
        text-align: right;
        position: fixed;
        bottom: 0px;
        width: 100%;
        left: 0;
        padding: 5px 10px;
    }

    .sub_center button {
        width: 100%;
        margin: 0px;
        border-radius: 4px;
    }

    html body .digiosubmit_sty {
        position: fixed !important;
        top: unset !important;
        bottom: 0px;
        width: 100%;
        padding: 10px;
        height: 70px;
        box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
        background: #fff;
        text-align: center;
    }

    html body .digiosubmit_sty>div {
        width: 100%;
    }

    .digiosubmit_sty .b-btn {
        width: calc(100% - 120px);
    }

    #ImgPreview, #ImgPreview1, #ImgPreview2, #ImgPreview3, #ImgPreview4, #ImgPreview5, #ImgPreview6, #ImgPreview7, #ImgPreview8 {
        /*  position: absolute;
        right: 30px; */
        position: relative;
        right: 0px;
    }

    .photo_cap {
        order: 1;
    }

    .sample_img {
        order: 2;
    }

    .logout_btn ::after {
        top: 11px;
        background-size: 18px;
        right: 2px;
        width: 20px;
    }

    .grid-x>.large-6 {
        padding-right: 0px;
    }

    div#aadhar_out {
        display: flex;
        flex-direction: column;
    }

    .ch_aadhar_bx {
        margin: 10px 0px 10px !important;
        width: 100% !important;
    }

    .logout_btn a {
        padding: 0px;
        font-size: 12px;
        min-width: auto;
        width: auto;
        height: auto;
        display: flex;
        line-height: 0px;
        gap: 2px;
    }

    .logout_btn a svg {
        margin-left: 5px;
    }

    /* .logout_btn a span{
     display: none;
    } */
    .logout_btn {
        padding: 3px 0px;
    }

    img.preview, img.next_step {
        width: 26px;
    }

    .logout_btn svg {
        width: 16px;
        height: 16px;
    }

    .percentage {
        padding: 7px 4px 4px !important;
        top: -11px;
        line-height: 20px;
        height: 0px;
        width: 30px;
    }

    .sent_otp_div {
        position: unset;
    }

    .steps_flow svg {
        width: 25px;
    }

    .steps_flow a {
        width: 25px;
        height: 25px;
    }

    img.preview {
        width: 29px;
    }

    img.next_step {
        width: 29px;
    }

    .progress-container, .progress {
        width: 45%;
    }

    li.logout.last_li {
        position: absolute;
        right: 0;
        top: -39px;
        width: 32px;
        margin-right: 4px;
    }

    .form_inner.kycverification h4 {
        font-size: 18px;
    }

    span#bankretname {
        font-size: 14px;
    }

    .cell.small-12.large-12.medium-12.smpimg {
        display: block;
    }

    li.first_child_li {
        position: absolute;
        left: 0px;
        top: -48px;
        width: 35px;
        margin-left: 7px;
    }

    .sect-contn label {
        font-size: 14px;
        margin-right: 0px;
    }

    .bank_proof_view {
        position: unset !important;
    }

    .rel_sec .form-error {
        margin-left: 0px;
    }

    .cell.small-12.large-4.medium-4.bg-img {
        width: 268px;
        margin: 0 auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 400px;
        background-repeat: no-repeat !important;
    }

    .panel, .main-panel, .layer .group .eml, .layer .group .eml p, .main-panel-cont {
        width: calc(100vw - 32px);
    }

    .panel {
        padding: 0px 0px 0px;
    }

    .bg-img {
        text-align: center;
    }

    .bg-img img {
        /* width: 194px; */
    }

    .text_sec {
        padding: 0px 20px;
        text-align: center;
    }

    .main-panel {
        padding: 10px 0px;
        width: 100%;
        border-radius: 0px;
        box-shadow: none;
    }

    .pancantainerall-bj {
        padding: 10px 0px !important;
    }

    body {
        background-color: #fff !important;
    }

    body.v_align {
        min-height: 100%;
        justify-content: unset;
    }

    label.switch-paddle {
        margin-right: 10px;
    }

    nav ul li {
        margin: 0px 0px;
    }

    nav ul li:after {
        width: 1px;
    }

    .layer.layer-modelnew .group {
        display: unset;
    }

    select.relation_choose {
        width: 100%;
        margin-left: 0px !important;
    }

    button.btn-link.bold.emailsendotp {
        margin-top: 17px !important;
        float: unset;
    }

    button.btn-link.bold.mobilesendotp {
        margin-top: 17px !important;
        float: unset;
    }

    nav {
        width: 100%;
    }

    a.go_home {
        top: -47px;
    }

    .main-panel-cont {
        box-shadow: unset;
    }

    .nominee_accordion .accordion-title {
        padding: 15px 5px;
        font-size: 13px;
    }

    span.nomineeerrorshow {
        position: absolute;
        left: 24%;
        background: #FFEAE9;
        color: #E63E38;
        font-size: 9px;
        font-weight: 500;
        padding: 5px 5px;
        top: 9px;
        border-radius: 4px;
        display: none;
        gap: 4px;
    }

    .form-error {
        font-size: 10px;
    }

    form#proofform {
        padding-bottom: 0px;
    }

    .remove-nominee {
        top: 13px;
    }

    .remove-text {
        display: none;
    }

    .yes {
        float: left;
        width: 100%;
        margin-bottom: 30px;
        margin-top: 10px;
    }

    .sample_img {
        margin-top: 50px;
    }
    #ios_btn{
        transform: translate(-50%, -31%);
        font-size: 12px;
    }

    .sp-btwn {
        display: unset;
    }

    #removeImage1, #removeImage2, #removeImage3, #removeImage4, #removeImage14, #removeImage6 #removeImage16, #removeImage5, #removeImage6 {
        display: none;
    }

    #removeImage1, #removeImage2, #removeImage3, #removeImage4, #removeImage14, #removeImage6 #removeImage16, #removeImage5, #removeImage6 {
        right: 123px;
    }

    label.dark-text.bold {
        font-size: 14px;
    }

    .numberboard h4 {
        position: absolute;
        top: 94px;
        font-size: 32px;
        left: 69px;
    }

    .hidediv img {
        width: 100%;
        margin: 0 auto;
        margin-top: 10px;
    }

    .bold-text {
        font-size: 16px;
    }

    html a.steps {
        width: 31px;
        height: 31px;
        margin: 0px 2px;
        line-height: 27px;
        font-size: 13px;
    }

    nav ul li a.active {
        width: 31px;
        height: 31px;
        line-height: 31px;
    }

    nav ul li {
        margin: 0px 0px;
    }

    .layer.mobileveri span.bold {
        margin: 0px 3px;
    }

    span.btn-link.panverified, span.btn-link.bold {
        margin: 0px !important;
        font-size: 14px;
    }

    img.panverimg {
        width: 15px;
    }

    .rel_sec .select_field {
        width: 100%;
    }

    .layer.mobileveri span.bold {
        width: 100%;
        display: block;
    }

    .form_inner.kycverification.dfb .foot-sec .b-btn {
        margin-top: 98px;
    }

    a.go_home img {
        width: 30px;
        padding-top: 6px;
    }

    .inline_loader {
        bottom: 16px !important;
    }

    div#btnsverify {
        top: 0px;
        padding-top: 10px;
        position: relative !important;
    }

    .layer .group .eml.cmnsechalf {
        width: 100%;
    }

    .form-group.tick_check {
        display: block;
    }

    .active span.number_step {
        line-height: 27px;
    }

    #div-to-toggle {
        width: 100%;
    }

    .main-panel-cont.step2 .comm_label {
        margin-top: 25px;
    }

    #removeImage1, #removeImage2, #removeImage3, #removeImage4, #removeImage14, #removeImage6, #removeImage16, #removeImage5, #removeImage6 {
        right: 27px;
    }

    .yes {
        justify-content: unset;
    }

    .grid-x.adr_up span.btn_upload {
        display: flex;
    }

    .esign_page.center nav {
        width: 100%;
    }

    .esign_page.center a.prv_pg {
        background-position: 9px 10px;
    }

    html body .esign_page.center .digiosubmit_sty {
        position: absolute;
        bottom: -23% !important;
        margin: 0px 30px;
    }

    a.prv_pg {
        background-position: 6px 6px;
    }

    #segments {
        display: unset;
    }

    .grid-x.per_add span.btn_upload {
        display: flex;
    }

    ble.tablec tbody td {
        padding-left: 130px;
        position: relative;
    }

    .table_ka tbody td {
        min-height: 30px;
    }

    table.tablec tbody td {
        font-size: 14px;
    }

    table.tablec tbody td span {
        font-size: 13px;
        line-height: 18px;
        word-break: break-all;
        white-space: break-spaces;
    }

    table.tablec td:nth-of-type(3):before {
        content: "Status : ";
    }

    table.tablec table, table.tablec thead, table.tablec tbody, table.tablec th, table.tablec td, table.tablec tr {
        display: block;
    }

    table.tablec tr:first-child {
        background: transparent;
    }

    table.tablec tr:first-child th {
        color: #000;
    }

    table.tablec tbody td {
        position: relative;
        padding-left: 130px;
    }

    table.tablec td:nth-of-type(1):before {
        content: "PAN No : ";
    }

    table.tablec td:nth-of-type(2):before {
        content: "Name : ";
    }

    table.tablec td:nth-of-type(3):before {
        content: "Status : ";
    }

    table.tablec td:nth-of-type(4):before {
        content: "Action : ";
    }

    table.tablec tbody tr:first-child {
        display: none;
    }

    table.tablec tbody tr {
        background-color: var(--bg_color3);
        padding: 20px !important;
        border: 2px solid #cccccc6b;
    }

    table.tablec td:before {
        position: absolute;
        top: 7px;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
        font-size: 16px;
    }

    body.v_align.user_list_panel {
        width: 100%;
        padding: 0px 0px;
    }

    .smpimg .v_btn {
        margin-left: 0px;
    }

    span.btn_upload img {
        margin-right: 7px;
    }

    .email_verify {
        position: unset;
        float: right;
    }

    body.v_align.user_list_panel {
        width: 100%;
        padding: 0px 0px;
    }

    .progress-container {
        transform: translate(95px, 20px);
        width: calc(100% - 180px);
    }

    .steps_flow {
        position: absolute;
        top: 12px;
        left: 0px;
        margin-right: 10px;
    }

    .logout_btn {
        position: absolute;
        right: 0px;
        top: 5px;
        background: #fff;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        width: 80px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px;
    }

    .t_head h2 {
        font-size: 20px;
    }

    .aadhaarfileupload .a_details table {
        margin-left: 0px;
    }

    .aadhaarfileupload .main-panel {
        padding: 20px 0px 100px 0px !important;
    }

    .doc_type span {
        width: 70%;
    }

    .main-panel-cont {
        margin-top: 0px;
    }

    span#bankretname {
        width: 100%;
        display: block;
        font-size: 16px;
    }

    span#panname {
        display: block;
        width: 100%;
        font-size: 14px;
        font-weight: bold;
    }

    span#close-btn {
        margin-top: 12px;
        padding: 4px 24px;
    }

    canvas#capture {
        width: 264px !important;
    }

    .video_overlay {
        overflow: hidden;
    }

    html .video_overlay {
        width: 267px;
        margin-top: 31px;
    }

    .sample_img {
        text-align: center;
    }

    img.congrats_svg {
        width: 110px;
        margin-top: 36px;
    }

    h2.you_have {
        font-size: 14px;
    }

    .cell.small-12.large-12.medium-12.con_btn .b-btn {
        width: 100%;
        display: block;
        line-height: 20px;
        height: 40px;
        font-size: 16px;
        margin: 10px 0px !important;
    }

    #otpform .input_field span {
        margin-left: 0px;
        font-size: 14px;
        font-weight: normal;
    }

    /* .a_details table {
        margin-left: -25px;
    } */
    .g_id_signin {
        margin-bottom: 20px !important;
    }

    /* div#drawsignaturepop .canvasbox {
        transform: rotate(90deg);
    }
    canvas#sig-canvas {
        width: 100%;
        height: calc(100% - 135px);
        transform: rotate(90deg);
    }
    div#drawsignaturepo .signaturebtns {
        text-align: center;
        margin-top: 30px;
        position: absolute;
        bottom: 15px;
    }
    div#drawsignaturepop {
        height: 95vh !important;
    }
    canvas#sig-canvas {
        width: 100%;
        transform: rotate(90deg);
        width: 100%;
        height: calc(100% - 20px);
    }
    div#drawsignaturepo .canvasbox {
        width: 100%;
        height: calc(100% - 135px);
        transform: rotate(90deg);
    } */
    div#nominee_1, div#nominee_2, div#nominee_3 {
        padding: 20px;
    }

    .inputgrp {
        display: flex;
        gap: 0px;
        flex-direction: column;
    }

    .inputgrp .input_field {
        width: 100%;
        margin-bottom: 15px;
        flex-shrink: 0;
    }

    .input_field.checkbxbtn {
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .inputgrp .select_field {
        margin-bottom: 0px;
    }

    .nomii-btn a.btn {
        padding: 10px 15px;
    }

    .nomino-cunt h2 {
        font-size: 16px;
    }

    .nomino-cunt p, .nomii-btn a.btn {
        font-size: 14px;
    }

    .nomii-btn a.btn.primary {
        width: 90%;
        margin: 0px auto;
    }

    .nomii-btn {
        width: 100%;
    }

    p, .indexsecbg p {
        font-size: 16px;
    }

    p.terms {
        margin-bottom: 0px;
    }

    .main-panel .title h5 {
        font-size: 16px;
    }

    .panel_sec {
        padding: 20px 0px;
    }

    .loginfrmsec {
        width: 100%;
        margin: 0 auto;
    }

    .needhelp_sec {
        justify-content: center;
    }

    p.or_text {
        width: 100% !important;
    }

    .frm_mobi {
        padding-bottom: 10px;
    }

    .main-panel-cont .title h5 {
        font-size: 16px;
    }

    #otpform .input_field span, span.link, .btn-link, section.footer p, ol.photo_status li, .help_no p, .v_btn button, label.dark-text.bold, button.add_nominee_section, button.add_field_button, .foot-sec .b-btn, .comm_label, .sec.cou_tax label, .comm_label {
        font-size: 14px !important;
    }

    title h4 {
        font-size: 16px;
    }

    p#notice, a.btn-link.resendotp, span.link {
        width: 100%;
        font-size: 16px !important;
    }

    table.tablec td:before {
        font-size: 16px !important;
    }

    .document_upload h5, .personal_fatc h6 {
        font-size: 16px;
    }

    .step5 .sp-btwn label, label#fintab-label {
        font-size: 13px;
        line-height: 1.4;
    }

    .cou_tax {
        margin-top: 10px;
    }

    .form-group.tick_check .switch.tiny {
        margin: 2px 0px !important;
    }

    .completed_pan_aadhar_sec h6 {
        font-size: 16px;
        flex-wrap: wrap;
    }

    .completed_pan_aadhar_sec h6, .completed_pan_aadhar_sec a, .mobi_tooltip label, label.nw_mobi, #aadharupload_two .digi-info {
        font-size: 14px;
    }

    .completed_pan_aadhar_sec a {
        margin-top: 10px;
    }

    .completed_pan_aadhar_sec a {
        margin-top: 0px;
        padding: 0;
        background: transparent;
        text-decoration: underline;
        border-radius: 0px;
    }

    .input_field input, .input_field1 input, .select_field select, .input_field textarea, select {
        color: #0009;
    }

    section.note ul li {
        margin-left: 0px;
        font-size: 16px;
    }

    .reveal {
        width: 95% !important;
    }

    .bold-text {
        font-size: 20px;
    }

    form#dateofbirthform {
        width: 100%;
        margin: 0px auto;
    }
    div#pan_verify_pop, div#aadhar_verify_pop {
    top: auto !important;
    transform: unset !important;
}
}

div#verifynameModalpopup, div#verifydobModalpopup {
    top: 50% !important;
    position: absolute;
    left: 0;
    right: 0;
    transform: translatey(-50%);
}
p.dobmatch {
    color: red;
    font-size: 12px;
}
button.button.red-bt[disabled]:hover {
    background-color: var(--t_color1);
}

/* voice css */

#wrap .player, #wrap1 .player {
	width: 100%;
	padding: 14px 16px;
	display: flex;
	gap: 12px;
	align-items: center;
	/* flex-wrap: wrap; */
    margin-top: 30px;
    justify-content: space-between;
    position: relative;
    z-index: 9;
}
.zoom-controls .zoom-btn {
    height: 50px;
    width: 50px;
    object-fit: contain;
    background: #fff;
    box-shadow: 0 11px 25px rgb(2 6 23 / 33%);
    padding: 10px;
    border-radius: 50%;
}

.zoom-controls {
    display: flex;
    align-items: center;
    gap: 15px;
}
/* play button */
#wrap .play-btn, #wrap1 .play-btn {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
	border: 0;
	outline: none;
	background: #EF4B34 ;
	box-shadow: 0 11px 25px rgb(2 6 23 / 33%);
	transition: transform .12s ease, box-shadow .12s ease;
    position: absolute;
    left: 35px;
    bottom: -8px;
    z-index: 9;
}
.play-flex p {
    margin: 0;
    color: #313234;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0px;
    font-family: "Poppins", sans-serif;
}
.play-flex {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.play-flex img {
    height: 50px;
    width: 50px;
    object-fit: contain;
    background: #fff;
    box-shadow: 0 11px 25px rgb(2 6 23 / 33%);
    padding: 10px;
    border-radius: 50%;
    z-index: 9;
    position: relative;
}
#wrap .play-btn:active, #wrap1 .play-btn:active {
	transform: scale(.98)
}

#wrap .icon, #wrap1 .icon {
	width: 15px;
    height: 15px;
    display: block;
}

/* waveform */
  /* Ripple waves */
  .ripple {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgb(239 75 52 / 34%) ;
    animation: ripple 1.5s infinite ease-out;
    z-index: 1;
    top: 0px;
    left: 0;
  }

  .ripple:nth-child(1) { animation-delay: 0s; }
  .ripple:nth-child(2) { animation-delay: 0.5s; }
  .ripple:nth-child(3) { animation-delay: 1s; }
.sel_box {
    display: flex;
    align-items: center;
    position: relative;
}
.index_sel_flex {
    display: flex;
    justify-content: end;
    padding: 0px 0px 0px 0px;
    gap: 10px;
    width: 735px;
    margin-bottom: 20px;
}
.index_sel_flex .sel_box {
    /* border: 1px solid #cdcdcd; */
}
.index_sel_flex .sel_box, .sel-righ.border .sel_box {
    /* border: 1px solid #cdcdcd; */
    width: max-content;
    margin: 0px 0px 0px auto;
}
.sel_box .select_field {
    margin-bottom: 0;
    position: relative;
}

.sel_box img {
   height: 20px;
    
}
.sel-righ .sel_box {
    justify-content: end;
}
.sel_box img select.select {
    border: none !important;
}
.sel_box .select_field select.select {
    background-color: #fff !important;
    height: 42px;
    border: none !important;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    padding-left: 52px;
    padding-right: 40px;
}
.sel_box_img {
    position: absolute;
    z-index: 9;
    top: 9px;
    left: 13px;
}
.resend.resendotp.resend_otpclc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.r-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.sel-righ .sel_box {
    justify-content: end;
    margin-top: -35px;
    margin-bottom: 20px;
}
.sel-righ.m30 .sel_box {
    margin-top: 35px;
    margin-right: 20px;
    margin-bottom: -20px;
    z-index: 9;
}
.sel-righ.m0 .sel_box {
    margin-top: 0;
}
.head-flex {
    display: flex;
    gap: 8px;
}
.sel_box .select_field select.select {
    background: url(../images/lan_down.svg), #fff !important;
    background-repeat: no-repeat !important;
    background-position: 90% 19px !important;
}
.error-lan {
    color: red !important;
    margin: 0px;
    margin-top: 3px;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 12px;
}
  @keyframes ripple {
    0% {
      transform: scale(0.6);
      opacity: 0.6;
    }
    70% {
      transform: scale(1.5);
      opacity: 0.3;
    }
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }

  .mic-wrap.paused .ripple {
    animation-play-state: paused;
    opacity: 0 !important;
  }
  .form-group.data-check-all label.dark-text1.bold {
    margin: 0;
    font-weight: 600 !important;
}
body.tamil form#dateofbirthform h4.center-text {
    font-size: 20px !important;
}
body.tamil form#dateofbirthform button.red-bt {
    font-size: 12px !important;
}
.stpes-arrow {
    display: flex;
    gap: 10px;
}
.steps_flow .progress-container {
    width: 100%;
}
.steps_flow.ro {
    margin-right: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 40%;
}
.nev-right {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}
body.v_align.user_list_panel .sel_box{
    width: 100%;
    justify-content: end;
    margin: 20px 0px 0px;
}
.mro-10.flex-nowrap {
    display: block;
}
body.v_align.user_list_panel .sel_box .select_field , body.new_user .sel_box .select_field{
    margin-right: 15px;
    border: 1px solid #cccc;
}
.bno-flex {
    display: flex;
    gap: 10px;
}

body.v_align.user_list_panel .sel_box .select_field, body.new_user .sel_box{
    margin-right: 15px;
}
body.new_user .sel_box {
    justify-content: end;
    margin-bottom: 20px;
    margin-right: 0px;
}
body.v_align.verify select.select.select_lang {
    border: 1px solid #ccc !important;
}
.completed_pan_aadhar_sec a {
    margin: 0;
}
div#nalart1 .insidepopup {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
body.tamil div#removenomineepopup button.cancelbtn {
    width: 150px;
}
div#popmodelconfirm2 p.content_data {
    margin-top: 20px;
}
body.tamil .esign_btn button {
    font-size: 12px;
}
body.tamil .signaturebtns .btn {
    font-size: 12px;
    width: 240px;
    padding: 0;
}
span.count_nomini {
    margin-left: 7px;
}
body.tamil .yes.mbyes span#size-error1 {
    width: 100%;
    bottom: -60px;
}
span.site_brand {
    color: var(--t_color1);
    font-weight: 700;
}
body.tamil.bankdetailspage .bankqrinfo p {
    font-size: 12px;
}
.ab-flex {
    display: flex;
    align-items: center;
}

.ab-flex span.nomineeerrorshow {
    position: static;
    margin-left: 10px;
}
.ac-rel .remove-nominee{
    top:20px;
}
.help_no p span {
    color: var(--t_color1);
}
#aadharupload_two .ch_aadhar_bx.digio>.label label {
    margin: 0;
}
.lanchange_cunt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
div#lanchange {
    padding: 30px;
    top: 50% !important;
    transform: translateY(-50%);
}
.lanchange_cunt img {
    height: 120px;
}
.foot-cunt{
    position: relative;
}
/* .foot-cunt p.power {
    position: absolute;
    right: 40px;
    top: 0;
} */
 .img_icon.verify_bank_s span {
    font-size: 14px;
    color: var(--t_color1) !important;
}
.img_icon.verify_bank_s small.sm {
    font-size: 12px;
    color: #e5322b;
}

.img_icon.verify_bank_s span.bank_percent {
    color: var(--t_color2) !important;
}
 h3.text-center {
    text-align: center !important;
}
.foot-cunt-flx {
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
    flex-wrap: wrap;
}
div#minor {
    text-align: center;
    max-width: 500px;
    padding: 25px;
}
div#minor h4 {
    margin: 0;
    font-size: 25px;
}
div#minor p {
    margin: 25px auto;
    width: 75%;
}
/* responsive: stack on small screens */
@media (max-width:820px) {
	#wrap .player, #wrap1 .player1 {
		gap: 10px;
		padding: 12px;
	}
	#wrap .play-btn, #wrap1 .play-btn {
		order: 0;
	}
    .sel-righ.m30 .sel_box {
    margin-top: 35px;
    margin-right: 20px;
    margin-bottom: 0px;
    z-index: 9;
}
}
@media (max-width:680px) {
    div#minor p {
        width: 100%;
    }
    .foot-cunt p.power {
    position: static !important;
}
.steps_flow {
    position: absolute;
    bottom: -30px;
    left: 15px;
    margin-right: 10px;
    align-items: end;
}
body.index_page .index_sel_flex {
    width: auto;
}
body.index_page input[type=checkbox]{
    height: 25px;
    width: 30px;
}
body.index_page .needhelp_sec span {
    display: block;
}
nav#menuactive {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    background: #f5f5f5;
    padding: 15px;
}
.steps_flow.ro .progress-container, .progress {
    margin-bottom: 0;
}
.help_no {
    position: static;
    margin: 15px 0px 5px;
    width: 100%;
    text-align: left;
    padding: 0px 0px;
}
.help_no p {
    width: 100%;
    text-align: left;
    justify-content: left;
}
.logout_btn {
    position: static;
}
.logout_btn a svg {
    margin-left: 0px;
}
.logout_btn a {
    gap: 7px;
}
.logout_btn {
    position: static;
    box-shadow: none;
    gap: 12px;
    width: auto;
    height: 42px;
    padding: 0px 15px !important;
}
.help_no p svg {
    display: none;
}
.head-flex {
    display: flex;
    justify-content: left;
    width: 100%;
    padding: 0px;
    padding: 0px 0px;
    gap: 20px;
}
.progress-container {
    transform: translate(0px, 25px) !important;
    width: 95% !important;
    margin: 0px auto;
}
.steps_flow.ro {
    margin-right: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    position: static;
    padding: 0px 0px;
}
div#verifyEmailModalpopup {
    padding: 40px 15px;
}
body.tamil form#dateofbirthform button.red-bt {
    font-size: 10px !important;
}
body.tamil .main-panel.main-panel1 form#bankform div.bank_verify span.form-error.is-visible {
    font-size: 10px;
}
.steps_flow.ro .progress-container {
    transform: unset !important;
    width: 100% !important;
    margin: 0;
}
.nev-right{
    flex-wrap: wrap;
    margin-bottom: 15px;
    justify-content: left;
    gap: 10px;
}
.sel_box .select_field {
    margin-bottom: 0;
    position: relative;
    /* margin: 0px 10px 0px 0px; */
}
.logout_btn.logged_admin a{
    font-size: 12px;
}
.steps_flow.ro .progress-container .percentage {
    position: static;
    padding: 0px !important;
}
nav#menuactive {
    margin: 0px 0px 40px;
}
.steps_flow.ro{
    margin-right: 0px;
}
body.tamil .userdetailstble+.exist_btn a#home_btn_sec, body.tamil .userdetailstble+.exist_btn form#redform input[type="submit"] {
    width: auto !important;
    padding: 12px 21px !important;
    height: auto !important;
    line-height: unset !important;
}

body.tamil .userdetailstble+.exist_btn {
    justify-content: center !important;
     gap: 10px;
     font-size: 14px;
}
.exist_btn a {
    width: calc(50% - 5px);
}
body.tamil .indexsecbg p.terms{
    font-size: 13px;
}
.indexsecbg p.terms{
    text-align: left;
}
body.index_page.tamil input[type=checkbox] {
    height: 25px;
    width: 100px;
}
body.tamil p{
    font-size: 14px;
}
.naviaheader {
    gap: 15px;
}
body.tamil .zeroitemssec{
    flex-wrap: wrap;
}
body.tamil .zeroitemsitem{
    width: 42% !important;

}
body.tamil #resendotpemail{
    font-size: 10px;
}
body.v_align.center.esign_page.eng {
    padding-bottom: 75px;
}
body.photo_cap.tamil a.okaybtns {
    font-size: 10px !important;
}
#aadharupload_two .ch_aadhar_bx.digio>.label{
    font-size: 14px;
}
body.tamil #aadharupload_two .ch_aadhar_bx.digio .label h3 {
    font-size: 10px;
}
body.tamil .bank_verify .img_icon.verify_bank span.btn-link.bankverified {
    font-size: 10px !important;
}
}
/* voice css */