/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/popinns.woff2') format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/popinns.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/popinns.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*{
 padding: 0;
 margin: 0;
}
 .myFile{
     width: 164px;
     margin: auto;
 }
 .eye-btn{
     padding: 0px;
 }
 .eye-icon{
     font-size: 1.2rem;
     color: rgb(25, 114, 184);
 }
 span > .btn {
     padding: 0;
 }
 .col-width-name{
    width: 63%;
 }
 .col-width-add{
    width: 91%;
 }
 .policy-no-col{
    max-width: 82.5%;
}
 /*.detail-form{
     margin-top: .5%; 
 }*/
 .consent-wrapper{
    padding: 0 10% 3% 10%;
    margin-top: 2%;
 }
.submit-button {
    /*padding-top: 40px;*/
    padding-bottom:20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.save-btn {
    background: rgb(25, 114, 184);
    color: rgb(255, 255, 255);
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    margin-top: 20px;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
}



 .custom-hr{
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
.cond-wrapper{
    padding: 1% 0 1% 0;
    display: flex;
}
 /*.detail-para{
     line-height: 2; 
 }*/
 span > i {
     color: #000;
 }
 span > input {
     background: none;
     color: white;
     padding: 0;
     border: 0;
 }
 .btn{    
     font-size: .7rem;
 }
 p{
     margin-bottom: 0px;
 }
 .col-padding{
    padding-left: 0px;
    padding-right: 0px;
 }
 .col-center{
    text-align: center;
}
 body{
     font-family: 'Poppins', sans-serif;  
     font-size: .7rem;
     background: #f8f9fa;
 }
 .consent-para{
    line-height: 2.4;
 }
 html,body{
     overflow-x: hidden;
 }
 .address-form{
     padding: 0 5% 0 5%;
     margin-top: 0%;
 }
 .existing-label{
         padding: 0;
         color: #000;
         FONT-WEIGHT: 600;
         text-align: center;
     
 }
 .form-select{
     padding: 0px;
 }
.doc-upload1 {
     display: flex;
     width: 100%;
     margin-top: 5px;
     padding-left: 5%;
 }
 .kyc-btn {
     font-size: .7rem;
     background: rgb(25, 114, 184);
     color: rgb(255, 255, 255);
     padding: 5px 10px;
     border: none;
     border-radius: 5px;
     font-weight: bold;
     /* margin-top: 20px; */
     cursor: pointer;
     display: inline-block;
     margin-right: 10px;
 }
 .wrapper-btn {
     text-align: center;
     width: 100%;
 }
 label{
     padding-bottom: 0px;
     margin-bottom: 0px;
 }
 .center-label{
     text-align: center;
 }
 .heading-label{
     padding: 1% 0 5px 0;
     color: rgb(25, 114, 184);
     FONT-WEIGHT: 600;
     margin-bottom: 0px;
 }
 .Pennydrop-success-FLC {
     display: flex;
     align-items: end;
     vertical-align: middle;
     text-align: center;
     justify-content: center;
     float: left;
     width: 100%;
 }
 .flc-label{
     padding: 1% 0 5px 0;
     color: rgb(25, 114, 184);
     FONT-WEIGHT: 600;
 }
 .imp-label{
     padding: 2% 0 0 0;
     color: rgb(25, 114, 184);
     FONT-WEIGHT: 600;
 }
 .head-content{
     background-color: #e43a23;
     color: #fff;
 }
 .logo-img {
     float: right;
     width: 328px;
 }

 .img-row {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     justify-content: end;
     margin-right: -15px;
     margin-left: -15px;
 }
 .register-left {
     text-align: center;
     color: #fff;
     margin-top: 4%;
 }

 .register-left input {
     border: none;
     border-radius: 1.5rem;
     padding: 2%;
     width: 60%;
     background: #f8f9fa;
     font-weight: bold;
     color: #383d41;
     margin-top: 30%;
     margin-bottom: 3%;
     cursor: pointer;
 }
 .wrapper-address{
     display: flex;
 }
.identityProofSurrender {
    margin-top: -6% !important;
}

 .custom-input{
     height: calc(1em + .60rem + 2px);
     font-size: .7rem;
     padding: .375rem .75rem;
     color: #495057;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid #ced4da;
 border-radius: .25rem;
 transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 }

 .register-right {
     background: #f8f9fa;
     /* border-radius: 20px; */
     padding-right: 0; 
     padding-left: 0;
     padding-bottom: 3%;
 
 }
.btn:hover{color: #fff;}
 .register-left img {
     margin-top: 15%;
     margin-bottom: 5%;
     width: 25%;
     -webkit-animation: mover 2s infinite alternate;
     animation: mover 1s infinite alternate;
 }

 @-webkit-keyframes mover {
     0% {
         transform: translateY(0);
     }

     100% {
         transform: translateY(-20px);
     }
 }

 @keyframes mover {
     0% {
         transform: translateY(0);
     }

     100% {
         transform: translateY(-20px);
     }
 }

 .register-left p {
     font-weight: lighter;
     padding: 12%;
     margin-top: -9%;
 }

 /*.register .consent-form {
      padding: 5% 10% 0 10%; 
 }*/
 .register .surrender-form {
     padding: 7% 5% 0 5%;
     margin-top: 10%;
 }

 .btnRegister {
     float: right;
     margin-top: 10%;
     border: none;
     border-radius: 1.5rem;
     padding: 2%;
     background: #0062cc;
     color: #fff;
     font-weight: 600;
     width: 50%;
     cursor: pointer;
 }

 .register .nav-tabs {
     margin-top: 3%;
     border: none;
     background: #0062cc;
     border-radius: 1.5rem;
     width: 28%;
     float: right;
 }

 .register .nav-tabs .nav-link {
     padding: 2%;
     height: 34px;
     font-weight: 600;
     color: #fff;
     border-top-right-radius: 1.5rem;
     border-bottom-right-radius: 1.5rem;
 }

 .register .nav-tabs .nav-link:hover {
     border: none;
 }

 .register .nav-tabs .nav-link.active {
     width: 100px;
     color: #0062cc;
     border: 2px solid #0062cc;
     border-top-left-radius: 1.5rem;
     border-bottom-left-radius: 1.5rem;
 }
 .otp-section {
     font-size: .7rem;
     /* position: fixed; */
     max-width: 100%;
     min-width: 100%;
     width: 100%;
     color: black;
     /* top: 84%; */
     background: #c4e9f1;
     margin: 1% 0 1%;
     border: none;
     border-radius: 2px;
     /* border: solid 1px #000; */
     border: solid 1px #e3e3e3;
     padding: 10px;
     /* float: left; */
 }
 .wrapper-btn-success {
     display: flex;
     margin-top: 2%;
 }
 .wrapper-btn-resend {
     display: flex;
     margin-top: 1%;
     justify-content: center;
 }
 .register-heading {
     text-align: center;
     /* margin-top: 2%; */
     margin-bottom: -15%;
     color: #fff;
     padding: 2PX;
     font-size: 1.1rem;

 }
 .otp-input {
     /* border: 1px solid #000; */
     padding: 5PX;
 }
 .submit-btn {
     font-size: .7rem;
     background: rgb(25, 114, 184);
     color: rgb(255, 255, 255);
     padding: 5px 14px 5px 14px;
     border: none;
     border-radius: 5px;
     font-weight: bold;
     margin-top: 10px; 
     cursor: pointer;
     display: inline-block;
     margin-right: 5px;
 }
 .cancel-btn {
     font-size: .7rem;
     background: #e43a23;
     color: rgb(255, 255, 255);
     padding: 5px 10px;
     border: none;
     border-radius: 5px;
     font-weight: bold;
     margin-top: 10px;
     cursor: pointer;
     display: inline-block;
     margin-right: 10px;
 }
 .resend-otp {
     display: flex;
     align-items: center;
     text-align: center;
     justify-content: center;
     
     width: 100%;
     /* padding-right: 1%; */
 }
 .alert-text{
     padding: 1% 0 0 5%;
     color: #e43a23;
 }
 #error1{
     padding: 1% 0 0 5%;
     color: #e43a23;
     display: none;
 }
 #error2{
     padding: 1% 0 0 5%;
     color: #e43a23;
     display: none;
 }
 .Pennydrop-success {
     display: flex;
     align-items: center;
     vertical-align: middle;
     text-align: center;
     justify-content: center;
     float: left;
     width: 100%;
     margin: 2% 0 1% 0;
 }
 .success-btn {
     align-items: baseline;
     vertical-align: middle;
     text-align: center;
     justify-content: center;
     float: left;
 }
 .Pennydrop-btn {
     background: rgb(25, 114, 184);
     color: rgb(255, 255, 255);
     padding: 5px 10px;
     border: none;
     border-radius: 5px;
     font-weight: bold;
     /* margin-top: 20px; */
     cursor: pointer;
     display: inline-block;
     margin-right: 10px;
 }
 .success {
     height: 30px;
     width: 30px;
     color: white;
     background-color: #2D9F5E;
     font-size: 20px;
     border-radius: 50px;
     /* margin-left: 10px; */
 }
 .fail {
     height: 30px;
     width: 30px;
     color: white;
     background-color: #e43a23;
     font-size: 20px;
     border-radius: 50px;
     margin-left: 10px;
 }
 .form-control {
     height: calc(1em + .60rem + 2px);
     font-size: .7rem;
 }
 .form-group {
     margin-bottom: .3rem;
 }
 .add-col{
     height: 10px;
 }
 .flc-col{
     height: 10px;
     margin-bottom: 1.5rem;
 }
 .container{
     border: 1px solid #e43a23;

 }
 .input-para{
     height: 20px;
     background-color: #e9ecef;
    opacity: 1;
    height: calc(1em + .60rem + 2px);
    font-size: .7rem;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    padding: .375rem .75rem;
}
 .fund-section{
     display: flex;
 }
.RiderSection {
    display: flex;
}
 .input-check{
     margin-right: 3px;
 }
 .para-wrapper{
     line-height: 1.6;
 }
 .note-span{
     font-weight: bold;
 }
 .del-para{
     margin: 1% 0 1% 0;
     line-height: 2;
 }
 .upload-label{
     margin-bottom: 0px;
 }
 .checkbox-label{
     margin-left: 3px;
 }
 .checkbox-second{
     margin-left: 3px;

 }
 #txt-wrapper{
     width: 100%;
     text-align: center; 
 }
 #thankyou-txt{
     color: #e43a23;
     font-weight: bold;
     margin-top: 10%;

 }
 .thankyou-btn{
     margin-top: 10%;
 }
 .thanku-cancel-btn {
     font-size: .7rem;
     background: #e43a23;
     color: rgb(255, 255, 255);
     padding: 10px;
     border: none;
     border-radius: 5px;
     font-weight: bold;
     /* margin-top: 20px; */
     cursor: pointer;
     display: inline-block;
     margin-right: 10px;
 }
 @media (min-width: 1200px){
     .container{
         max-width: 900px;
     }

 }

 @media screen and (max-width: 768px) {
     .container{
         max-width: 700px;
     }
     .otp-input{
             border: 1px solid #000;

         margin-top: 7%;
         padding: 10px;
     }
     .otp-input{
         padding: 7px;
     }
 }
 @media screen and (max-width: 1024px) {
    .col-width-name {
        width: 56%;
    }
    .col-width-add {
        width: 90%;
    }
     .container{
         max-width: 750px;
     }
 }
 @media screen and (max-width: 992px) {
    .col-width-name {
        width: 56%;
    }
     .container{
         max-width: 750px;
     }
     .otp-input{
         border: 1px solid #000;

         margin-top: 7%;

         padding: 5px;
     }
    
 }
 @media screen and (max-width: 600px) {
    .flc-label {
        padding: 0% 0 5px 0;
    }
    .fund-section {
        margin-top: 4px;
    }
        .policy-no-col{
        max-width: 99%;
    }
    .cond-wrapper{
        padding: 1% 0 1% 0;
        display: block;
    }
    .detail-form {
        display: block;
    }
    .register .consent-form {
        margin-top: 5%;
    }
    .col-width-name{
        width: 97%;
     }
     .col-width-date{
        width: 69%;
     }
     .col-width-add{
        width: 80%;
     }
    .col-center{
        text-align: left;
        padding: 0px;
    }
    .col-padding{
        padding-left: 0px;
        
     }
     #thankyou-txt{
         font-size: 1rem;
     }
     .checkbox-second{
         margin-left: 0px;
     }
     .fund-section{
         display: block;
     }
     .imp-label{
         font-size: 16px;
     }
     .prf-wrapper-list{
         font-size: 12px;
         text-align: justify;
     }
     h4 {
         font-size: 1rem;
     }
     .alert-text {
         font-size: .7rem;
     }
     .wrapper-btn-resend{
         margin-top: 2%;
     }
     .otp-input {
         padding: 5px;
     }
     .otp-section {
         font-size: .7rem;
     }
     .center-label{
         text-align: left;
     }
     .doc-upload1 {
         display: block;
         padding-top: 1%;
     }
     .img-row{
         justify-content: center;
     }
     .flex-item1{
         padding-top: 5%;
     }
     .wrapper-address{
         display: block;
     }
    .wrapper-dob {
        display: block;
    }
    .identityProofSurrender{
        margin-top:-3% !important;
    }
    .RiderSection {
        display: inline-table;
        margin-top: 4px;
    }
 }