/* ---- FONTS ---- */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

/* ---- GENERAL ---- */
body {margin: 0%;padding: 0%;box-sizing: border-box;font-family: 'Open Sans', sans-serif; font-size: 14px;}
h1, h2, h3, h4, h5, h6, a, button {font-family: 'Open Sans', sans-serif;}


/* common css */
.myBTN {color: #fff;background-color: #FF1B6B;border-color: #FF1B6B; border-radius: 5px;min-width: 120px;padding: 7px 20px; font-size: 16px;}
.myBTN:hover, .myBTN:focus, .myBTN:active, .myBTN:not(:disabled):not(.disabled):active {color: #fff;background-color: #021859;border-color: #021859;}
.relative {position:relative;}
.colorOR {color: #ff7808;}
.colorBlu {color: #0021ca;}
.colorYlw {color: #f5c50e;}
.no-border {border: none;}
.color-mn {color: #FF1B6B;}
.width100 {width: 100%;}

.signPageImage {/*height: 100vh;*/width: 100%;}

/* Top Header */
.body-container { height: 100vh;width: 100vw; overflow: hidden;}
.page-left { padding: 0 180px 0 160px;position: absolute;top: 46%;left: 50%;transform: translate(-50%, -50%);width:100%;}
.page-left.clientLgn {padding: 0 120px 0 120px;}
.page-left .signup-logo { margin-bottom: 15px; height: 60px;}
.page-left .heading {font-weight: 700;font-size: 20px;color: #081040;margin-bottom: 10px;}
.page-left .heading.clientHD1 {font-size: 18px;}
.page-left .heading.clientHD2 {font-size: 16px;}
.page-left .form-label {font-weight: 600;  font-size: 15px; line-height: 19px; color: #525252;margin-bottom: 3px;
                        margin-top: 3px; }
.page-left .content {font-weight: 600;font-size: 15px;line-height: 19px;color: #606060;}
.page-left ::-webkit-input-placeholder {font-style: normal;font-weight: normal;font-size: 14px;line-height: 19px;color: #D0D0D0;}
.page-left.clientLgnLBL ::-webkit-input-placeholder {color: #686868;}
.page-left .custom-input, .page-left .custom-input:hover, .page-left .custom-input:focus {border: 1px solid #f1f1f1;box-sizing: border-box;border-radius: 5px;height: 35px;box-shadow: 1px 1px 3px #9d9d9d !important;font-size: 14px;}
/*.page-left .form-group {margin-bottom:20px;}*/
/*.page-right {background: url('../image/signup/signin-page.svg');  background-size: cover;background-position: top;overflow: hidden;padding: 40px 120px;height: 100vh;width: 100%;}*/
/*.page-right.clientLgn {background: url('../image/signup/client_signup.svg');  background-size: cover;background-position: top;overflow: hidden;padding: 40px 120px;height: 100vh;width: 100%;}*/
.page-right .heading {font-weight: 800;font-size: 36px;line-height: 120%;color: #FFFFFF;margin-bottom: 25px;}
.page-right .content {font-weight: 400;font-size: 22px;line-height: 120%;color: #FFFFFF;margin-bottom: 35px;}
.page-right .card-row {width: 80%;margin: 0 auto;}
.btn-filled {color: white;background-color: #FF1B6B;border-radius: 5px;border: none;padding: 8px 20px;font-size: 16px;font-weight: 600;letter-spacing: 1px;box-shadow: 0px 2.92308px 36.5385px rgb(150 84 239 / 31%);}
.btn-filled:hover, .btn-filled:focus {color: #fff;background-color: #021859;border-color: #021859;}
/*.formMaxHgt {max-height:450px;overflow-y:auto;}*/
.resendOtpBtn {
    position: absolute;
    right: 4px;
    bottom: 4px;
    background-color: #ff1b6b;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    padding: 3px 12px;
}
.resendOtpTimer {
    position: absolute;
    right: 4px;
    bottom: 7px;
    color: #081040;
    font-size: 14px;
    font-weight:600;
}
.otpVF {
    position: absolute;
    right: 7px;
    bottom: 2px;
    color: green;
    font-size: 20px;
    font-weight: 600;
}
.socialLogIn {margin-top:3px;text-align: center;}
.socialLogIn a, .socialLogIn a:hover {padding:6px 20px;font-size:16px;background-color:#FFF;color:#333;border-radius:25px;text-decoration: none;margin: 2px 2px;width: 47%;display: inline-block;box-shadow: 1px 1px 5px #b1b1b1;}
.socialLogIn .fbLogin {background-color:#1877f2;color:#fff;}
.socialLogIn .fbLogin:hover {background-color:#fff;color:#1877f2;}
.socialLogIn .fbLogin i {color:#fff;}
.socialLogIn .fbLogin:hover i {color:#1877f2;}
.socialLogIn .glogin {background-color:#FFF;color:#333;}
.socialLogIn .glogin:hover {background-color:#4285f4;color:#fff;}
.socialLogIn a i {font-size:18px;margin-right:5px;}
.socialLogIn .glogin img {height:18px;margin-top: -3px;margin-right: 5px;background-color: #fff; padding: 1px;border-radius: 50%;}


    .page-right .motivation-card {
        background: none;
        border: 0.789941px solid #FFFFFF;
        box-sizing: border-box;
        border-radius: 9px;
        padding: 17px 17px 0px;
        margin-bottom: 30px;
    }

        .page-right .motivation-card .moti-card-img {
            width: 28px;
            margin-bottom: 20px;
        }

        .page-right .motivation-card .content {
            
            font-weight: 800;
            font-size: 12px;
            line-height: 17px;
            text-transform: uppercase;
            color: #FFFFFF;
        }

.page-left .for-pass a {
    
    font-weight: 600;
    font-size: 13px;
    line-height: 19px;
    text-align: right;
    color: #333;
    margin: 15px 0px;
}
.page-left .for-pass a:hover {color: #FF1B6B;}

.page-right .phone-img {
    display: block;
    height: 350px;
    margin: 0 auto 40px;
}

.page-right .btn-filled {
    background-color: #fff;
    color: #9654EF;
    font-weight: bold;
    font-size: 13.1538px;
    line-height: 10px;
    text-align: center;
    margin-right: 20px;
    padding: 11px 18px 8px;
}

.page-right .btn-img-icon {
    padding-right: 5px;
    height: 18px;
    margin-top: -4px;
}

.pf-form__message {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.67;
    position: absolute;
}

/* userdeatils*/
.userdetils-cntr #userdeatils {
    position: relative;
}

.userdetils-cntr fieldset {
    background: #ffffff;
    padding: 15px;
    border: 0 none;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0 0%;
}

.userdetils-cntr fieldset:not(:first-of-type) {
    display: none;
}

.userdetils-cntr h2 {
    margin: 0;
    background: #1e73be;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

.userdetils-cntr .start-date {
    position: relative;
}
.userdetils-cntr .start-date .form-control:disabled, .userdetils-cntr .start-date .form-control[readonly] {background-color: #ffffff;}

.userdetils-cntr .help-block {
    color: red !important;
}

.userdetils-cntr label {
   /* color: #29337a;
    font-size: 16px;
    font-weight: 500;*/
}

.userdetils-cntr .start-date img {
    top: 8px;
    position: absolute;
    left: 15px;
}

.userdetils-cntr .radio-inline {
    padding-left: 0;
}

.userdetils-cntr .radio-inline + .radio-inline {
    margin-left: 40px;
}

.userdetils-cntr .sadf span.active {
/*    z-index: 1;
    background: #9654ef;
    border-color: #9654ef;*/
}

.userdetils-cntr .sadf span.active::after {
    content: '';
    background-image: url('/image/tick2.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 35px -8px;
    position: absolute;
    top: 8px;
}

.userdetils-cntr input[type="radio"] {
   /* width: 0px;
    height: 0px;
    left: -9999px;*/
}

.userdetils-cntr .sadf span {
    padding: 1px 1px 1px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    text-align: center;
    background-color: #fff;
}

.userdetils-cntr span.required {
    color: red;
}
.userdetils-cntr .ui-datepicker-trigger {
    background-image: url('../image/calendar.gif');
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 100%;
    position: absolute;
    right: 12px;
    top: 32px;
    border: none;
    color: transparent;
}
.userdetils-cntr .ui-datepicker-trigger {
    content: url(/image/dob.png);
    background-image: none;
    width: 25px;
}
.userdetils-cntr .start-date img {
    position: absolute;
    left: inherit;
    right: 5px;
    top: 5px;
}
.userdetils-cntr .phoneWrap .dd-selected {
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
    border-radius: 5px;
    height: 35px;
    box-shadow: 0px 1px 3px #9d9d9d;
    font-size: 14px;
    padding: 7px 5px;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.userdetils-cntr .page-left .custom-input.phoneNo {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}
.userdetils-cntr .page-left {
    padding: 20px 30px 0 30px;
}
.userdetils-cntr .page-left .dd-pointer {top:57%;}
.page-left #signUpForm .dd .ddTitle .ddTitleText {
    padding: 7px 20px 8px 8px;
    background: #efefef;
}
    .page-left #signUpForm .dd .ddTitle .ddTitleText img {
        padding-right: 5px;
        height: 16px;
    }
.page-left #signUpForm .dd.ddcommon {
    min-width: 100px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #c7d1d9;
    border-right: 0;
}
.page-left #signUpForm .dd .divider {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #f9f8f8;
}
.page-left #signUpForm .dd .ddChild li img {
    padding: 0 6px 0 4px;
    height: 16px;
}

.profile-img img {
    width:100px;
    height:100px;
    border-radius: 0;
    border: 1px solid #ccc;
}

.image-upload label {
    color: #fff;
    background: #919191;
    padding: 2px 3px 4px 4px;
    border-radius: 50%;
    cursor:pointer;
}

.image-upload {
    position: absolute;
    left:90px;
    right: 0;
    bottom: 20px;
}

    .image-upload i {
        font-size: 14px;
    }

    .image-upload label {
        line-height: 1;
        font-size: initial;
        margin: 0;
    }
    .image-upload > input {
        display: none;
    }

.adminLogin {
    background-image: url(../image/bgH.jpg);
    background-repeat: no-repeat,no-repeat;
    background-position: top center;
    background-size: cover;
    color: #d3cece;
}
.adminLogin .forms .button {
    color: white;
    background-color: #FF1B6B;
    border-radius: 5px;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}
    .adminLogin .forms .button:hover {
        color: #fff;
        background-color: #021859;
        border-color: #021859;
    }
    .adminLogin .forms .button:focus {
        box-shadow: 0px 4px 7px #ccc;
        background-color: #FF1B6B;
    }
    .emailunsbscrb {
        margin-bottom: 1rem;
    }

.userdetils-cntr .page-left { padding: 20px 30px 0 110px;}
/* ---------- Media ---------- */
/* ##Device = Desktops, ##Screen = 1281px to higher resolution desktops */
@media (min-width:1281px) {
}
/* ##Device = Laptops, Desktops, ##Screen = B/w 1025px to 1280px */
@media (min-width:1025px) and (max-width:1280px) {
}
/* ##Device = Tablets, Ipads (portrait), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px) {
    .ttlContact {margin-top: 0;}
    .signPageImage {display: none;}
    .page-left, .page-left.clientLgn { padding: 20px 80px 0 80px; position: static; transform: inherit;}
    .body-container { height: auto;}
    .adminLogin {background: none;}
    .userdetils-cntr .page-left {padding: 20px 30px 0 30px;height: 100vh;overflow-y: auto;}
  }

/* ##Device = Tablets, Ipads (landscape), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
}
/* ##Device = Low Resolution Tablets, Mobiles (Landscape), ##Screen = B/w 481px to 767px */
@media (min-width:481px) and (max-width:767px) {
    .signPageImage {display:none;}
        .page-left, .page-left.clientLgn {padding: 20px 30px 0 30px;position:static;transform: inherit;}
    .userdetils-cntr .page-left {padding: 20px 30px 0 30px;height: 100vh;overflow-y: auto;}

}
/* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
@media (min-width:320px) and (max-width:480px) {
    .signPageImage {display:none;}
    .page-left, .page-left.clientLgn {padding: 20px 30px 0 30px;position:static;transform: inherit;}
    .body-container {height:auto;}
    .adminLogin { background: none;}
    .userdetils-cntr .page-left {padding: 20px 30px 0 30px;height: 100vh;overflow-y: auto;}
}