@media (max-width: 1348px){
    .alg{
        margin-top: 94px;
    }
}
@media (max-width: 1298px){
    .align-info{
        bottom: -43px!important;
        background-color: gainsboro !important;
        width: 100%;
        margin: 0;
        margin-top: -6px!important;
    }
}
@media (max-width: 991px){
    .align-info{
        bottom: 0px!important;
        background: gainsboro!important;
        width: 100%;
        margin: 0;
        margin-top: -6px!important;
    }
}
@media (max-width: 766px){

}
@media (max-width: 571px)
{
    .margin2{
        margin-top: 12px;
    }
    .btn-wd{
        width: 100%;
    }
}
.margin-left1{
    margin-left: 156px;
}
.video_view {
    width: 100%;
}
.remove-video-div{
    width: 25%;
    position: absolute;
    bottom: 0px;
}

.controls {
    position: absolute;
    z-index: 999;
    text-align: center;
    left: 0;
    right: 0;
    bottom: -27px;
}

.control-btn {
    padding: 4px 11px;
    padding: 11px 11px;
    border-radius: 50%;
    background: #5a5eb9;
    border: 1px solid #ccc;
    width: 50px;
    height: 50px;
    color: #000;
    border: 1px solid #5a5eb9;
    font-size: 25px;
    width: 65px;
    height: 65px;
    margin-left: 3px;
    margin-right: 3px;
    min-width: 65px!important;
}

.control-btn .button-on{
    color: #fff;
    background: #5a5eb9;
    border: 1px solid #5a5eb9;
}
.control-btn.button-off{
    background: red;
    color: #fff;
    border: 1px solid red;
}


@media (max-width: 1369px)
{
    .controls {
        color: #fff;
        bottom: -29px;
    }

    .control-btn {
        font-size: 25px;
        width: 76px;
        height: 76px;
    }

}
@media (max-width: 285px){
    .control-btn {
        padding: 6px 8px;
        font-size: 10px;
        width: 30px;
        height: 29px;
    }
}

@media (max-width: 800px)
{
    .controls {
        color: #fff;
        bottom: -24px;
    }

    .control-btn {
        font-size: 15px;
        width: 50px;
        height: 50px;
    }
    .videowidth{
        width: 99%!important;
    }
}
@media (max-width: 980px){
    .control-btn{
        padding: 1px;
        width:50px ;
        height:50px ;
    }
}

@media (max-width: 400px)
{
    .controls {
        color: #fff;
        bottom: -15px;
    }

    .control-btn {
        padding: 9px 11px;
        font-size: 12px;
        width: 35px;
        height: 35px;
    }
}


.loadalign{
    position: relative;
    left: 54px;
    bottom: -16px;
}
.ml{
    left:18px;
}
.size{
    left: 176px;
    font-size: 20px;
}
.alig{
    position: relative;
    bottom: 3px;
}
.border2{
    border: 2px solid #fff!important;
}

.imgalign{
    display: flex;
    align-items: center;
}
.cameraerror{
    color: red!important;
    background: #dddddd;
    padding: 11px;
    border-radius: 15px;
}
.networkDtls {
    font-size: 15px;
    font-weight: 600;
}
.modal-open .modal {
    background: #00000080;
}
.vpnModalHdr {
    background: #505050;
    padding: 10px;
}
.vpnModalHdtTitle {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}
.locationModalP {
    margin: 0px;
    font-weight: 400;
}
.logoVerticleCenter {
    line-height: 4;
}
.languageDropVerCentr {
    display: flex;
    align-items: center;
}
.custPrimaryBtn {
    border-color: #1e3966;
    background-color: #1e3966;
    color: #fff;
    font-weight: 500;
}
.custPrimaryBtn:hover {
    border-color: #132441;
    background-color: #132441;
    color: #fff;
}
.custSuccessBtn {
    border-color: #59b039;
    background-color: #59b039;
    color: #fff;
    font-weight: 500;
}
.custSuccessBtn:hover {
    border-color: #4a972e ;
    background-color: #4a972e ;
    color: #fff;
}
.ipLocNetDtlSection {
    font-size: 10px;
    font-weight: 700;
}
.ipLocNetDtlSection p {
    padding-top: 5px;
    font-size: 12px;
    font-weight: 600;
    margin: 0px;
}
.activeLi {
    font-weight: 900;
    color: #1e3966;
    font-size: 14px;
}

