@font-face {
    font-family: 'source-sans-pro';
    font-weight: 200;
    src: url(/fonts/source-sans-pro.extralight.ttf);
}

@font-face {
    font-family: 'source-sans-pro';
    font-weight: 300;
    src: url(/fonts/source-sans-pro.light.ttf);
}

@font-face {
    font-family: 'source-sans-pro';
    font-weight: 400;
    src: url(/fonts/source-sans-pro.regular.ttf);
}

@font-face {
    font-family: 'source-sans-pro';
    font-weight: 600;
    src: url(/fonts/source-sans-pro.semibold.ttf);
}

@font-face {
    font-family: 'source-sans-pro';
    font-weight: 900;
    src: url(/fonts/source-sans-pro.black.ttf);
}

@font-face {
    font-family: 'source-sans-pro';
    font-weight: 700;
    src: url(/fonts/source-sans-pro.bold.ttf);
}


* {
    font-family: 'source-sans-pro' !important;
}

body {
    background: #ffffff;
    margin: 0;
    padding: 0;
}

a {
    color: #442B64;
    text-decoration: none;
    font-size: 14px;
}

.fs-14 {
    font-size: 14px;
}

body::-webkit-scrollbar {
    width: 5px !important;
    background: #dddddd;
}

body::-webkit-scrollbar-thumb {
    height: 500px;
    border: 1px solid #a6aab4;
    background-clip: padding-box;
    border-radius: 7px;
    background-color: #a6aab4;
    box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05);
}

.bg-light {
    /*background: #fff !important;
    box-shadow: 0px 0px 6px #00000029;*/
    background: #3d265a !important;
}

.light-clr {
    color: #828282;
}

.card {
    border-radius: 8px;
    border: none;
    position: relative;
}

.card-header {
    background-color: #624096;
    height: 45px;
}

    .card-header h4 {
        color: #fff;
        text-align: center;
        opacity: 0.5;
    }

    .card-header img {
        position: absolute;
        top: 10px;
    }

/*.card-body h6 {
    text-align: center;
    font-weight: 600;
}*/

.card-body .card-body-list {
    display: flex;
    gap: 15px;
}

.card-body h5 {
    color: #624096;
    font-weight: 600;
    font-size: 20px;
}

.card-body ul li {
    line-height: 25px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #929EB2;
}

.editprofile button.btn {
    float: right;
}

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: none;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    box-shadow: none;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.form-select {
    height: 40px;
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 12%);
    border: 0;
}

    .form-select:focus {
        border-color: none;
        outline: 0;
        box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 12%);
    }

.form-check-input:checked {
    background-color: #442B64;
    border-color: #442B64;
}

.form-check-input:focus {
    border-color: #442B64;
    outline: 0;
    box-shadow: none;
}

.btn-outline-danger {
    font-size: 14px;
}

.alert-warning {
    background-color: #FFFFCC;
    border: 1px solid #FFFFCC;
    color: #000;
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071";
    color: #FFC400;
    font-size: 25px;
}

.fa-ellipsis-v:before {
    content: "\f142";
    color: #a5a5a5;
}

.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}

.dropleft .dropdown-toggle::before {
    display: none;
}

.text-truncate {
    width: 160px;
}

.navbar {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.nav-right li .fa-bell:before {
    color: #6F6F6F;
    position: absolute;
    margin-right: 10px;
    /*position: relative;*/
    top: 5px;
    font-size: 20px;
}

.nav-right li .fa-circle:before {
    color: #FF3B3B;
    font-size: 20px;
}

.navbar .nav-item .nav-link i::before {
    color: #cacaca;
    font-size: 20px;
    vertical-align: middle;
}

.navbar .nav-item .nav-link.active, .navbar .nav-item .nav-link.active:hover {
    color: #ffffff;
    font-weight: 700;
    /*border-top: 4px solid #ffffff;
    border-radius: 3px;*/
    /*padding-top: 4px;*/
    line-height: 44px;
    position: relative;
    display: flex;
}

.navbar .nav-item .nav-link, .navbar-light .navbar-nav .nav-link:focus {
    color: #cacaca;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding-top: 8px;
    line-height: 44px;
}

    .navbar .nav-item .nav-link:hover {
        color: #fff;
    }

        .navbar .nav-item .nav-link:hover i::before {
            color: #fff;
        }

    .navbar .nav-item .nav-link i {
        margin-right: 6px;
        position: relative;
        bottom: 2px;
    }

    .navbar .nav-item .nav-link.active::before {
        content: "";
        background-color: #fff;
        height: 4px;
        position: absolute;
        top: 0px;
        width: 100%;
        border-radius: 22px;
        opacity: 1;
        transition: .2s all ease-in-out;
    }

.navbar .nav-item, .navbar .nav-item:hover {
    padding: 0 8px;
}

/*.nav.navbar-nav.nav-right li p {
    color: #b6b6b6;
}*/

.nav.navbar-nav.nav-right li.right-icon {
    padding: 12px 10px;
    line-height: normal;
}

.nav.navbar-nav.nav-right li a i::before {
    color: #b6b6b6;
    font-size: 18px;
    vertical-align: middle;
}

.nav.navbar-nav.nav-right li a i:hover::before {
    color: #fff;
}

.navbar .navbar-nav .dropdown .dropdown-toggle {
    filter: brightness(0) invert(1);
}
/*Sub tabs*/
.subtabs .nav-tabs {
    border-bottom: none;
}

.subtabs .nav .nav-item > .active.nav-link {
    color: #624096;
    font-weight: 700;
    border-bottom: 3px solid #442B64;
}

.subtabs .nav .nav-item a.nav-link {
    font-size: 14px;
    font-weight: 500;
    color: #404A5F;
    text-decoration: none;
    line-height: 23px;
    text-transform: capitalize;
    background-color: #fff;
    padding: .5rem 1rem;
    border-color: #0000;
}

.notification-circle {
    position: relative;
    right: 25px;
    font-size: 20px;
    top: -5px;
}

.notification-count {
    position: absolute;
    right: 5px;
    font-size: 9px;
    top: 5px;
    color: #fff;
}

.pwd-show {
    background: none;
    cursor: pointer;
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 12%);
    border-radius: 0 8px 8px 0px !important;
}

.list-group {
    box-shadow: 0px 12px 14px #0000000d;
}

.list-group-item.active {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px solid #ddd;
    color: #624096;
}

.list-group-item {
    background-color: transparent;
    border: transparent;
    border-bottom: 1px solid #ddd;
    color: #6F6F6F;
}

.label-text {
    color: #ababab;
    font-weight: 600;
    font-size: 14px;
}

a:hover {
    color: #442B64;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    box-shadow: none;
    background: #3d265a;
}

.info-div {
    border-left: 3px solid #624096;
    box-shadow: 0 0 6px #33333329;
    border-radius: 8px;
}

    .info-div h6 {
        text-align: left;
        color: #624096;
        font-weight: 600;
        font-size: 16px;
    }

.setupcompy-div {
    border-left: 3px solid #624096;
    box-shadow: 0 0 6px #33333329;
    border-radius: 8px;
}

    .setupcompy-div h5 {
        font-weight: bold;
        color: #000;
        font-size: 18px;
    }

    .setupcompy-div p {
        font-size: 15px;
        font-weight: 600;
    }

.setup-tabs ul.nav .nav-item > .active.nav-link {
    width: 200px;
    height: 100%;
    background-color: #624096;
    border-radius: 10px;
    text-align: center;
    padding-top: 30px;
    color: #fff;
}

    .setup-tabs ul.nav .nav-item > .active.nav-link .img > svg path {
        fill: white;
    }

.setup-tabs ul.nav .nav-item .nav-link {
    width: 200px;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: center;
    padding-top: 30px;
    color: #000;
}

.setup-tabs p {
    font-size: 15px;
    margin-top: 20px;
    font-weight: bold
}

.setup-tabs ul.nav .nav-item {
    margin: 37px;
}

.company-announcement {
    position: absolute;
    bottom: 0;
    right: 25px;
}

    .company-announcement .card .card-body {
        height: 350px;
        max-height: 350px;
        overflow-y: auto;
        padding: 0;
        margin-top: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .company-announcement .card .card-header {
        font-size: 16px;
        color: #624096;
        text-align: left;
        background: #fff;
    }

#announcements {
    position: absolute;
    bottom: 50px;
    width: 290px;
    height: auto;
    right: 30px;
}

.company-announcement .card .card-body p {
    border: 1px solid #624096;
    padding: 5px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 5px;
}

    .company-announcement .card .card-body p.read-announ {
        border: none;
        padding: 5px;
        font-size: 13px;
        font-weight: 400;
    }

.company-announcement .card .card-header h6 {
    text-align: left;
}

.company-announcement .card .card-header i::before {
    color: #624096;
    top: 20px;
    position: absolute;
    font-size: 14px;
    right: 20px;
}

.privacy .card {
    height: calc(100vh - 60px);
}

    .privacy .card #recoveryCodesContainer .card {
        height: auto;
    }

    .privacy .card .card-header h6 {
        color: #442B64;
        margin-top: 3px;
        font-size: 18px;
        font-weight: 600;
    }

    .privacy .card .card-body h6 {
        color: #404A5F;
        margin-top: 3px;
        font-size: 16px;
        font-weight: 600;
    }

.privacy p {
    text-align: left;
    color: #929EB2;
    margin-top: 3px;
    font-size: 14px;
    font-weight: 400;
}

.privacy .module-active {
    font-size: 16px;
    font-weight: 600;
}

    .privacy .module-active span {
        font-size: 14px;
    }

.privacy .cust-text {
    font-weight: 400;
    font-size: 14px;
    color: #929EB2;
    width: 120px;
}

.privacy .cust-list {
    width: 250px;
}

.privacy .card .card-header i::before {
    color: #929EB2;
    font-size: 24px;
    vertical-align: middle;
}

