@charset "utf-8";

@font-face {
    font-family: proxima;
    src: url(../fonts/proxima.ttf);
}

@font-face {
    font-family: proxima-bold;
    src: url(../fonts/proxima-bold.otf);
}

:root {
    --headings-font-family: "proxima-bold";
    --paragraph-font-family: "proxima";
}

[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: 600 !important;
    margin-bottom: 8px;
    outline: none !important;
}

.reveal {
    border: none;
}

.form-error {
    color: red !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);
}

#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 {
    position: absolute;
    margin: 0px; 
    margin-top: 3px;
    margin-bottom: 5px;
    font-weight: normal;
}

button {
    cursor: pointer;
}

.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;
    border-left: none !important;
    width: 434px;
    height: 50px;
    border-top-right-radius: 24px; 
    border-bottom-right-radius: 24px;
}
.nloginseccnt .frm_mobi .input-group-label{
    border: 2px solid #EC4D37 !important;
    border-right: none !important;
    background: #fff !important;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    color:#454545;
    font-size: 16px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}
.nloginseccnt  .frm_mobi{
    position: relative;
    width: 80%;
    margin: 0 auto;
}
.nloginseccnt button#submitform {
    position: absolute;
    right: 4.5px;
    margin-bottom: 0px;
    top: 4px;
    width: 134px;
    height: 42px;
    border-radius: 20px;
    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: 590px;
    background-color: var(--bg_color3);
    /*  box-shadow: -8px 8px 14px 7px var(--bx_shadow); */
    margin: 0px auto;
    display: block;
    border-radius: 10px;
    padding: 20px 0px 0px;
    overflow: hidden;
}

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

.indexsecbg {
    padding: 20px 100px;
}

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

.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: 20px;
}

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: 42px;
    height: 42px;
    border-radius: 50%;
    margin-bottom: 1rem;
}

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

.frm_mobi .input-group {
    width: calc(100% - 55px);
    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;
}

[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: 650px;
    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;
}

.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;
    /* aqua	```1ransition: 0.3s ease; */
}

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

.main-panel h5 {
    color: #000;
    margin-bottom: 0px;
    font-size: 20px;
}

.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.3) !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;
}

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: bold;
}

.foot-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

p#notice {
    margin: 0;
    padding-left: 18px;
}

a.btn-link.resendotp {
    margin-left: 10px;
    font-family: var(--headings-font-family);
}

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: 10px;
}

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: 23px;
    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: 50px;
    background: rgb(243, 243, 243, 0.0) !important;
    border: 1px solid rgb(0, 0, 0, 0.1) !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;
}

.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;
}

.drawsignature {
    position: relative;
    color: var(--t_color1);
    border-radius: 4px; 
    border: 1px solid var(--t_color1);
    font-weight: 600;
    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: 0;
}
#inner_check_bx{
    gap: 0.6em;
    margin-top: -13px;
}

.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;
}
.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);
}

input#panno {
    text-transform: uppercase;
}

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

.form-group.stycheck {
    position: relative;
    margin-top: 40px !important;
}

.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: #47b2e6;
    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: 10px;
    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;
}

#logoutconfirm .cancel_btn,#removefirm .cancel_btn {
    padding: 12px 30px;
    border-radius: 4px;
    background-color: #a19696;
    color: #fff;
    border: none;
    margin: 0px 5px;
    font-size: 15px;
    height: 38px;
}

#logoutconfirm .logout_cbtn{
    padding: 12px 30px;
    border-radius: 4px;
    background-color: var(--t_color1);
    color: #fff;
    border: none;
    margin: 0px;
    font-size: 15px;
    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 10px;
    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;
}
.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: 48px;  
}

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: 50px;
}

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;
}

.pricingplansec .test_check {
    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;
}

.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: 30px;
}

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;
}

.evvan-div {
    height: auto;
    margin-bottom: 0px;
    background: #fff;
    border-radius: 0px 10px 10px 10px;
    /* box-shadow: -8px 8px 20px 7px #cccccc8c; */
    width: 900px;
    margin: 0px auto;
    border-radius: 6px;
    padding-bottom: 0px;
}

.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;
}

.completed_pan_aadhar_sec a {
    color: var(--t_color4);
    background: #F6F6F6;
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: 600;
    margin-left: 8px;
}

.completed_pan_aadhar_sec h6 img {
    margin-right: 8px;
}

.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 0px;
}

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: 50px 50px; 
}

.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: 18px;
}

.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;
}

.agree_check_boxes label input {
    flex-shrink: 0;
}

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 var(--t_color1);
    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;
}

input[type=checkbox]:hover {
    opacity: 1;
}

input[type=checkbox]:checked {
    background-color: 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: 50px;
    background: rgb(243, 243, 243, 0.0) !important;
    border: 1px solid rgb(0, 0, 0, 0.1) !important;
    line-height: 50px;
    border-radius: 6px;
    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: 50px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-size: 14px;
    color: #555555;
    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;
}
.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;
}
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 + .form-error{
    display: block;
}
#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;
}
.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;
}
.calliconsec img{
    width: 25px;
    flex-shrink: 0;
    height: 25px;
}
.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%;
}

/*============================================
               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) {
    .editbtnbnk{
        right: 0px !important;   
    }
    #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;
    }
    .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;
    }

    /* index page  */
    form#indexfrm p.light-text {
        padding-top: 20px;
    }

    .form-group.stycheck {
        margin-top: 50px !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;
        width: 200px;
    }

    .sp-btwn .yes.mbyes {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    /* .tick_derivatives .select_field{
        margin-bottom: 0px;
    } */
   .proofuploadpage .select2-container {
        width: 85% !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;
    }

    .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;
    }

    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: -35px;
    }

    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;
    }

    .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;
    }

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

    .yes {
        float: left;
        width: 100%;
        margin-bottom: 30px;
        margin-top: 10px;
    }

    .sample_img {
        margin-top: 40px;
    }

    .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;
    }
}

@media screen and (max-width: 580px) {
    .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 {
        text-align: left;
        font-size: 16px;
    }

    .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;
    }

    .right-cont {
        padding: 20px 6px; 
    }

    .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;
    }
}

.inner_check_bx label{
 margin: 0 !important;
}


/* pan-chnges css */

.pan_card.bjflex .left-secbj{
  /* width: 50%; */
  text-align: center;
}
.pan_card.bjflex{
    align-items: center;
    min-height: 300px;
    margin: 15px 0;
}
/* .pan_card.bjflex .right-secbj{
    width: 50%;
} */
.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; */
    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;
}