.custModalHdr {
    padding: 8px 20px !important;
}
.custModalFtr {
    padding: 8px 20px !important;
}
.modal-header .close {
    padding: 0px !important;
    margin: 0px !important;
}
.custModalTitle {
    font-size: 13px;
}
/*.modal-open .modal {
    background: #00000080;
}*/
.generateXml {
    color: #17c671;
    font-weight: 700;
}
.generateXml:hover {
    text-decoration: none;
}
.aadhaarModalNote {
    color: #c4183c;
    font-size: 11px;
}
.custInputBox {
    border: 1px solid #7e7e7e;
}
.offlineKycBtn{
    /*width: 120px;*/
    height: 40px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
.modalCustLbl {
    font-weight: 600;
    font-size: 10px;
    padding: 5px 5px !important;
}
.modalCustP {
    font-size: 12px;
}
.custInputAppend {
    border: 1px solid #ccc;
}
.panVerifyIcon {
    font-size: 20px;
}
.panDtlPTag {
    font-size: 10px;
}
.kycTypeSection {
    /*border-radius: 5px;*/
    /*border: 1px solid #ccc;*/
    /*padding: 5px;*/
}
.offlineAadhaarKycBtn {
    font-weight: 400;
    font-size: 11px;
}
.custHr {
    margin: 13px 0px;
}
.process-n li::marker {
    color: #5ab13a;
    font-size: 15px;
}


.aadhar-Card {
    width: 450px;
    height: 200px;
}

.aadhar-top,
.Aadhar-footer {
    width: 100%;
}

.person-img {
    width: 110px;
    border-radius: 10px;
    padding: 0 10px;
}

.Verified-img {
    width: 100px;
}
.person-details {
    display: flex;
    align-items: center;
}

.address {
    font-weight: bold;
}

.main-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.confirmation-yes {
    background: #2d728f;
    border-color: #2d728f;
    color: #fff;
}

.confirmation-yes:focus {
    background: #2d728f!important;
    border-color: #2d728f!important;
    color: #fff!important;
}

.confirmation-yes:hover {
    background: #2d728f;
    border-color: #2d728f;
    color: #fff;
}

.confirmation-no {
    padding: 8px 10px;
    border-color: #2d728f!important;
    color: #2d728f;
    font-size: 13px;
    background-color: #fff;
}

.confirmation-no:hover {
    background-color: #2d728f!important;
}
.weight{
    font-weight: 700;
}

.margin{
    margin-top: 1.5rem;
}
@media only screen and (max-width: 750px) {
    .margin {
        margin-top: 0rem;
    }
}
.container-medium {
    max-width: 1400px!important;
}

.hero-img-slide {
    background: #2d728f14!important;
}

@media only screen and (max-width: 576px) {
    .hero-section {
        margin-top: 30px!important;
    }
}
.info-area {
    padding: 15px;
    margin-top: 30px;
    border-radius: 5px;
    background-color: var( --cardbg);
}
.info-area p {
    color: #1f306e;
    font-weight: 400;
    margin-bottom: 3px;
    font-size: 12px;
}
.btn-start-kyc {
    padding: 10px 10px;
    font-size: 11px;
    border-color: var( --btnborder)!important;
    background-color: var( --btnbgcolor)!important;
    color: white;
}
.Know-application {
    padding: 10px 10px;
    border-color: var( --btnborder)!important;
    color: #2d728f;
    font-size: 12px;
}
@media screen and (max-width: 590px) {
    .cast {
        width: 100%
    }
}
@media screen and (max-width: 590px) {
    .casts {
        width: 100%;
        margin-top: 12px;
    }
}
.container-medium {
    max-width: 1400px!important;
}

.hero-img-slide {
    background: #2d728f14!important;
}

#mobileViewcopyright {
    display: none;
}

.client-welcome-box {
    margin-top: 50px!important;
}

@media only screen and (max-width: 576px) {
    .hero-section {
        margin-top: 30px!important;
    }
    #mobileViewcopyright {
        display: block;
    }
    .client-welcome-box {
        margin-top: 0px!important;
    }
}

.hero-section .video-permission {
    min-width: 100%!important;
    height: 585px!important;
}