.privacy .card-footer {
    background: #fff;
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.05);
    border: none;
}

    .privacy .card-footer .btn {
        border-radius: 50px;
        margin-right: 10px;
    }

.privacy .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: none;
}

.privacy .btn-check:focus + .btn-primary, .btn-primary:focus {
    box-shadow: none;
}

.cursor-pointer {
    cursor: pointer;
}

.module-disabled {
    opacity: 0.5;
    pointer-events: none;
}

hr {
    border-bottom: 1px solid #DCDFE6;
}

/*.logo-section {
    width: 87%;
    max-width: 200px;
    height: 80px;
    border: 2px solid #624096;
    margin: 0 auto;
    border-radius: 5px;
}*/

.logo-section {
    border: 2px solid #624096;
    padding: 2px;
    position: relative;
    border-radius: 100%;
    /*margin: 0 auto;*/
    width: 40px;
    height: 40px;
    white-space: nowrap;
}

    .logo-section label {
        padding: 2px;
        position: relative;
        border-radius: 100%;
        height: 32px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        font-weight: 600;
    }

.upload-logo {
    color: #624096;
    font-size: 14px;
}

#listBusiness .card .card-body ul {
    height: 220px;
    max-height: 250px;
    overflow-y: auto;
}

    #listBusiness .card .card-body ul li {
        cursor: pointer;
        padding: 5px;
    }

#listBusiness .card .card-body {
    box-shadow: 0 0 20px #42444517;
}

    #listBusiness .card .card-body ul li:hover {
        background: #f5f6fa;
    }

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #624096;
    background-color: #624096;
}

.field-validation-error {
    font-size: 12px;
}

/*.select2-container .select2-selection--single {
    height: 38px !important;
    border: 1px solid rgba(0,0,0,.1) !important;
}

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 4px 15px !important;
    }*/


.error-content {
    width: 50%;
    height: auto;
    margin: 0 auto;
    background: rgb(2,0,36);
    background: linear-gradient(to bottom, rgba(189,102,204,1) 0%, rgba(101,47,123,1) 100%);
    border-radius: 35px;
    padding: 35px 20px;
}

    .error-content h5 {
        color: #fff;
    }

    .error-content p {
        color: #fff;
        font-size: 14px;
    }

    .error-content a {
        text-align: center;
        font-size: 14px;
    }

        .error-content a:hover {
            color: #007bff;
        }

.dropdown-item {
    color: #7c7c8c;
}

.dropdown-menu {
    padding: 10px;
    /*border-radius: 0px 0px 8px 8px;*/
    border: none;
    box-shadow: 0 3px 6px rgba(98, 64, 150, 0.16);
    background-color: #fff;
}

.fa-home:before {
    content: "\f015";
    color: #767c8c;
    font-size: 18px;
}

.fa-power-off:before {
    content: "\f011";
    color: #767c8c;
    font-size: 18px;
}

.dropdown-toggle::after {
    vertical-align: unset !important;
    border-top: 0.3em solid #b6b6b6;
    display: none;
}

button:not(.ws):not(.wsa):not(.vspib), input[type="submit"], [class="gac_sb"] {
    box-shadow: none !important
}

.passwordFocus {
    border: 1px solid #80bdff;
}
/*Profile page*/
.wrapper {
    padding: 0;
    width: 120px;
    display: block;
    position: absolute;
    top: 1px;
    padding-bottom: 50px;
    cursor: pointer;
}

.uploadWrapper {
    position: absolute;
    top: 10px;
    color: rgb(139, 139, 139);
    background-color: rgba(255,255,255,0.8);
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    vertical-align: middle;
    z-index: 10;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 100px !important;
    cursor: pointer;
}

    .uploadWrapper:hover {
        opacity: 1;
        cursor: pointer;
    }

img {
    z-index: 1;
}



.ImgRound {
    border-radius: 50% !important;
    /*border: 3px solid white;*/
    margin: 0 auto;
    padding: 3px;
    background-color: #eee;
    cursor: pointer;
    /*margin-left: -22px !important;*/
    /*position:absolute;*/
}

.uploadWrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 120px;
    cursor: pointer;
    margin-left: -22px !important;
}

.imageDrop :after {
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    top: -5px;
    transform: rotate( 45deg );
    border-top: 1px solid rgba(0,0,0,.15);
    border-left: 1px solid rgba(0,0,0,.15);
}

.dropdown-menuI {
    transform: translate3d(-2px, 130px, 0px) !important;
    top: 0px;
    left: 0px;
    will-change: transform;
    min-width: 8rem !important;
    max-width: 8rem !important;
}

.dropdown-itemI {
    text-align: center !important;
    font-weight: 400 !important;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #f0f2f3;
    opacity: 1;
}

.circular-img {
    border-top-left-radius: 50% 50%;
    border-top-right-radius: 50% 50%;
    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
}

/* .logo-section {
        border: 2px solid #624096;
        padding: 2px;
        position: relative;
        border-radius: 100%;
        margin: 0 auto;
        width: 100px;
        height: 100px;
    }*/
/*Profile page*/
/*==============================================================*/
.dataTables_length {
    padding-top: 12px !important;
}

.dataTables_paginate {
    padding-top: 12px !important;
}


@media only screen and (max-width: 479px) {
    .mobile-hide {
        display: none !important;
    }
}

/*New css code*/
.login .form-floating label {
    font-size: 14px;
    font-weight: 400;
    color: #828282;
    position: inherit;
    pointer-events: none;
    padding: 0 5px 10px 0;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.login .form-floating > .form-select ~ label {
    opacity: 0.65 !important;
    transform: scale(0.85) translateY(-0.6rem) translateX(1rem) !important;
    height: auto;
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
}

.login .form-floating > .form-control, .form-floating > .form-select {
    height: calc(2rem + 2px);
    line-height: 1.25;
    top: 0;
}

    .login .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
        padding-top: 0 !important;
        padding-bottom: 0;
    }

.form-control {
    border: none;
    /*box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 10%);*/
    border: 1px solid #DCDFE6;
    border-radius: 6px;
    padding: 5px 12px;
}

    .form-control:focus {
        color: #212529;
        transform: none;
        background-color: #fff;
        border-color: #ced4da;
        outline: 0;
        /*box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 12%);*/
        border: 1px solid #3d265a;
    }

.form-label {
    font-weight: 600;
    font-size: 14px;
    color: #404A5F;
    margin-bottom: 0.5rem;
}

.form-floating > label {
    padding: 0.65rem 0.75rem;
}

.form-floating > .form-control:-webkit-autofill ~ label {
    background-color: transparent !important
}

.form-floating > .form-control:-webkit-autofill {
    border: 1px solid rgba(221,221,221,0.8);
}

.bg-text {
    padding: 30px 10px 30px 50px;
    color: #fff;
}

.bg-image {
    background-image: url(/images/account-banner.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px 0px 0px 30px;
    width: 100%;
    height: 100%;
    position: relative;
}

    .bg-image.signin-bg {
        background-position: bottom;
    }

/*.bg-image::after {
        content: '';
        background: url(../images/pattern.png) no-repeat;
        background-size: contain;
        position: absolute;
        top: -255px;
        right: 0;
        z-index: 1;
        width: 485px;
        height: 100%;
    }*/

.login-content img {
    width: 100%;
    height: 380px;
}

.login-content h3 {
    font-size: 20px;
    font-weight: 400 !important;
    color: #fff;
}

.login-content h2 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

.login-content h4 {
    font-size: 16px;
    font-weight: 600;
    color: #404a5f;
}

.login-content p {
    font-size: 14px;
    font-weight: 400;
    color: #828282;
}

.login-content ul {
    padding: 0;
    margin: 0;
    margin-left: 0;
    margin-top: 45px;
    /*    position: absolute;
    bottom: 20px;*/
}

    .login-content ul li {
        font-size: 15px;
        font-weight: 400;
        color: #fff;
        list-style: none;
        display: flex;
        padding-bottom: 8px;
    }

        .login-content ul li i {
            padding-right: 10px;
            font-size: 16px;
        }

.forgotpwd {
    text-decoration: none;
    font-size: 14px;
    color: #ABABAB;
}

    .forgotpwd a {
        color: #6B65B8;
    }

.btn-outline-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    border-radius: 50px;
}

.sign-line {
    width: auto;
    height: 1px;
    background: #ABABAB;
    text-align: center;
}

    .sign-line label {
        position: relative;
        bottom: 14px;
        background: #fff;
        padding: 1px 8px;
        color: #ababab;
        font-size: 14px;
    }

.heading {
    font-weight: 600;
    font-size: 24px;
    color: #404a5f;
}

.notview-pwd {
    position: absolute;
    right: 18px;
    top: 18px;
}

.view-pwd {
    display: none;
    position: absolute;
    right: 18px;
    top: 18px;
}

.screen-padding {
    padding: 70px 170px 35px 150px;
    position: relative;
}

.profile-img {
    border-radius: 100px !important;
    width: 32px;
    height: 32px;
    border: 2px solid #624096;
}

.dropdown-menu-center {
    right: auto !important;
    left: -224px !important;
    text-align: center;
    min-width: 260px;
    z-index: 999999999999;
}

    .dropdown-menu-center img {
        border-radius: 100px !important;
        width: 60px;
        height: 60px;
        border: 2px solid #624096;
    }

.back-login {
    font-size: 18px;
    text-decoration: none;
    color: #000;
    position: absolute;
    bottom: 25px;
    width: auto;
    display: flex;
    align-items: center;
}

    .back-login i {
        padding-right: 10px;
    }

    .back-login:hover {
        color: #442B64;
    }

    .back-login i.bi.bi-arrow-left-circle-fill::before {
        content: "\f12a";
        font-size: 26px;
        vertical-align: middle;
        background-color: #EDEBFF;
        border-radius: 100%;
        color: #6B65B8;
    }

.input-group {
    /*height: 40px;*/
    min-height: 0px;
}

.input-group-text {
    background: transparent;
    border-right: 0;
}

    .input-group-text.pwd-hide {
        width: auto;
        position: absolute;
        right: 0;
        top: 34px;
        height: 34px;
        border: 0 !important;
    }
    .input-group-text.pwd-hide.ps-view {
        top: 0;
    }

.page-header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    color: #6B65B8;
}

.alert-dismissible {
    padding-right: 2rem;
}
.capcha-box {
    display: flex;
    gap: 15px;
}
    .capcha-box .btn {
        display: flex;
        border: 1px solid #ced4da;
        background-color: #f9f9f9;
        border-radius: 6px;
    }
    .capcha-box .btn i {
        line-height: 20px !important;
    }
.ps-btn {
    background-color: #f9f9f9;
    border: 1px solid #ced4da;
    font-size: 13px;
    border-radius: 8px;
    padding: 4px 12px;
}
/*Eco space*/
.outer-border {
    border: 1px solid #424242;
    /*min-height: 130px;*/
    min-height: 112px;
    position: relative;
    padding: 10px;
    width: 87%;
    margin: 0 auto;
}

.top, .bottom {
    position: absolute;
    width: 20px;
    height: 20px;
    pointer-events: none;
}

.top {
    top: 0;
    border-top: 1px solid #6B409e;
    width: 100px;
    height: 100px;
}

.bottom {
    bottom: 0;
    border-bottom: 1px solid;
}

.left {
    left: 0;
    border-left: 1px solid;
}

.right {
    right: 0;
    border-right: 1px solid #6B409e;
    width: 100px;
    height: 100px;
}

.inner-border {
    background: #6B409e;
    width: 85%;
    margin: 0 auto;
    min-height: 190px;
    border-radius: 10px;
    position: absolute;
    top: -24px;
    left: 22px;
}

.content-bg {
    background: #ffffff;
    width: 90%;
    margin: 0 auto;
    min-height: 174px;
    border-radius: 10px;
    position: absolute;
    top: -17px;
    left: 15px;
    text-align: center;
    padding: 16px;
}

    .content-bg h6 {
        color: #6B409E;
        font-size: 16px;
        margin-top: 14px;
    }

    .content-bg p {
        color: #B6B6B6;
        font-size: 14px;
        margin-top: 10px;
    }

    .content-bg .module-btn {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .content-bg a.btn, .content-bg a.btn:hover {
        position: absolute;
        bottom: 18px;
        border: 1px solid #6D41A0;
        border-radius: 50px;
        color: #442B64;
        padding: 7px 10px 7px;
    }

.info-content {
    display: flex;
    justify-content: center;
    background: #f1f0ff;
    border: 1px solid #442B64;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    width: 52%;
    margin: 0 auto;
    position: relative;
}

.info-border {
    border-bottom: 2px dashed #6B409E;
    width: 126%;
    height: 133px;
    position: absolute;
    top: -56px;
    z-index: -1;
    border-left: 2px dashed #6B409E;
    border-right: 2px dashed #6B409E;
}

.info-dots {
    width: 12px;
    height: 12px;
    background-color: #442B64;
    border-radius: 100px;
    position: absolute;
    left: -13%;
    top: 66px;
}

.info-dots1 {
    width: 12px;
    height: 12px;
    background-color: #442B64;
    border-radius: 100px;
    position: absolute;
    right: -13%;
    top: 65px;
}

.info-dots2 {
    width: 12px;
    height: 12px;
    background-color: #442B64;
    border-radius: 100px;
    position: absolute;
    left: -5px;
    top: -7px;
}

.info-dots3 {
    width: 12px;
    height: 12px;
    background-color: #442B64;
    border-radius: 100px;
    position: absolute;
    right: -5px;
    top: -7px;
}

.info-content h6 {
    color: #6B409E;
    font-weight: bold;
    font-size: 13px;
}

.info-content .logo {
    border-right: 3px solid #6B409E;
    padding-right: 25px;
}

.info-border1 {
    border-bottom: 2px dashed #6B409E;
    width: 43%;
    height: 133px;
    position: absolute;
    top: -100px;
    z-index: -1;
    border-left: 2px dashed #6B409E;
    border-right: 2px dashed #6B409E;
}

.second-info-border {
    border-top: 2px dashed #6B409E;
    width: 66%;
    height: 72px;
    position: absolute;
    z-index: -1;
    border-left: 2px dashed #6B409E;
    border-right: 2px dashed #6B409E;
    left: 17%;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}

.activity-block {
    border: 1px solid #442B64;
    width: 100%;
    height: auto;
    border-radius: 5px;
    padding: 9px 40px;
    position: relative;
    z-index: 99;
}

    .activity-block .user-img {
        border-radius: 50px;
        border: 1px solid #ddd;
        width: 35px;
        height: 35px;
        position: absolute;
        left: -18px;
        top: 13px;
        background: #442B64;
    }

.timeline .activity-block {
    position: relative
}

    .timeline .activity-block::after {
        content: '';
        position: absolute;
        border-left: 1px dashed #442B64;
        bottom: -16px;
        left: 20px;
        height: 15px;
    }

.timeline .end .activity-block::after {
    content: none;
}

.user-img span {
    position: absolute;
    vertical-align: middle;
    text-align: center;
    left: 7px;
    top: 4px;
    color: #fff;
}

.privacy-data {
    background: #fff;
    width: 60%;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 5px;
}

    .privacy-data td:first-child {
        color: #404a5f;
        width: 25%;
        font-weight: 600;
        font-size: 14px;
    }

    .privacy-data td:last-child {
        font-size: 14px;
    }

    .privacy-data tr:last-child td {
        border-bottom: none;
    }

    .privacy-data td .float-end {
        color: #404A5F;
    }

    .privacy-data td {
        color: #929eb2;
    }

    .privacy-data tr td {
        padding: 1rem;
    }

@media(min-width: 997px) and (max-width: 1280px) {
    .screen-padding {
        padding: 50px;
    }
}

.mw-200 {
    min-width: 200px;
}

.mh-40 {
    min-height: 40px;
}

.plus-align {
    position: relative;
    top: 10px;
}

.bi-plus-square-fill::before {
    content: "\f4fc";
    font-size: 18px;
    color: #6B65B8;
}

.table-bg {
    background: rgba(165, 177, 190, 0.5);
}

#tblPatners tr th {
    background: #f1f0ff;
    font-weight: 600;
}

@media (min-width: 320px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
}

@media(min-width: 320px) and (max-width: 991px) {
    .screen-padding {
        padding: 30px
    }
}

.success-msg .alert {
    background-color: #e1ffeb;
    box-shadow: none;
    border-radius: 0;
    position: fixed;
    border: 0;
    top: 10px;
    right: 10px;
    color: #404A5F;
    align-items: center;
    padding: 10px;
    padding-right: 40px;
    z-index: 1;
}

.success-msg .close i::before {
    font-size: 24px;
    color: #41DA73;
    position: absolute;
    top: 10px;
    right: 5px;
    cursor: pointer;
}

.success-msg .alert p {
    margin: 0 25px 0 10px;
}

.success-msg .alert img {
    width: 25px;
    height: 25px;
}

.success-msg .alert .outerborder {
    position: absolute;
    background: #41DA73;
    height: 100%;
    width: 4px;
    border-radius: 0;
    top: 0;
    left: 0;
}

.error-msg .alert {
    background-color: #ffeeeb;
    box-shadow: none;
    border-radius: 0;
    position: fixed;
    border: 0;
    top: 10px;
    right: 10px;
    color: #404A5F;
    align-items: center;
    padding: 10px;
    padding-right: 40px;
    z-index: 9999;
}

    .error-msg .alert p {
        margin: 0 25px 0 10px;
    }

    .error-msg .alert img {
        width: 25px;
        height: 25px;
    }

.success-msg-popup .alert {
    background: #fff;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    border-radius: 4px 6px 10px 10px;
    width: 100%;
    bottom: 10px;
    right: 10px;
    color: #404A5F;
    align-items: center;
    padding: 10px;
    padding-right: 40px;
    z-index: 1;
}

    .success-msg-popup .alert .outerborder {
        position: absolute;
        background: #41DA73;
        height: 15px;
        width: 100%;
        border-radius: 77px;
        top: -8px;
        right: 0;
        z-index: -1;
    }

    .success-msg-popup .alert .btn {
        background: #41DA73;
        border: 1px #41DA73 solid;
        border-radius: 10px;
    }

.error-msg .close i::before {
    font-size: 24px;
    color: #D34935;
    position: absolute;
    top: 10px;
    right: 5px;
    cursor: pointer;
}

.error-msg .alert .outerborder {
    position: absolute;
    background: #D34935;
    height: 100%;
    width: 4px;
    border-radius: 0;
    top: 0;
    left: 0;
}

.text-muted {
    color: #A5B1BE !important;
    font-size: 12px;
    font-weight: 600;
}

.error-text {
    color: #FF0000 !important;
}

.success-text {
    color: #00C741 !important;
}

.phone-input .select2-container.errorinput .select2-selection--single {
    border: 1px solid #FF6D4A !important;
}
/*Landing page*/
.outer-border-login {
    border: 1px solid #424242;
    min-height: 184px;
    position: relative;
    padding: 10px;
    width: 87%;
    margin: 0 auto;
}

.inner-border-login {
    background: #6B409e;
    width: 85%;
    margin: 0 auto;
    min-height: 260px;
    border-radius: 10px;
    position: absolute;
    top: -24px;
    left: 22px;
}