.footer-part-client-welcome {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.loader-permission i {
    color: #2d728f!important;
    font-size: 34px;
}
.mt{
    margin-bottom: 12px;
}
.back{
    background: var( --btnbgcolor)!important;
}
.font{
    color: var( --color)!important;
}
.f{
    font-size: large;
}
.hero-section1 .video-permission {
    min-width: 100%!important;
    height: 585px!important;
}

.footer-part-client-welcome {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.loader-permission i {
    color: #2d728f!important;
    font-size: 34px;
}
.align1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.card3{
    background: #fff;
    height: 38px;
    width: 144px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;


}
.contai1{
    display: flex;
    justify-content: center;
    margin-left: 12px;
}
.buttons1{
    text-align: center;
}
@media only screen and (max-width: 400px) {
    .buttons1{
        text-align: end;
    }
}
.chat-input1 {
    border-top: 1px solid #ccc;
    background-color: #fff;
    margin-top: 12px;
}
.in {
    width: 80%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    /*margin-right: 5px;*/
    margin-top: 12px;
}

.chatbutton1{
    padding: 8px;
    background-color: #3498db;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 12px;
}
.client-welcome-box1 {
    margin-top: 30px!important;
}

@media only screen and (max-width: 576px) {
    .hero-section1 {
        margin-top: 30px!important;
    }
    .client-welcome-box1 {
        margin-top: 0px!important;
    }
}
.hero-section1 {
    border: 1px solid #d9d9d9;
    padding: 10px;
    border-radius: 9px;
    margin-top: 100px;
}
.container-medium1 {
    max-width: 1400px!important;
}
.hero-img-slide {
    background: #2d728f14!important;
}

.title1 {
    position: absolute;
    left: -999em;
}

.current {
    float: left;
    /* position: absolute; */
    width: 100%;
    /* height: 100%; */
    padding: 2.5% 1.5% 0.5% 1.5%;
}

.content {
    background: #eff6f447;
    /* background: #eff6f48c; #f1f5f9 */
    display: block;
    /* margin: 0.5em; */
    height: 26rem;
    /* overflow: auto; */
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #5b9a8b2e;
    ;
}

.opacity-0 {
    opacity: 0;
}

.hover-opacity {
    opacity: 1;
}

.w-max {
    width: max-content;
}

.camera-screen {
    border: 1px solid #000;
    height: 280px;
    width: 100%;
    border-radius: 12px;
    background: #383838;
}

.HorizentalWizard {
    z-index: 1;
    align-items: center;
    flex: 1 1 0%;
    display: flex;
}
.mainWizard {
    z-index: 5;
    align-items: center;
    position: relative;
    justify-content: center;
}

@media (min-width: 768px) {
    .md\:mx-8 {
        margin-left: 32px;
        margin-right: 32px;
    }
}

.last\:flex-none:last-child {
    flex: none;
}
/* <-----------> */

.bg-slate {
    opacity: 1;
    background-color: rgb(15 23 42);
}

.text-white {
    color: rgb(255 255 255);
}

.duration-150 {
    transition-duration: 150ms;
}

@media (min-width: 768px) {
    .md\:opacity-100 {
        opacity: 1 !important;
        border: none;
    }
}

.top-100 {
    top: 100%;
}

.text-base {
    font-size: 16px;
    line-height: 24px;
}

@media (min-width: 768px) {
    .md\:leading-6 {
        line-height: 24px;
    }
}

@media (min-width: 768px) {
    .md\:h-12 {
        height: 40px;
    }
}

@media (min-width: 768px) {
    .md\:w-12 {
        width: 40px;
    }
}

@media (min-width: 768px) {
    .md\:text-lg {
        font-size: 18px;
        line-height: 28px;
    }
}

.check-double {
    color: rgb(255 255 255);
    font-weight: 500;
}
/* ****** */

.absolute {
    position: absolute;
}

.text-slate-light {
    opacity: 1;
    color: rgb(100 116 139);
}
/* <-------> */

.Step-Number-class {
    transition-duration: 150ms;
    height: 28px;
    width: 28px;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 66;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
.text-slate-drak {
    opacity: 1;
    color: #252B48;
    font-weight: 400;
}
.h-2 {
    height: 2px;
}
.top-50 {
    top: 50%;
}



.w-full {
    width: 100%;
}
.ring-slate-900 {
    opacity: 1;
    color: var(--drakgreen);
}

.ring-offset-2 {
    width: 4px;
}
/* <-----------> */
/* <--------> */

.bg-white {
    background-color: rgb(255 255 255);
}

.ring-slate-900 {
    opacity: 1;
    border: 1px solid black;
}

.ring-opacity-70 {
    opacity: 0.7;
}

.text-slate-900 {
    opacity: 1;
}

.bg-slate {
    opacity: 1;
    background-color: var(--drakgreen);
}

.bg-grey {
    opacity: 1;
    background-color: rgb(224 234 255) !important;
}

.absolute {
    position: absolute;
}

.container-medium {
    max-width: 1400px!important;
}

.hero-img-slide {
    background: #2d728f14!important;
}

#mobileViewcopyright {
    display: none;
}

.client-welcome-box {
    margin-top: 30px!important;
}

@media only screen and (max-width: 576px) {
    .hero-section {
        margin-top: 30px!important;
    }
    #mobileViewcopyright {
        display: block;
    }
    .client-welcome-box {
        margin-top: 0px!important;
    }
}

.hero-section .hero-img-slide {
    min-width: 100%!important;
    height: 630px!important;
}

.footer-part-client-welcome {

    bottom: 0;
    text-align: center;
    width: 100%;
}
.back{
    background: var( --btnbgcolor)!important;
}
.track-card{
    border-radius: 14px;
    background: #eff4f6!important;
    padding: 9px;
}