.content-bg-login {
    background: #ffffff;
    width: 90%;
    margin: 0 auto;
    min-height: 244px;
    border-radius: 10px;
    position: absolute;
    top: -17px;
    left: 15px;
    text-align: center;
    padding: 16px;
}

    .content-bg-login h6 {
        color: #6B409E;
        font-size: 17px;
        margin-top: 14px;
    }

    .content-bg-login p {
        color: #B6B6B6;
        font-size: 14px;
        margin-top: 10px;
    }

    .content-bg-login .module-btn {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .content-bg-login a.btn, .content-bg-login a.btn:hover {
        position: absolute;
        bottom: 18px;
        border: 1px solid #6D41A0;
        border-radius: 50px;
        color: #442B64;
        padding: 7px 30px 7px;
    }

.content-flex {
    /*height: calc(100vh - 90px);*/
    align-items: center;
}

/*profile page*/
.wrapper {
    padding: 0;
    width: 120px;
    display: block;
    position: absolute;
    top: 1px;
    padding-bottom: 50px;
    cursor: pointer;
}

.uploadWrapper {
    position: absolute;
    top: 10px;
    color: rgb(139, 139, 139);
    background-color: rgba(255,255,255,0.8);
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    vertical-align: middle;
    z-index: 10;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 100px !important;
    cursor: pointer;
}

    .uploadWrapper:hover {
        opacity: 1;
        cursor: pointer;
    }

img {
    z-index: 1;
}



.ImgRound {
    border-radius: 50% !important;
    /*border: 3px solid white;*/
    margin: 0 auto;
    padding: 0;
    background-color: #eee;
    cursor: pointer;
    /*margin-left: -22px !important;*/
    /*position:absolute;*/
    width: 60px;
    height: 60px;
}

.uploadWrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 120px;
    cursor: pointer;
    margin-left: -22px !important;
}

.imageDrop :after {
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    top: -5px;
    transform: rotate( 45deg );
    border-top: 1px solid rgba(0,0,0,.15);
    border-left: 1px solid rgba(0,0,0,.15);
}

.dropdown-menuI {
    transform: translate3d(-2px, 130px, 0px) !important;
    top: 0px;
    left: 0px;
    will-change: transform;
    min-width: 8rem !important;
    max-width: 8rem !important;
}

.dropdown-itemI {
    text-align: center !important;
    font-weight: 400 !important;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #f0f2f373;
    opacity: 1;
}

.circular-img {
    border-top-left-radius: 50% 50%;
    border-top-right-radius: 50% 50%;
    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
}

.modal-footer .btn, .modal-footer .btn:hover {
    border-radius: 50px;
}

.invitationactive {
    color: #41DA73;
    text-decoration: none;
}

.invitationresend {
    color: #007BFF
}

.partners-scroll {
    height: auto;
    max-height: 500px;
    overflow-y: auto;
}

.tip {
    font-size: 12px;
    font-weight: 400;
}

.companydropdown .select2-container {
    width: 100% !important;
}

.phone-input .select2-container {
    width: 100% !important;
}

    .phone-input .select2-container .select2-selection--single {
        height: 40px !important;
        /*box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 12%);*/
        border: 1px solid #DCDFE6 !important;
        border-radius: 6px;
    }

.phone-input .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 22px;
}

.phone-input .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 5px 20px 5px 12px !important;
    font-size: 15px;
}

.phone-input .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px !important;
}

.select2-results__option {
    font-size: 14px;
}

.phone-input .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f0f2f373;
}

.phone-input .select2-container.select2-container--focus .select2-selection {
    outline: 1px solid #3d265a;
}

.success-verify a {
    color: #00C741;
}

.br-50 {
    border-radius: 50px !important;
}

.br-6 {
    border-radius: 6px !important;
}

.dropdown-item:hover {
    background: #fff;
}

.manditory-field {
    color: #FF0000;
}

.profile-heading {
    color: #404A5F !important;
}

.module-active {
    color: #442B64 !important;
    font-weight: 600;
}

.notification-count {
    background: #fff;
    width: 17px;
    height: 17px;
    border-radius: 50px;
    position: absolute;
    top: -9px;
    right: -6px;
    color: #000;
    padding: 2px 3px 0 1px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #624096 !important;
    color: #fff;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none !important;
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 12%);
    border-radius: 6px;
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border: none !important;
        border-top: 2px solid #000 !important;
        border-left: 2px solid #000 !important;
        width: 8px !important;
        height: 8px !important;
        transform: rotate(225deg);
        margin-left: -10px !important;
        margin-top: -6px !important;
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(45deg);
    margin-top: -2px !important;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 180px !important;
}

.select2-dropdown {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    border-radius: 5px !important;
    border: none !important;
}
/*end profile*/
.profile-logo {
    border: 1px solid #ffffff;
    padding: 0;
    position: relative;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

    .profile-logo label {
        padding: 0;
        position: relative;
        border-radius: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: #fff;
        font-weight: 600;
    }

.input-validation-error {
    border: 1px solid #FF6D4A !important;
}


.border {
    border: 1px solid #A5B1BE !important;
}

.verified-text {
    position: relative;
    top: -31px;
    left: 30%;
    background: #fff;
    font-size: 13px;
    color: #ABABAB;
}

.flag-icon.flag-icon-squared {
    width: 1em;
    margin-right: 10px;
}

.text-danger {
    font-size: 12px;
}

#divSuggestTenant {
    font-size: 12px;
}

/*Update design*/
.top-info {
    background: #fff;
    border: none;
    box-shadow: none;
    width: 100%;
}

    .top-info h6 {
        background-color: #fff;
        position: relative;
        z-index: 2;
        display: inline-block;
        padding: 0 20px;
        margin: 0;
        font-weight: 600;
        font-size: 16px;
    }

    .top-info:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        border-top: 1px solid #442B64;
        z-index: 1;
        width: 100%;
    }

.main-title {
    background: #f1f0ff;
    box-shadow: 0 0 5px #0000001f;
    border-radius: 5px;
    padding: 10px 15px;
    height: 45px;
    border-left: 5px solid #442B64;
    margin: 10px 0;
}

    .main-title h3 {
        font-weight: 600;
        font-size: 20px;
        color: #442B64;
        margin-bottom: 0;
    }

.onboarding-wrapper {
    padding: 15px;
}

.onboard-box-main {
    border: 1px solid #e3e4e7;
    border-radius: 6px;
    padding: 15px;
}

    .onboarding-wrapper .onboard-card {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 -5px;
    }

        .onboarding-wrapper .onboard-card .onboard-col {
            position: relative;
            padding: 0 5px;
        }

.after-login .onboarding-wrapper .onboard-card .onboard-col {
    width: 270px;
}

    .after-login .onboarding-wrapper .onboard-card .onboard-col::after {
        content: "";
        position: absolute;
        bottom: 50%;
        right: -10px;
        border-bottom: 1px dashed #442B64;
        width: 20px;
    }

.onboarding-wrapper .onboard-card .onboard-col.remove-line::after {
    content: none;
}

.onboarding-wrapper .onboard-card .onboard-col:last-child::after {
    content: none;
}

.onboarding-wrapper .onboard-card .card {
    margin: 5px 0;
    background-color: #ffffff;
    padding: 10px;
    padding-top: 35px;
    /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);*/
    border: 1px solid #e3e4e7;
    border-radius: 10px;
    position: relative;
    transition: background .3s ease,border .3s ease,color .3s ease,all .5s ease;
}

    .onboarding-wrapper .onboard-card .card:hover {
        box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
        border: 1px solid rgb(109 65 161);
        transform: translateY(-5px);
        transition: all .5s;
    }

    .onboarding-wrapper .onboard-card .card .card-demo {
        /*position: absolute;
        top: 8px;
        right: 12px;*/
        /*visibility: hidden;
        opacity: 0;*/
        /*display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 5px;*/
    }

        .onboarding-wrapper .onboard-card .card .card-demo .card-txt,
        .onboarding-wrapper .onboard-card .card .card-demo .card-txt a {
            font-size: 11px;
            color: #6d41a1;
            cursor: pointer;
            display: none;
        }

    .onboarding-wrapper .onboard-card .card:hover .card-demo {
        visibility: visible;
        opacity: 1;
    }

.after-login .onboarding-wrapper .onboard-card .card {
    width: 220px;
    padding: 25px 10px;
    margin: 10px auto;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    border: none;
}

    .after-login .onboarding-wrapper .onboard-card .card:hover {
        border: none;
        transform: none;
        transition: none;
    }

.after-login-wraper {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/backgrounpattern.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 -10px;
    position: relative;
    z-index: 0;
}
.after-login-wraper {
    position: relative;
    z-index: 1;
}
.lg-wrap .btn-outline-primary {
    padding: 4px 22px !important;
    font-size: 15px !important;
}
.after-login-wraper .main-title {
    width: 752px;
    margin: 0 auto;
}

.onboarding-wrapper .onboard-card .card-body {
    padding: 0;
}

    .onboarding-wrapper .onboard-card .card-body .card-body-list {
        gap: 5px
    }

    .onboarding-wrapper .onboard-card .card-body img {
        height: 56px;
        position: absolute;
        top: -20px;
    }
.onboard-card .onboard-des {
    margin-bottom: 25px;
}

.after-login .onboarding-wrapper .onboard-card .card-body img {
    height: 40px;
    position: inherit;
}

.onboarding-wrapper .onboard-card .card-body h6 {
    color: #1A1306;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 2px;
    /*text-transform: uppercase;*/
}

.onboarding-wrapper .onboard-card .card-body p {
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 400;
    color: #6C6557;
    height: 35px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.onboarding-wrapper .onboard-card .card-body .module-btn {
    position: relative;
}

.onboarding-wrapper .onboard-card .card-body a.btn {
    bottom: 18px;
    border: none;
    color: #442B64;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
}

    .onboarding-wrapper .onboard-card .card-body a.btn:active {
        background-color: transparent;
    }

    .onboarding-wrapper .onboard-card .card-body a.btn::after {
        content: "";
        background-image: url(../images/right-icon.svg);
        position: absolute;
        top: 8px;
        margin-left: 10px;
        height: 12px;
        width: 12px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .onboarding-wrapper .onboard-card .card-body a.btn:hover {
        border: none !important;
        background-color: #fff;
        color: #442B64 !important;
    }

    .onboarding-wrapper .onboard-card .card-body a.btn:active:focus {
        box-shadow: none;
    }

.after-login .onboarding-wrapper .onboard-card .card-body a.btn {
    bottom: 18px;
    border: 1px solid #6D41A0;
    background-color: #f1f0ff;
    border-radius: 50px;
    color: #442B64;
    padding: 7px 10px 7px;
    font-weight: 600;
}

    .after-login .onboarding-wrapper .onboard-card .card-body a.btn:hover {
        border: 1px solid #6D41A0 !important;
        background-color: #fff;
        color: #442B64 !important;
    }

    .after-login .onboarding-wrapper .onboard-card .card-body a.btn::after {
        content: none;
    }

.after-login .onboarding-wrapper .onboard-card .card::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 10px;
    background: #442B64;
    filter: none;
    margin: 0 5px;
    border-radius: 0 0 30px 30px;
}

.after-login .onboarding-wrapper .onboard-card .card::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 10px;
    background: #442B64;
    filter: none;
    margin: 0 5px;
    border-radius: 30px 30px 0 0;
}

.after-login .onboarding-wrapper .onboard-card .card .line {
    border: 1px solid #404a5f;
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: -15px;
    right: -15px;
    z-index: -1;
}

    .after-login .onboarding-wrapper .onboard-card .card .line::before {
        content: "";
        position: absolute;
        bottom: -2px;
        right: -2px;
        border-right: 3px solid #442B64;
        border-bottom: 3px solid #442B64;
        z-index: 999;
        width: 20px;
        height: 51%;
    }

    .after-login .onboarding-wrapper .onboard-card .card .line::after {
        content: "";
        position: absolute;
        top: -2px;
        left: -2px;
        border-left: 3px solid #442B64;
        border-top: 3px solid #442B64;
        z-index: 999;
        width: 20px;
        height: 51%;
    }

.inner-onboarding .onboard-card {
    position: relative;
}
/*.inner-onboarding .onboard-card:last-child::before {
    content: "";
    position: absolute;
    top: 0;
    left: 115px;
    border-top: 1px dashed #442B64;
    width: 1042px;
}
.inner-onboarding .onboard-card:first-child .onboard-col::before {
    content: "";
    position: absolute;
    bottom: -47px;
    right: 55%;
    border-left: 1px dashed #442B64;
    height: 47px;
}
.inner-onboarding .onboard-card:last-child .onboard-col::before {
    content: "";
    position: absolute;
    top: -47px;
    right: 55%;
    border-left: 1px dashed #442B64;
    height: 47px;
}*/
.after-login .onboarding-login .onboard-card .card-body h6 {
    /*height: 40px;*/
    font-size: 16px;
    color: #442B64;
    font-weight: 600;
    margin-top: 15px;
}

.after-login .onboarding-login .onboard-card .card-body p {
    margin-bottom: 15px;
    line-height: normal;
    font-size: 14px;
    height: auto;
}

.onboarding-wrapper .onboard-card .disable-col .card {
    cursor: not-allowed;
}

.onboarding-wrapper .onboard-card .disable-col .card-body h6 {
    color: #b6b6b6;
}

.onboarding-wrapper .onboard-card .disable-col .card-body p {
    color: #b6b6b6;
}

.onboarding-wrapper .onboard-card .disable-col .card .card-demo .card-txt {
    color: #b6b6b6;
    pointer-events: none;
}

.onboarding-wrapper .onboard-card .disable-col .card .card-demo .card-txt a {
    color: #b6b6b6;
}

.onboarding-wrapper .onboard-card .disable-col .card-body a.btn::after {
    filter: grayscale(100%) opacity(0.5);
}

.inner-onboarding .onboard-card:first-child .disable-col::before {
    border-left: 1px dashed #b6b6b6;
}

.inner-onboarding .onboard-card:last-child .disable-col::before {
    border-left: 1px dashed #b6b6b6;
}

.onboarding-wrapper .onboard-card .disable-col .card .line {
    border: 1px solid #b6b6b6;
}

.onboarding-wrapper .onboard-card .disable-col .card-body img {
    filter: grayscale(100%) opacity(0.5);
}

.onboarding-wrapper .onboard-card .disable-col .card .line::before {
    border-right: 3px solid #b6b6b6;
    border-bottom: 3px solid #b6b6b6;
}

.onboarding-wrapper .onboard-card .disable-col .card .line::after {
    border-left: 3px solid #b6b6b6;
    border-top: 3px solid #b6b6b6;
}

.onboarding-wrapper .onboard-card .disable-col .card::after {
    background: #b6b6b6;
}

.onboarding-wrapper .onboard-card .disable-col .card::before {
    background: #b6b6b6;
}

.onboarding-wrapper .onboard-card .disable-col .card-body a.btn {
    color: #b6b6b6;
    cursor: not-allowed;
}

    .onboarding-wrapper .onboard-card .disable-col .card-body a.btn::after {
        filter: grayscale(100%) opacity(0.5);
    }

.after-login .onboarding-wrapper .onboard-card .disable-col .card-body a.btn {
    border: 1px solid #b6b6b6;
}

.onboarding-wrapper .onboard-card .disable-col .card-body a.btn:hover {
    color: #b6b6b6 !important;
}
/*model design*/
.modal .modal-dialog .modal-content {
    padding: 20px;
}
.fw-bold {
    font-weight: 600 !important;
}

.modal .modal-dialog .modal-body {
    padding: 0;
}

    .modal .modal-dialog .modal-body h4 {
        font-weight: 600;
        font-size: 24px;
        color: #404A5F;
    }

    .modal .modal-dialog .modal-body p {
        font-weight: 400;
        font-size: 16px;
        color: #404a5f;
    }

    .modal .modal-dialog .modal-body .form-label {
        font-weight: 600;
        font-size: 14px;
        color: #404A5F;
    }

    .modal .modal-dialog .modal-body .form-control {
        border: none;
        box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 12%);
        border-radius: 6px;
        padding: 5px 12px;
    }

.modal .modal-dialog .modal-footer {
    padding: 0;
    border: none;
}

.modal .modal-dialog .modal-content .modal-footer .btn {
    padding: 8px 40px;
}

.modal .modal-dialog .phone-input .select2-container .select2-selection--single {
    height: 34px !important;
    border: none !important;
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 12%);
    border-radius: 6px;
}

.modal .modal-dialog .phone-input .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
}

.modal .modal-dialog .modal-content .timer {
    color: #ABABAB;
}

    .modal .modal-dialog .modal-content .timer span {
        color: #6B65B8;
    }

.privacy {
    padding: 0;
}

    .privacy .card {
        border: none;
    }

    .privacy .card-header {
        background: #fff;
        margin: 0 15px;
        padding: 10px 0;
    }

.btn-primary {
    color: #fff;
    background-color: #442B64;
    border-color: #442B64;
    font-size: 14px;
    border-radius: 8px;
    padding: 6px 20px;
}

    .btn-primary:hover {
        background-color: #3d265a;
        border: 1px solid #3d265a;
    }

    .btn-primary:active {
        background-color: #442B64;
    }

        .btn-primary:active:focus {
            box-shadow: 0 0 0 0.25rem rgb(98 64 150 / 50%);
        }

.btn-outline-primary {
    color: #442B64;
    border: 1px solid #442B64;
    font-size: 14px;
    border-radius: 8px;
    padding: 6px 20px;
}

    .btn-outline-primary:hover {
        background-color: #f1f0ff;
        color: #442B64;
        border: 1px solid #442B64;
        text-decoration: none;
    }

    .btn-outline-primary:active {
        background-color: #624096;
        border: 1px solid #442B64;
        color: #fff;
    }

        .btn-outline-primary:active:focus {
            box-shadow: 0 0 0 0.25rem rgb(98 64 150 / 50%);
            border: 1px solid #442B64;
            color: #fff;
        }

table.dataTable thead th {
    border-top: 1px solid #DCDFE6;
    font-weight: 600;
    font-size: 14px;
    color: #404A5F;
}

table.dataTable tbody td {
    font-weight: 400;
    font-size: 14px;
    color: #404A5F;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: #404a5f;
}

table.dataTable tbody tr:hover {
    box-shadow: none;
}

.input-group-append .border {
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 12%);
    border-radius: 6px;
    padding: 8px 12px;
    border: none !important;
}

.profile-details .row.mb-3 label {
    font-weight: 600;
    font-size: 14px;
    color: #404A5F;
}

.profile-details .table > :not(:last-child) > :last-child > * {
    border-bottom-color: #404a5f;
}

.profile-details .table tr td {
    border-bottom-color: #A5B1BE !important;
}

.profile-details .table tr:last-child td {
    border-bottom-color: #dee2e6 !important;
}

.navbar .navbar-brand {
    line-height: 44px;
}

#timer {
    color: #442B64;
    font-weight: 600;
}

select {
    border: none;
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 12%);
    border-radius: 6px;
    padding: 8px 12px;
}

.partners-section .table-responsive {
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #A5B1BE;
}

    .partners-section .table-responsive .table thead tr th {
        padding: 12px 8px;
    }

    .partners-section .table-responsive .table tfoot tr td {
        border-bottom: none;
    }

    .partners-section .table-responsive .table tbody td label {
        display: block;
        margin-bottom: 0;
    }

    .partners-section .table-responsive .table tfoot td label {
        display: block;
        margin-bottom: 0;
    }

.partners-section .select2-container {
    width: 120px !important;
}

    .partners-section .select2-container .select2-selection--single {
        height: 42px !important;
        border: 1px solid rgba(0,0,0,.1) !important;
        border: none;
        box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 12%);
    }

        .partners-section .select2-container .select2-selection--single .select2-selection__rendered {
            padding: 6px 15px !important;
        }

.partners-section .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 6px 6px 0 6px;
    margin-left: -10px;
    margin-top: -4px;
}

.partners-section .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 6px 6px 6px;
}

.dis-edit {
    position: relative;
}

    .dis-edit .form-control {
        padding-right: 30px;
    }

    .dis-edit a {
        position: absolute;
        top: 8px;
        right: 8px;
    }

.disable-color {
    background-color: #f0f2f373;
}

.import-wrapper {
    width: 760px;
}

    .import-wrapper .import-card {
        display: inline-block;
        width: 156px;
        background-color: #fff;
        box-shadow: -10px -10px 20px #fff, 10px 10px 30px #aeaec066;
        box-shadow: 0 0 5px 1px #aeaec066;
        border-left: 4px solid #442B64;
        border-radius: 6px;
        padding: 35px 10px 35px 12px;
        margin: 10px 20px 10px 0;
        position: relative;
    }

        .import-wrapper .import-card.active {
            background-color: #f1f0ff;
        }

        .import-wrapper .import-card .form-check {
            position: absolute;
            right: 5px;
            top: 5px;
            padding: 0;
        }

        .import-wrapper .import-card .import-body .import-img {
            width: 40px;
            min-width: 40px;
            height: 40px;
            line-height: 34px;
            font-size: 16px;
            border: 1px solid #442B64;
            color: #442B64;
            border-radius: 50%;
            display: inline-block;
            text-align: center;
        }

            .import-wrapper .import-card .import-body .import-img img {
                width: 14px;
            }

    .import-wrapper .import-text h2 {
        font-family: Source Sans Pro,sans-serif;
        color: #442B64;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        margin: 0;
        padding-left: 10px;
    }

select.form-control {
    appearance: auto;
}

/*account-login*/
.identity-login {
    height: calc(100vh - 0px);
    /*background-color: #FAFAFF;*/
    background-color: #FFF;
}

.box-wrapper {
    width: 514px;
    margin: 0 auto;
    padding: 30px 40px;
    position: relative;
    background-color: #fff;
}

.signin-wrap .screen-padding {
    padding: 50px 150px 25px 140px;
}

.signin-wrap .box-wrapper {
    width: 570px;
    padding: 20px 30px;
}

/*.box-wrapper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(143.86deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.1) 96.51%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 20px;
    z-index: 2;
}*/

.custom-login .heading,
.custom-login .label-text,
.custom-login form,
.custom-login .get-code,
.custom-login .col-md-12.mt-5,
.custom-login .pt-2.forgotpwd,
.custom-login .back-login,
.custom-login .btn-primary,
.custom-login .recovery-details,
.custom-login .img-box,
.custom-login .mt-3.mb-3,
.custom-login .link-text,
.custom-login .varify-code {
    position: relative;
    z-index: 3;
}

@media (min-width:1900px) {
    .box-wrapper {
        width: 650px;
    }
}

/*.custom-login::after {
    content: '';
    position: absolute;
    bottom: -45px;
    left: -40px;
    width: 120px;
    height: 120px;
    background-image: url(/images/round.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(180deg);
    z-index: 1;
}

.custom-login::before {
    content: '';
    position: absolute;
    top: -45px;
    right: -40px;
    width: 120px;
    height: 120px;
    background-image: url(/images/round.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}*/
.main-heading {
    border-bottom: 1px dashed #442B64;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.custom-login p {
    color: #404a5f;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 5px;
}

.custom-login .main-heading span {
    color: #442B64;
}

.custom-login .form-control {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #ced4da;
    padding: 5px 12px;
}

    .custom-login .form-control:focus {
        color: #212529;
        transform: none;
        background-color: #fff;
        border-color: #ced4da;
        outline: 0;
        border: 1px solid #3d265a;
    }

.identity-login .select2-container .select2-selection--single {
    background-color: transparent;
    box-shadow: none !important;
    border: 1px solid #ced4da !important;
}

.custom-login .label-text {
    font-weight: 400;
    color: #828282;
    font-size: 16px;
}

.identity-login .input-group-text.pwd-hide {
    box-shadow: none;
    color: #ABABAB;
}

.field-validation-error span {
    line-height: 15px;
    display: inline-block;
    padding-top: 5px;
}

.cust-domain .form-group {
    padding-right: 125px;
}


.partner-email-editable {
    pointer-events: none;
}

.recovery-details h2 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 30px;
}

.recovery-details p {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #D9D9D9;
}

    .recovery-details p a {
        font-weight: 400;
        font-size: 16px;
        color: #000;
        text-decoration: none;
    }

        .recovery-details p a i {
            color: #6B65B8;
            padding-right: 10px;
        }

.phone-input .select-contr .select2-container .select2-selection--single {
    height: 34px !important;
}

.get-code {
    padding: 0;
    margin: 0;
}

    .get-code li {
        display: inline-block;
        padding-right: 10px;
    }

        .get-code li input {
            height: 50px;
            width: 50px;
        }

.trial-now p {
    font-weight: 600;
    font-size: 16px;
    color: #FF0000 !important;
}

    .trial-now p a {
        color: #fff;
        text-decoration: underline;
    }

.subscribe-now {
    background: #FFF;
    border-left: 4px solid #d34935;
    box-shadow: 0 0 5px 1px #aeaec066;
    display: flex;
    width: max-content;
    padding: 15px;
    align-items: center;
    gap: 15px;
    justify-content: flex-end;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 9;
}

    .subscribe-now .subscribe-icon {
        height: 50px;
        width: 50px;
        background-color: #d34935;
        text-align: center;
        line-height: 50px;
        border-radius: 100px;
    }

        .subscribe-now .subscribe-icon img {
            filter: brightness(1000) invert(0);
            width: 20px;
        }

    .subscribe-now .subscribe-text {
        font-weight: 400;
        font-size: 14px;
        color: #404a5f;
    }

        .subscribe-now .subscribe-text a {
            font-weight: 600;
            font-size: 16px;
            color: #d34935;
            text-decoration: underline;
        }

.common-text {
    font-weight: 400;
    font-size: 14px;
    color: #442B64;
}

.profile-details label {
    font-weight: 600;
    font-size: 14px;
    color: #404A5F;
    margin-bottom: 15px;
}

.profile-edit {
    display: flex;
    justify-content: space-between;
}

.confirm-box {
    height: 100vh;
}

    .confirm-box .confirm-detail {
        padding: 2rem;
        text-align: center;
        width: 650px;
        margin: 0 auto;
    }

        .confirm-box .confirm-detail img {
            width: 220px;
            margin: 0 auto;
        }

        .confirm-box .confirm-detail h5 {
            color: #624096;
            font-weight: 600;
            font-size: 20px;
        }

.register-box .screen-padding {
    padding: 30px 100px 10px 100px;
}

    .register-box .screen-padding .box-wrapper {
        width: 610px;
        padding: 20px 30px;
    }

.login .register-box .form-floating label {
    padding: 0 5px 5px 0;
}

.password-box .pass-info {
    position: relative;
}

    .password-box .pass-info .input-group-text.pwd-hide {
        box-shadow: none;
        color: #ABABAB;
    }

/*header top module*/
.dropdown-module-list {
    left: auto !important;
    right: 0;
    width: 700px;
    padding: 8px;
}

    .dropdown-module-list.sme-user {
        width: 217px;
    }

    .dropdown-module-list ul {
        padding: 0;
        display: grid;
        grid-template-columns: auto auto auto;
    }

        .dropdown-module-list ul li {
            list-style: none;
            border-radius: 10px;
            padding: 2px 5px;
            margin: 2px 5px;
            cursor: pointer;
            width: 215px;
        }

            .dropdown-module-list ul li:hover {
                background: #f1f0ff;
            }

.top-card img {
    height: 40px;
    width: 40px;
    min-width: 40px;
}

.top-card h6 {
    color: #442B64;
    font-size: 13px;
    margin-top: 12px;
    font-weight: 600;
    margin: 5px 0 0;
}

.top-card p {
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #404A5F;
}

.disable-box .top-card img {
    filter: grayscale(100%) opacity(0.5);
}

.disable-box .top-card h6 {
    color: #b6b6b6;
}

.disable-box .top-card p {
    color: #b6b6b6;
}

.disable-box a {
    cursor: not-allowed;
}

.authentication-text h3 {
    color: #404A5F;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 3px;
}
.authentication-text h4 {
    color: #404A5F;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 2px;
    margin-top: 3px;
}
.authentication-text h5 {
    color: #404A5F;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 2px;
}
.authentication-text p {
    color: #404A5F;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
}
.authentication-text p span {
    font-weight: 600;
}
.enable-list-wrapper .ena-head {
    display: flex;
    align-items: center;
    gap: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
    .enable-list-wrapper .ena-head h3 {
        color: #404A5F;
        font-size: 24px;
        font-weight: 600;
    }
    .enable-list-wrapper .ena-head h3 span {
        color: red;
    }
    .enable-list-wrapper .ena-head p {
        color: #404A5F;
        font-size: 14px;
        font-weight: 400;
    }
.ena-body h4 {
    color: #404A5F;
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
}
.ena-body .ena-body-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}
.ena-body .ena-body-list .ena-body-left {
    display: flex;
    align-items: center;
    gap: 20px;
}
    .ena-body .ena-body-list .ena-body-left p {
        color: #404A5F;
        font-size: 14px;
        font-weight: 400;        
        margin: 0;
    }
.otp-section .otp-top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 15px;
}
    .otp-section .otp-top p {
        color: #404A5F !important;
        font-size: 20px !important;
        font-weight: 600 !important;
    }
.otp-section .otp-center {
    text-align: center;
    margin: 15px 0;
}
    .otp-section .otp-center p {
        color: #404A5F !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        margin: 0;
    }
        .otp-section .otp-center p span {
            font-weight: 600 !important;
            font-size: 16px;
        }
.modal .modal-content .modal-title {
    color: #442B64;
    font-weight: 600;
}

.custom-accordion .accordion {
    width: 100%;
}

    .custom-accordion .accordion-item {
        border: none;
    }
    .custom-accordion .accordion-button:not(.collapsed) {
        color: #404a5f;
        background-color: transparent;
    }



    @media (min-width:1500px) {
        .register-box .screen-padding {
            padding: 50px 100px 20px 100px;
        }

            .register-box .screen-padding .box-wrapper {
                padding: 20px 30px;
            }

        .login .register-box .form-floating label {
            padding: 0 5px 5px 0;
        }
    }

    @media (min-width:1700px) {
        .register-box .screen-padding {
            padding: 60px 100px 30px 100px;
        }

            .register-box .screen-padding .box-wrapper {
                padding: 25px 30px;
            }

        .login .register-box .form-floating label {
            padding: 0 5px 10px 0;
        }
    }
    /*On boarding design*/
    .process-content {
    background-color: #f1f0ff;
    overflow: auto;
    height: calc(100vh - 155px);
}

.process-section {
    width: 910px;
    margin: 0 auto;
    border-radius: 20px;
    padding: 30px 0;
}

.process-stepper .stepper-head {
    display: flex;
    position: relative;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .process-stepper .stepper-head .stepper-step {
        position: relative;
        text-align: center;
        padding: 0.5rem;
        flex-basis: 100%;
    }

    .process-stepper .stepper-head .stepper-indicator {
        position: relative;
        display: block;
        z-index: 2;
    }

    .process-stepper .stepper-head .stepper-indicator-info {
        position: relative;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        border: 1px solid #CACACA;
        background-color: #fff;
        border-radius: 50%;
        font-size: 1rem;
        line-height: 50px;
        text-align: center;
        color: #656565;
        z-index: 2;
    }

    .process-stepper .stepper-head .is-active .stepper-indicator-info {
        background-color: #442B64;
        color: #fff;
    }

    .process-stepper .stepper-head .stepper-label {
        position: relative;
        display: block;
        margin: 0.5rem 0;
        font-weight: 600;
        font-size: 14px;
        color: #404A5F;
        z-index: 2;
    }

    .process-stepper .stepper-head .stepper-step:after {
        content: " ";
        position: absolute;
        left: 50%;
        top: 2rem;
        width: 100%;
        height: 2px;
        background-color: #CACACA;
        z-index: 1;
    }

    .process-stepper .stepper-head .stepper-step:last-child:after {
        content: none;
    }

.process-section .process-steps {
    background-color: #fff;
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 12%);
    border-radius: 20px;
    padding: 30px 80px;
    margin: 10px 0 0;
    /*height: 580px;*/
}

.process-section .steper-title {
    margin-top: 30px;
    border-bottom: 1px solid #e3e4e7;
}

    .process-section .steper-title h2 {
        font-size: 28px;
        color: #442B64;
        font-weight: 600;
    }

    .process-section .steper-title p {
        font-size: 14px;
        color: #405a5f;
        font-weight: 400;
    }

.process-section .steper-subtitle h3 {
    font-size: 20px;
    color: #404a5f;
    font-weight: 600;
}

.process-buttons {
    padding: 15px 0;
}

    .process-buttons a {
        font-size: 20px;
        font-weight: 400;
        color: #442B64;
    }

        .process-buttons a i {
            font-size: 20px !important;
        }

.process-section .steper-title .success {
    background: #41DA73;
    box-shadow: 3px 4px 4px rgba(65, 218, 115, 0.4);
    color: #fff;
    width: 52px;
    height: 52px;
    line-height: 52px;
    margin: 0 auto;
    border-radius: 100px;
}

    .process-section .steper-title .success i {
        font-size: 26px;
    }

.process-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px;
    background-color: #ffffff;
    display: flex;
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.05);
}

.process-footer-content {
    width: 910px;
    margin: 0 auto;
}

    .process-footer-content p {
        font-weight: 400;
        font-size: 14px;
        color: #404A5F;
    }

.process-footer .sales-person-designation {
    border-radius: 14px;
    display: inline-block;
    padding: 5px 15px;
    background-color: #442B64;
    color: #fff;
}

.sales-person-img img {
    width: 60px;
    height: 60px;
}

.link {
    text-decoration: underline;
}

.bold-clr {
    color: #442B64 !important;
    font-weight: 600;
}

.qr-code {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 10px;
}

.onboard-title {
    font-size: 15px;
    font-weight: 600;
    color: #442B64;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}

    .onboard-title.top-ttl {
        font-size: 15px;
        display: flex;
        align-items: center;
        gap: 5px;
        font-weight: 600;
        margin-top: 0;
        margin-bottom: 15px;
        margin-top: 5px;
        color: #111111;
    }

        .onboard-title.top-ttl .onboard-des {
            font-size: 13px;
            margin: 0;
        }

.onboard-des {
    font-size: 13px;
    font-weight: 400;
    color: #525252;
    margin-bottom: 5px;
}

.new-tag {
    position: absolute;
    top: 0;
    right: 0;
    background: #4FC55B;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    padding: 3px 15px 3px 25px;
}

    .new-tag:after {
        content: "";
        border: 14px solid;
        border-color: transparent transparent transparent #fff;
        position: absolute;
        left: 0;
        top: 0;
        height: 0;
        width: 0;
        display: inline-block;
    }


.top-switch-button {
    border-top: 1px solid #e3e4e7;
}

    .top-switch-button .btn {
        padding: 6px 15px;
    }

    .top-switch-button img {
        width: 14px;
    }

    .top-switch-button span {
        position: relative;
        padding-left: 5px;
        top: 1px;
    }

    .top-switch-button .btn-outline-primary:active {
        background-color: #f1f0ff;
        color: #442B64;
        border: 1px solid #442B64;
    }



.onboarding-process-wrapper {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/backgrounpattern.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

    .onboarding-process-wrapper .onboarding-step-box {
        background-color: #fff;
        padding: 25px 80px;
        width: 950px;
        margin: 0 auto;
        border-radius: 10px;
    }

    .onboarding-process-wrapper .onboarding-body {
        padding: 50px 0;
    }

        .onboarding-process-wrapper .onboarding-body h3 {
            font-size: 22px;
            font-weight: 600;
            color: rgb(17, 17, 17);
            margin-bottom: 5px;
        }

        .onboarding-process-wrapper .onboarding-body .size-large {
            font-size: 26px;
            margin-bottom: 25px;
        }

        .onboarding-process-wrapper .onboarding-body h4 {
            font-size: 16px;
            font-weight: 600;
            color: rgb(17, 17, 17);
            margin-bottom: 5px;
        }

        .onboarding-process-wrapper .onboarding-body .size-medium {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .onboarding-process-wrapper .onboarding-body p {
            font-size: 14px;
            font-weight: 400;
            color: rgb(107, 114, 128);
        }

    .onboarding-process-wrapper .onboarding-btn {
        border-top: 1px solid #d1d5db;
        padding-top: 15px;
        margin-top: 15px;
        text-align: right;
    }

.onboard-select.phone-input .select2-container {
    /*width: 310px !important;*/
    outline: none !important;
}

.progress-box .progress {
    background: #e3e4e7;
    height: 8px;
}

.progress-box .progress-bar {
    background: #29b456;
}

#green {
    display: none;
}

#red {
    display: none;
}

.detail-list-view ul {
    display: flex;
    align-items: center;
    margin-top: 25px;
    padding: 0;
}

    .detail-list-view ul li {
        list-style: none;
        text-align: center;
        position: relative;
        width: 25%;
    }

        .detail-list-view ul li:after {
            content: '+';
            position: absolute;
            bottom: 7px;
            width: 15px;
            height: 15px;
            right: -23px;
            font-size: 15px;
            font-weight: 600;
            color: #442B64;
        }

        .detail-list-view ul li:last-child:after {
            content: none;
        }

.onboarding-process-wrapper .onboarding-body .detail-list-view ul li p {
    font-size: 14px;
    font-weight: 400;
    color: #111111;
    margin-top: 10px;
    margin-bottom: 0;
}
/*slider css*/
.wrap-main-box .slick-dots li {
    margin: 0;
}

    .wrap-main-box .slick-dots li button {
        background: #DCDFE6;
        width: 10px;
        height: 10px;
        border-radius: 100px;
    }

    .wrap-main-box .slick-dots li.slick-active button {
        background: #442B64;
    }

    .wrap-main-box .slick-dots li button:before {
        content: none;
    }

.wrap-main-box .slick-slide img {
    margin: 0 auto;
    width: 250px;
}

.wrap-main-box .form-check-label {
    font-size: 14px;
    color: #828282;
}
/*Login sign up design*/
.login-wrap {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/backgrounpattern.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

    .login-wrap .wrap-main-box {
        background-color: #fff;
        padding: 50px;
        width: 890px;
        margin: 0 auto;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
        display: flex;
        position: relative;
    }

        .login-wrap .wrap-main-box:after {
            position: absolute;
            content: '';
            top: 0;
            bottom: 0;
            height: 100%;
            width: 1px;
            background-color: #DCDFE6;
            margin: 0 auto;
            left: 0;
            right: 0;
        }

        .login-wrap .wrap-main-box .wrap-main-left {
            width: 50%;
            padding-right: 50px;
        }

        .login-wrap .wrap-main-box .wrap-main-right {
            width: 50%;
            padding-left: 50px;
        }

        .login-wrap .wrap-main-box .sign-line {
            margin: 25px 0 20px 0;
        }

    .login-wrap .login-content p {
        font-size: 14px;
        font-weight: 400;
        color: #828282;
        padding: 0 25px;
    }

.social-wrap {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 20px 0;
}

    .social-wrap .social-list a {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 10px;
        color: #442B64;
        font-size: 14px;
        border-radius: 8px;
        border: 1px solid #DCDFE6;
    }

        .social-wrap .social-list a:hover {
            background-color: #F8F8F8;
        }

.fix-valid {
    position: absolute;
}

.fixed-alert {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 500px;
    padding: 10px;
    z-index: 100;
}

.fx-alert {
    position: relative;
}

.custom-header {
    border-bottom: 1px solid #D9D9D9;
    padding: 3px 15px;
}

    .custom-header p {
        font-size: 16px;
        font-weight: 400;
        color: #6D41A1;
        margin: 0;
    }

        .custom-header p a {
            text-decoration: underline;
        }

.white-clr {
    color: #fff;
    margin: 0;
}

    .white-clr a {
        color: #fff;
        font-weight: 700;
    }

@media (max-width: 1350px) {
    .onboarding-wrapper .onboard-card .card-body p {
        height: 45px;
        -webkit-line-clamp: 3;
    }
}

@media (max-width: 1310px) {
    .onboarding-wrapper .onboard-card .card {
        padding-right: 0;
    }
    .onboarding-wrapper .onboard-card .card-body p {
        padding-right: 10px;
    }
    .onboarding-wrapper .onboard-card .card-body h6 {
        font-size: 13px;
    }
}

    @media (max-width: 1200px) {
        .box-wrapper {
            width: 100%;
            padding: 30px 0px;
        }

        .register-box .screen-padding {
            padding: 30px 0 10px 0;
        }

        .onboarding-wrapper .onboard-card .card {
            padding-right: 10px;
        }

        .onboarding-wrapper .onboard-card .card-body p {
            padding-right: 0;
            height: 32px;
            -webkit-line-clamp: 2;
        }
    }

    @media (max-width: 991px) {
        .dropdown-module-list {
            width: 690px;
        }

            .dropdown-module-list ul li {
                width: 210px;
            }

        .bg-image {
            display: none;
        }

        .register-box .screen-padding .box-wrapper {
            width: 100%;
        }

        .navbar .navbar-toggler {
            display: none;
        }

        .after-login .onboarding-wrapper .onboard-card .onboard-col::after {
            content: none;
        }
        .after-login .onboarding-wrapper .onboard-card .onboard-col {
            margin-bottom: 20px;
        }

        .login-wrap .wrap-main-box {
            padding: 25px;
            width: 740px;
        }

            .login-wrap .wrap-main-box .wrap-main-left {
                padding-right: 25px;
            }

            .login-wrap .wrap-main-box .wrap-main-right {
                padding-left: 25px;
            }

        .onboarding-process-wrapper .onboarding-step-box {
            padding: 20px 30px;
            width: 730px;
        }

        .wrap-main-box .slick-slide img {
            width: 200px;
        }

        .procss-img,
        .procss-img img {
            display: none;
        }

        .onboarding-process-wrapper .onboarding-body {
            padding-bottom: 0 !important;
        }
    }

    @media (max-width: 767px) {
        .dropdown-module-list {
            width: auto;
        }

            .dropdown-module-list ul {
                grid-template-columns: auto auto;
            }

                .dropdown-module-list ul li {
                    width: 200px;
                }

        html {
            height: 100%;
            background-color: #f5f5f5;
        }

        .onboarding-wrapper {
            padding: 15px 0;
        }

            .onboarding-wrapper .onboard-card .onboard-col {
                width: 50%;
            }

                .onboarding-wrapper .onboard-card .onboard-col.mob-col {
                    width: 100%;
                }

        .register-box .screen-padding {
            padding: 0;
        }

            .register-box .screen-padding .box-wrapper {
                padding: 20px 15px 20px 30px;
            }

        .screen-padding.pt-5 {
            padding-top: 0px !important;
        }

        .screen-padding {
            padding-top: 0;
        }

        .identity-login .ps-0 {
            padding-left: 12px !important;
        }

        .login-wrap {
            height: auto;
        }

            .login-wrap .wrap-main-box {
                flex-direction: column-reverse;
                margin: 25px auto
            }

                .login-wrap .wrap-main-box:after {
                    content: none
                }

                .login-wrap .wrap-main-box .wrap-main-left {
                    width: 100%;
                    padding-right: 0;
                    padding-top: 15px;
                }

        .forgotpwd.mt-5 {
            margin-top: 1rem !important;
        }

        .login-wrap .wrap-main-box .wrap-main-right {
            width: 100%;
            padding-left: 0;
            padding-top: 15px;
        }

        .login-wrap .wrap-main-box {
            width: 370px;
        }

        .onboarding-wrapper .onboard-card.content-flex {
            height: auto;
        }

        .after-login .onboarding-wrapper .onboard-card .onboard-col {
            margin-bottom: 20px;
        }

            .after-login .onboarding-wrapper .onboard-card .onboard-col::after {
                content: none;
            }

        .custom-login .mt-5.pt-5 {
            padding-top: 1rem !important;
            margin-top: 0 !important;
        }

        .onboarding-process-wrapper .onboarding-step-box {
            padding: 15px;
            width: 100%;
        }

        .onboarding-process-wrapper {
            height: auto;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .onboarding-body .d-flex.gap-5 {
            flex-direction: column;
            margin: 0 auto;
        }

        .onboarding-body .col-md-9.col-sm-12.ps-2,
        .onboarding-body .col-md-6.col-sm-12.ps-2 {
            padding-left: 15px !important;
        }

        .onboarding-body .col-md-3.col-sm-12.phone-input.pe-2 {
            margin-bottom: 15px;
        }

        .onboarding-body .col-md-3.col-sm-12.pe-2 phone-input {
            margin-bottom: 15px;
        }

        .onboarding-body .col-md-9.col-sm-12.ps-2 .col-md-6.col-sm-12 {
            margin-bottom: 15px;
        }

        .onboarding-body .col-md-12.col-sm-12 .mb-4 {
            margin-bottom: 0 !important;
        }

        .steper-subtitle {
            margin-top: 30px;
        }

        .error-msg .alert {
            padding-left: 45px;
            margin-left: 10px;
        }

            .error-msg .alert img {
                width: 25px;
                height: 25px;
                min-width: 25px;
                max-width: 25px;
                position: absolute;
                left: 10px;
            }

            .error-msg .alert p {
                margin-left: 0;
            }

        .success-msg .alert {
            padding-left: 45px;
            margin-left: 10px;
        }

            .success-msg .alert img {
                width: 25px;
                height: 25px;
                min-width: 25px;
                max-width: 25px;
                position: absolute;
                left: 10px;
            }

            .success-msg .alert p {
                margin-left: 0;
            }

        .detail-list-view {
            text-align: center;
        }

            .detail-list-view ul {
                margin-top: 10px;
            }

                .detail-list-view ul li img {
                    width: 45px;
                }

        .onboarding-process-wrapper .onboarding-body .detail-list-view ul li p {
            font-size: 12px;
        }

        .detail-list-view ul li:after {
            content: none;
        }
    }

    @media (max-width: 525px) {
        .after-login-wraper {
            height: auto;
        }
        .dropdown-module-list ul {
            grid-template-columns: auto;
        }

        .top-switch-button {
            display: flex;
        }

        .onboarding-wrapper .onboard-card .onboard-col {
            width: 100%;
        }

        .onboard-title.top-ttl {
            display: block;
        }

        .onboarding-wrapper .onboard-card .card-body p {
            height: auto;
        }

        .nav.navbar-nav.nav-right li.right-icon {
            padding: 10px 0 10px 10px;
        }

        .navbar .d-flex .white-clr {
            font-size: 11px;
        }

            .navbar .d-flex .white-clr a {
                font-size: 11px;
            }
    }

    @media (max-width: 425px) {
        .login-wrap .wrap-main-box {
            width: 100%;
        }

        .login-wrap .wrap-main-box {
            margin: 15px
        }

        .social-wrap .social-list a {
            gap: 5px;
            padding: 7px 6px;
        }

            .social-wrap .social-list a img {
                width: 15px;
                height: 15px;
            }

        .steper-subtitle .d-flex {
            flex-direction: column;
            margin: 0 auto;
            width: 80% !important;
        }
    }


    .box-container {
        display: flex;
        justify-content: space-between;
        background-color: #F9F9F9;
        border: 1px solid #D3D3D3;
        border-radius: 3px;
        width: 100%;
        align-items: center;
        padding: 5px 12px;
    }

        .box-container .robot {
            font-size: 14px;
            margin: 0;
            position: relative;
            top: -2px;
        }

        .box-container input[type="checkbox"] {
            appearance: none;
            width: 20px;
            height: 20px;
            margin: 0 10px 0 0;
        }

            .box-container input[type="checkbox"]:checked::before {
                content: url(https://img.icons8.com/?size=20&id=27&format=png&color=1e5180);
                display: block;
                line-height: 20px;
                padding: 0.05rem 0.6rem 0rem 0.05em;
            }

        .box-container .logo {
            display: block;
        }

            .box-container .logo svg {
                width: 26px;
            }

        .box-container .logo-text {
            font-size: 9px;
            margin-top: 10px;
        }

            .box-container .logo-text p {
                font-size: 9px;
                margin-bottom: 7px;
            }

        .box-container .logo-text-tos {
            display: block;
            text-align: right;
            font-size: 9px;
        }

        .box-container .box-lst {
            text-align: center;
            line-height: 0.1rem;
        }

.form-floating input::placeholder {
    color: #969696 !important;
}

#dvCaptcha {
    font-size: 30px;
    font-weight: bold;
    color: #333;
    border: 2px solid #ccc;
    padding: 15px;
    width: 200px;
    text-align: center;
    background-color: #fafafa;
    font-family: 'Arial', sans-serif;
    letter-spacing: 2px;
    margin-bottom: 15px;
    position: relative;
}

    #dvCaptcha::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url('captcha_noise.png'); /* Optional noise pattern */
        opacity: 0.1;
        pointer-events: none;
    }