h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
div,
button {
    font-family: 'Poppins', sans-serif !important;
}

body,
html {
    background-color: #080E1E !important;

}

.header-nav {
    background: #1D3461 !important;
    padding-bottom: 2px !important;
}

.topnav {
    padding: 4px 20px !important;
    background: none !important;
}


.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
    min-height: 72px !important;
}

.top-img {
    width: 50px !important;
    border-radius: 50% !important;
    padding: 4px !important;
    background-color: white !important;
}

.name-header {
    color: white !important;
    text-align: left !important;
    font-size: 10pt !important;
    text-transform: capitalize !important;
}

.name-header::first-letter {
    color: red !important;
    font-size: 50px !important;
}

.name-header>p {
    margin-bottom: 0px !important;
}

.uk-navbar-nav {
    gap: 15px !important;
}

.notify-icon {
    color: white !important;
    background-color: #376996 !important;
    padding: 10px !important;
    border-radius: 8px !important;
}

.home.stats-container {
    background-color: #376996 !important;
    margin: 20px !important;
    margin-top: 10px !important;
    border-radius: 24px !important;
}

.home.total-heading {
    color: white !important;
    text-align: center !important;
    margin-bottom: 0px !important;
    font-size: 9pt !important;
}

.home.total-leads {
    color: white !important;
    text-align: center !important;
    margin-top: 0px !important;
    font-size: 24pt !important;
    letter-spacing: 4px;
    margin-bottom: 0px !important;
}

.home.total-btn {
    color: #0C1728 !important;
    background-color: #2EF6DF !important;
    text-transform: capitalize !important;
    margin-top: 8px !important;
    border-radius: 30px !important;
    padding: 4px 24px !important;
}

.home.total-btn>span {
    vertical-align: middle !important;
    transform: rotate(310deg);
}


.home.total-hr {
    border-top: 1px solid #ffffff80 !important;
}

.home.leads-list {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    list-style: none;
    margin-bottom: 0px !important;
    overflow-x: scroll;
    padding-left: 0px !important;
}

.home.leads-list>li {
    margin-right: 20px !important;
}

.home.leads-list>li>a>div>span.number {
    width: 50px;
    height: 50px !important;
    background-color: white !important;
    color: #1D3461 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
}

.home.leads-list>li>a>div>span:last-child {
    color: white !important;
    text-decoration: none !important;
    margin-top: 4px !important;
    font-size: 9pt !important;
}

.home.leads-list>li:nth-child(1)>a>div>span:last-child {
    width: 64px;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}

.home.leads-list>li>a>div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.home.leads-list>li>a>span {
    color: #0C1728 !important;
    vertical-align: middle !important;
}

.advisorinfo-grid {
    padding: 20px !important;
    padding-top: 20px !important;
}

.advisor-grid.home {
    background-color: #376996;
    padding: 20px !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 16px !important;
}

.advisor-grid.home>div:nth-child(2) {
    padding-left: 10px !important;
}


.advisor-grid.img {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    padding: 4px !important;
    background-color: white !important;
}

.home.advisor-title {
    font-size: 11pt !important;
    color: white !important;
    margin-bottom: 0px !important;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    text-align: left;
    /* width: 90%; */
}

.new-dvisor {
    font-size: 11pt !important;
    color: white !important;
    margin-bottom: 0px !important;
    /* white-space: nowrap; */
    /* overflow: hidden !important; */
    /* text-overflow: ellipsis; */
    text-align: left;
    width: 90%;
}

p.hs.stats-title>span {
    margin-left: 6px;
}

.home.advisor-owner {
    font-size: 9pt !important;
    color: white !important;
    margin-top: 0px !important;
    text-align: left;
    margin-bottom: 0px !important;
}

.advisor-info.home {
    padding: 0px 20px !important;
}

.advisor-grid.home>div:nth-child(2) {
    padding-left: 10 px !important;
    width: 40%;
}

.hd-call>span {
    margin-left: 8px !important;
    padding: 10px !important;
    color: white !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
    font-size: 18pt !important;
    background-color: #1D3461 !important;
}

.hd-whatsapp>img {
    width: 40px !important;
    margin-top: 5px;
    padding: 4px !important;
    border-radius: 50% !important;
    background-color: white !important;
}

.login-container {
    height: 100vh !important;
    z-index: -999;
    overflow: scroll !important;
    background-color: #080E1E !important;
}

.dashboard-container {
    /* height: calc(100vh - 80px) !important;
    overflow: scroll !important; */
    height: 100% !important;
}

.login-heading {
    font-size: 18pt !important;
    margin-bottom: 0px !important;
}

.login-subheading {
    font-size: 10pt !important;
    margin-top: 20px !important;
    width: 60% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.primary-input {
    height: 54px !important;
    border: none !important;
    border-radius: 8px !important;
    background-color: #b9b9b920 !important;
    padding-left: 20px !important;
    color: black !important;
    font-size: 10pt !important;
}

.ov-container {
    /* height: calc(100vh - 60px) !important; */
}

.navbar {
    background-color: #1D3461 !important;
    padding: 0px 20px !important;
    margin-bottom: 0px !important;
    border: none !important;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px;
}

.uk-navbar-nav {
    gap: 10px !important;
}

.profile-img {
    width: 44px !important;
    border: 1px solid white !important;
    border-radius: 80px !important;
}

.profile-name>a {
    font-size: 11pt !important;
    color: white !important;
    text-transform: capitalize !important;
}

.nav-help {
    color: white !important;
    vertical-align: middle !important;
    font-size: 22pt !important;
}


.home-heading {
    font-size: 13pt !important;
}

.hc-link {
    color: #1D3461 !important;
    font-size: 10pt !important;
    float: right !important;
}

.bottomnav {
    position: fixed !important;
    bottom: 0;
    width: 100%;
    height: 74px;
    background: #32394F;
    display: flex !important;
    overflow-x: auto;
    border-radius: 22px 22px 0px 0px;
    z-index: 999 !important;
    display: none !important;

}

.nav__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    min-width: 50px;
    overflow: hidden;
    white-space: nowrap;
    font-family: sans-serif;
    font-size: 13px;
    color: white !important;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 0.1s ease-in-out;
    text-decoration: none !important;
}


.nav__link:hover {
    background-color: #1D346110;
}

.nav__link.uk-active {
    /* background-color: #0C1728 !important; */
    background: none !important;
    color: white !important;
}

.nav__link--active {
    color: #6251f6 !important;
}

.nav__icon {
    font-size: 20px !important;
}

.nav__text {
    font-size: 9pt !important;
}

.nav__icon.add-icon {
    /* background-color: #1D3461 !important;
    padding: 10px !important;
    border-radius: 90px !important; */
    color: #03406c !important;
    top: 220px;
    z-index: 99999;
}




.product-container {
    background-color: #F8F7FD !important;
}

.h-productgrid {
    background-color: white !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

.h-picon {
    color: white !important;
    padding: 10px !important;
    font-size: 20pt !important;
    border-radius: 12px !important;
    background-color: #1D3461 !important;
}

.hp-title {
    font-size: 8pt !important;
    color: #1D3461 !important;
    margin: 0px !important;
    margin-top: 14px !important;
}

.hstats-view {
    margin: 20px !important;
    border-radius: 8px !important;
    padding: 20px 20px;
    background-color: white !important;
}


.htotal-title {
    color: black !important;
    margin-bottom: 0px !important;
    font-size: 12pt !important;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
}

.htotal-title>a {
    float: right !important;
    font-size: 10pt !important;
}

.htotal-no {
    font-size: 22pt !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    color: #009578;
}

.hstats-grid {
    padding: 10px !important;
    display: flex !important;
    border-radius: 8px;
    text-align: left !important;
}

.hstats-grid.-one {
    background-color: #009578 !important;
    text-align: left !important;
}

.hstats-grid.-two {
    background-color: #950000 !important;
}

.hstats-icon {
    color: white !important;
    border-radius: 8px !important;
    vertical-align: middle !important;
    margin-top: 10px !important;

}

.hstats-no {
    font-size: 24pt !important;
    margin-top: 0px !important;
    color: white !important;
    margin-left: 10px !important;
    margin-bottom: 0px !important;
}

.hstats-title {
    color: white !important;
    margin-top: 0px !important;
    font-size: 10pt !important;
    margin-bottom: 0px !important;
}

.secondary-container {
    padding: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
}


.secondary-container>div>ul>li>img {
    border-radius: 26px !important;
}

.secondary-container>div>ul {
    border-radius: 26px !important;
}

.secondary-nav {
    background-color: #1C2035 !important;
    padding: 0px 20px !important;
    top: 0px !important;
}

.secondary-nav>div>ul>li>a {
    color: white !important;
    font-size: 12pt !important;
    vertical-align: middle !important;
    text-transform: capitalize !important;
}

.secondary-nav>div>ul>li>a>span {
    vertical-align: middle !important;
    margin-right: 10px !important;
}

.home-slider>div>ul>li {
    border-radius: 26px !important;
}

.home-slider>div>ul>li>img {
    border-radius: 26px !important;
    object-fit: cover !important;
}

.home-slider>ul.uk-dotnav>li>a {
    width: 10px !important;
    height: 6px !important;
    border-radius: 4px !important;
    background-color: white !important;
    border: none !important;
}

.home-slider>ul.uk-dotnav>li.uk-active>a {
    width: 20px !important;
    background: #6447CE !important;
}


.home.category-container {
    margin-bottom: 60px !important;
    margin-top: 0px;
    padding: 20px;
    padding-top: 0px;
}

.home.category-title {
    font-size: 12pt !important;
    color: #0c1327 !important;
    background-color: white !important;
    text-align: left !important;
    margin-top: 20px !important;
    padding: 10px 20px;
    margin-bottom: 20px !important;
    border-radius: 16px !important;
}

.home.category-title>a {
    float: right !important;
    text-decoration: none !important;
    color: #0c1327 !important;
    text-transform: capitalize !important;
}

.home.category-title>a>i {
    margin-left: 10px;
}

.home.category-grid {
    border-radius: 26px;
    background: linear-gradient(113.45deg, #191D31 4.93%, #394158 100.76%);
    padding: 15px !important;
}

.home.category-grid>a {
    text-decoration: none !important;
}

.home.category-icon {
    width: 40px !important;
    height: 40px !important;
    padding: 10px;
    border-radius: 50%;
    background-color: white !important;
}

.home.category-heading {
    color: white !important;
    font-size: 12pt !important;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}

.list-container {
    padding-top: 0px !important;
}

.list-switch {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin-bottom: 0px !important;
    overflow-x: scroll;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.list-switch::-webkit-scrollbar {
    display: none !important;
}

.list-switch>li.uk-active {}

.list-switch>li {
    list-style: none;
    display: inline !important;
}

.list-switch>li>a {
    border-radius: 90px;
    padding: 7px 8px !important;
    margin: 0px 0px;
    padding-right: 20px !important;
    color: white !important;
    background-color: #394158 !important;
    text-transform: none !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}

.list-switch>li.uk-active>a {
    background-color: #6251f6 !important;
}

.list-switch>li>a>p {
    margin: 0px !important;
}

.list-switch>li.uk-active>a>p {
    color: white !important;
}

.list-switch>li>a>span {
    background: white;
    padding: 10px 10px !important;
    color: #1D3461 !important;
    margin-right: 4px !important;
    border-radius: 90px !important;
    text-transform: capitalize !important;
    background-color: #F0F3F9 !important;
}

.list-switch>li.uk-active>a>span {
    color: white !important;
}

a {
    -webkit-tap-highlight-color: transparent;
}

.list-switch>li>a>span>img {
    width: 20px !important;
    height: 20px !important;
}



.product-list {
    padding: 0px 20px;
    height: calc(100vh - 280px);
    overflow: auto !important;
    background-color: #090f1f !important;
    padding-bottom: 14% !important;
}

.product-card {
    background: linear-gradient(113.45deg, #191D31 4.93%, #394158 100.76%);
    padding: 20px !important;
    border-radius: 32px !important;
}

.product-card>div {
    display: flex !important;
}


.product-card>div>a:first-child {
    display: flex !important;
}

.product-card>div:last-child {
    align-items: center !important;
}

.product-logo {
    width: 120px !important;
    object-fit: cover !important;
}

.product-info>a>div:nth-child(2) {
    padding-left: 20px !important;
}

.product-info>div:nth-child(2) {
    padding-left: 20px !important;
}

.product-info>a {
    color: none !important;
    text-decoration: none !important;
}

.product-name {
    font-size: 12pt !important;
    color: white !important;
    text-align: left !important;
    margin-bottom: 0px !important;
}

.product-details {
    font-size: 10pt !important;
    margin-top: 0px !important;
    text-align: left !important;
    color: #d6d6d6 !important;
    width: 90% !important;
    margin-bottom: 0px !important;
}

.pd-hr {
    margin: 10px 20px !important;
}

.product-action {
    display: flex !important;
    justify-content: space-between;
}

.qv-btn {
    text-transform: capitalize !important;
    background-color: white !important;
    color: #1D3461 !important;
    font-size: 9pt !important;
    padding: 2px 20px !important;
    border-radius: 25px !important;
    border: 1.2px solid #1D3461;
}

.product-action>div:nth-child(2)>a>span {
    color: white !important;
    vertical-align: middle !important;
}

.product-action>div:nth-child(2)>a:nth-child(1)>span {
    display: none !important;
}

.product-action>div:nth-child(2)>a:last-child>span {
    transform: rotate(270deg) !important;
    margin-left: 20px !important;
    font-size: 18pt !important;

}

.quickview-modal {
    background: #0c1327 !important;
    border-top-left-radius: 16px !important;
    min-height: fit-content !important;
    max-height: 95vh !important;
    overflow: auto !important;
    padding-bottom: 20px !important;
    border-top-right-radius: 16px !important;
}



.modal-line {
    width: 15% !important;
    border-top: 4px solid white !important;
    border-radius: 28px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.close-mod>svg {
    color: white !important;
}

.uk-modal-close-default {
    color: black !important;
}

.qv.product-details {
    margin-bottom: 0px !important;
}

.qv.product-action {
    display: flex !important;
    justify-content: center !important;
}

.qv.product-action>a {
    color: white !important;
    text-transform: capitalize !important;
}

.leads-customers {
    margin-top: 20px !important;
    color: black !important;
    font-size: 11pt !important;
}

.leads-customers>a {
    float: right !important;
    font-size: 10pt !important;
}

.qv.product-stats {
    list-style-type: none;
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    padding-left: 0px !important;
    margin-bottom: 0px !important;
    overflow-x: scroll;
}


.qv.product-stats::-webkit-scrollbar {
    display: none !important;
}

.qv.stats-name {
    font-size: 10pt !important;
    color: white !important;
    margin: 8px 0px !important;
}



.qv.stats-name>span {
    font-size: 14pt !important;
}

.qv.stats-name:first-child>a {
    color: #0C1728 !important;
}

.qv.stats-name>a {
    color: white !important;
    white-space: nowrap !important;
}

.qv.stats-grid {
    padding: 0px 18px !important;
    margin-right: 8px !important;
    border-radius: 8px !important;
}

.qv.stats-grid.all {
    background-color: #1476bc !important;
}

.qv.qv.stats-grid.all>div,
.qv.qv.stats-grid.all>div>span {
    color: white !important;
}

.qv.stats-grid a {
    text-decoration: none !important;
}

.qv.stats-grid.all>div>p {
    color: #0C1728 !important;
}

.qv.stats-grid.success {
    background-color: #26AD60 !important;
}

.qv.qv.stats-grid.success>div,
.qv.qv.stats-grid.success>div>span {
    color: white !important;
}

.qv.stats-grid.rejected {
    background-color: #D81159 !important;
}

.qv.qv.stats-grid.rejected>div,
.qv.qv.stats-grid.rejected>div>span {
    color: white !important;
}

.qv.stats-grid.pending {
    background-color: #fe8929 !important;
}

.qv.qv.stats-grid.pending>div,
.qv.qv.stats-grid.pending>div>span {
    color: white !important;
}

.qv.stats-grid.action {
    background-color: #6251f6 !important;
}

.qv.qv.stats-grid.action>div,
.qv.qv.stats-grid.action>div>span {
    color: white !important;
}

.qv.stats-grid>div {
    display: flex !important;
    align-items: center !important;
}

.qv.stats-icon {
    color: #009578 !important;
    vertical-align: middle !important;
    margin-right: 8px;
}

.qv.customer-view {
    background-color: white !important;
    margin-top: 20px !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

.qv.customer-heading {
    font-size: 10pt !important;
    color: black;
    text-align: left !important;
    margin-bottom: 0px !important;
}

.qv.customer-subheading {
    font-size: 9pt !important;
    color: gray;
    margin-top: 0px;
    margin-bottom: 0px !important;
    width: 80% !important;
}

.qv.customer-no {
    margin-top: 14px !important;
    padding: 20px !important;
    border-radius: 16px !important;
    background: linear-gradient(113.45deg, #7A84B7 4.93%, #E8E8E8 100.76%);
    display: flex !important;
    align-items: center !important;
    justify-content: space-between
}

.qv.total-customers {
    margin-right: 20px !important;
    margin-bottom: 0px !important;
    font-size: 12pt !important;
    padding: 12px !important;
    width: 10px;
    height: 10px;
    display: flex;
    background-color: white !important;
    border-radius: 50% !important;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center !important;
    font-family: 'Roboto', sans-serif !important;
}

.qv.customer-link {
    transform: rotate(270deg);
    vertical-align: middle !important;
}

.qv.total-title {
    font-size: 10pt !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    color: black !important;
}

.qv.total-title>a {
    color: white !important;
}

.qv.share-button {
    background-color: #6C50D0 !important;
    color: white;
    margin-top: 2px !important;
    width: 100% !important;
    padding: 10px 4px;
    font-size: 12pt !important;
    text-transform: capitalize;
    border-radius: 12px;
}

.qv.button {
    padding-bottom: 0px !important;
    bottom: 0px !important;
}

.pd.product-details {
    margin-bottom: 0px !important;
}

.details-list {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin-bottom: 0px !important;
    overflow-x: scroll;
}

.details-list::-webkit-scrollbar {
    display: none !important;
}


.details-list>li>a {
    color: #1D3461 !important;
    text-transform: none !important;
    font-size: 12pt !important;
    padding: 8px 20px;
}

.details-list>li.uk-active>a {
    border-bottom: 1px solid #6C50D0 !important;
    color: white !important;
}

.pd-list {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin-bottom: 0px !important;
    overflow-x: scroll;

}

.pd-list>ul>li>ul {
    list-style: none !important;
}

.pd-list>ul>li>ul>li>iframe {}

.pd-list::-webkit-scrollbar {
    display: none !important;
}

.pd-list>li>a {
    background-color: #394158 !important;
    color: white !important;
    padding: 10px 20px !important;
    text-transform: capitalize !important;
    border-radius: 20px !important;
}

.pd-list>li.uk-active>a {
    background-color: #6C50D0 !important;
    color: white !important;
}

.pd.details-view {
    background-color: white;
    border-radius: 12px;
    padding: 20px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #c7c7d650;
}

.pd.details-view:last-child {
    border-bottom: none !important;
    padding-bottom: 60px !important;
}



.pd.details-heading {
    font-size: 13pt;
    margin-bottom: 10px !important;
}

.pd.details-point {
    margin-bottom: 0px !important;
}

.pd.details-point>li {
    color: black !important;
    font-size: 11pt !important;
}

.pd.details {
    font-size: 12pt !important;
    color: black !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    width: auto;
}

.pd.share-btn {
    color: white !important;
    padding: 12px 20px !important;
    text-transform: capitalize !important;
    font-size: 12pt;
    background-color: #6C50D0 !important;
}

.pd-container {
    height: calc(100vh - 300px);
    overflow: auto !important;
    margin-bottom: 0px !important;
}

.pd.video-grid {
    background-color: white !important;
    padding: 20px !important;
    border-radius: 8px !important;
}

.pd.video-thumb {
    width: 100% !important;
    height: 200px;
    border-radius: 8px !important;
}

.pd.image-grid {
    padding: 0px !important;
}

.pd.image {
    width: 100% !important;
    height: 200px !important;
    border-radius: 8px !important;
}

.pd.image.two {
    height: 150px !important;
}

.ac.top-container {
    background-color: white !important;
}

.ac.search-input {
    height: 56px !important;
    border-radius: 16px !important;
    border: 1px solid white !important;
    background: none !important;
    font-size: 11pt !important;
    background-color: white !important;
    color: white !important;
}

.ac.search-input:focus {
    background-color: black !important;
}

.ac.search-input::placeholder {
    color: gray;
}

.uk-search .uk-search-icon {
    color: black;
}

.ac-grid {
    background-color: #1C2035 !important;
    padding-bottom: 20px !important;
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
}

.customer-list>li>a {
    color: #1D3461 !important;
    text-transform: capitalize !important;
    background-color: white !important;
    padding: 12px 30px !important;
    border-radius: 90px !important;
    border: 2px solid white !important;
}


.customer-list>li:nth-child(1).uk-active>a {
    background-color: #2ea344 !important;
    color: white !important;

}

.customer-list>li:nth-child(2).uk-active>a {
    background-color: #eeb281 !important;
    color: #8b4205 !important;
}

/* .customer-container {
    height: 90vh !important;
    overflow: auto;
    padding-bottom: 40px !important;
} */

.nav-grid {
    padding: 20px !important;
    display: none !important;
}

.nav-grid>div:last-child {
    margin-left: 10px !important;
}


.ac.welcome {
    color: white !important;
    margin-bottom: 0px !important;
    text-align: center;
    font-size: 10pt !important;
    margin-top: 20px !important;
}

.ac.username {
    font-size: 12pt !important;
    margin-top: 0px !important;
    color: white !important;
    text-align: center;
    margin-bottom: 0px !important;
}

.ac.customer-info {
    display: flex !important;
    margin-bottom: 0px !important;
    color: white;
}


.ac.customer-info>div:nth-child(2) {
    padding-left: 10px;
    margin-top: 4px !important;
    width: 50% !important;
    text-align: left !important;
}

.ac.customer {
    background: linear-gradient(113.45deg, #191D31 4.93%, #394158 100.76%);
    padding: 20px !important;
    border-radius: 20px !important;
    margin-bottom: 20px;
    color: white !important;

}

.ac.customer.nf {
    background: none !important;
}

.ac.nof {
    color: white !important;
    font-size: 16pt !important;
    text-align: center !important;
    margin-bottom: 0px !important;
    font-weight: 500 !important;
}

.ac.nofd {
    color: white !important;
    margin-top: 8px;
    font-size: 12pt !important;
    text-align: center !important;
}

.ac.nofb {
    background-color: #6C50D0;
    color: white !important;
    text-transform: capitalize !important;
    padding: 8px 20px;
    border-radius: 90px !important;
}

.ac.initial {
    background-color: #D76262 !important;
    color: white !important;
    border: 1px solid white !important;
    border-radius: 50% !important;
    height: 42px;
    width: 42px;
    font-size: 12pt !important;
    text-transform: capitalize !important;
    margin-bottom: 0px !important;
}

.ac.customer-hr {
    width: 50% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0px !important;
}

.ac.eligible-title {
    color: white !important;
    font-size: 10pt !important;
    margin-top: 10px;
    margin-bottom: 0px !important;
    text-align: left !important;
}

.ac.eligible-title>span {
    vertical-align: middle !important;
    margin-right: 10px !important;
}

.ac.eligible-title>a {
    color: white !important;

}

.ac.customer-name {
    font-size: 12pt !important;
    margin: 0px !important;
    color: white !important;
    font-size: 11pt !important;
    color: white !important;
    margin-bottom: 0px !important;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    text-align: left;
    width: 90%;
}

.ac.customer-number {
    font-size: 10pt !important;
    color: gray;
    margin: 0px !important;

}

.ac.customer-status {
    font-size: 11pt !important;
    margin-top: 0px !important;
    margin-left: auto !important;
    text-align: right !important;
    margin-bottom: 0px !important;
}

.ac.customer-status.verify {
    color: #009578;
}

.ac.customer-status.pending {
    color: #be6720;
}

.ac.cd.tite {
    font-size: 8pt !important;
    color: gray !important;
    margin-top: 0px !important;
    text-align: right !important;
    margin-bottom: 0px !important;
}

.ac.cd.tite>a {
    text-decoration: none !important;
    color: white !important;
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 94px;
    right: 20px;
    background-color: #0C9;
    color: #FFF !important;
    border-radius: 50px;
    z-index: 9999;
    font-weight: bolder !important;
    text-align: center;
    display: flex !important;
    justify-content: center;
    align-items: center !important;
    text-decoration: none !important;
}

.my-float {
    vertical-align: middle;
}

.ac-heading {
    font-size: 14pt !important;
    font-weight: 500 !important;
    color: white !important;
    text-align: center !important;
    margin-bottom: 0px !important;
    margin-top: 0%;
}

.ac.heading-details {
    font-size: 10pt !important;
    color: white !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 10px !important;
    text-align: center !important;
}

.login-grid {
    width: 80%;
    display: inine-flex !important;
    margin-left: auto !important;
    z-index: 10;
    overflow: auto !important;
    margin-right: auto !important;
}

.login-grid.primel {
    background: linear-gradient(113.45deg, #191D31 4.93%, #394158 100.76%) !important;
    overflow: auto;
    padding: 0px !important;
    width: 80% !important;
    padding: 20px 40px !important;
    box-shadow: #d5d5d515 0px 8px 24px;
    border-radius: 16px;
    margin-top: 40px !important;
}

.login-grid.primel::-webkit-scrollbar {
    display: none !important;
}

.login-input {
    height: 54px !important;
    border: 1px solid gray !important;
    border-radius: 8px !important;
    color: white !important;
    font-size: 12pt;
    border: none !important;
    background-color: #0D0C0C !important;
}

.login-input[type=input] {
    display: none !important;
}

.login-input::placeholder {
    font-size: 10pt !important;
    color: gray !important;
}

.login-input::-webkit-outer-spin-button,
.login-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.login-input::placeholder {
    color: #909090 !important;
}

.login-input.vd {
    border: 1px solid white !important;
}

.vd-input {
    background: #343C52;
    border: 2px solid #111111;
    border-radius: 16px;
    height: 62px;
    color: white !important;
    /* text-transform: uppercase; */
    border: none !important;
}

.vd-input:focus {
    background-color: #343C52;
    border: 1px solid white !important;
}

.vd-input:disabled {
    background: #201F1F80;
    border: 1px solid white !important;
    color: white !important;
}

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

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: white !important;
}

.validate-btn {
    padding: 12px 20px;
    background-color: #239333 !important;
    border-radius: 16px;
    color: white;
}



.login-check {
    color: white !important;
    font-size: 10pt;
}

.login-check>input {
    margin-right: 10px !important;
    border: 1px solid white !important;
}

.login-check>input:checked {
    background-color: #0C1728 !important;
    color: white !important;
    border: 1px solid white !important;

}

.login-lable {
    display: inline-block !important;
    margin-bottom: 10px !important;
    font-size: 10pt !important;
    text-align: left;
    color: white;
}

.login-submit {
    background-color: #6C50D0 !important;
    color: white !important;
    width: 100% !important;
    padding: 8px 20px !important;
    border-radius: 8px !important;
    margin-top: 0px !important;
    display: block !important;
    text-transform: capitalize !important;
}

.uk_disabled {
    background-color: #dddddd20 !important;
}

.login-submit>span.wt {
    background-color: white !important;
    padding: 0px 2px !important;
    position: absolute !important;
    float: right !important;
}

.login-video {
    padding: 20px !important;
    margin: 20px !important;
    background-color: white !important;
    border-radius: 8px !important;
}

.login-video>iframe {

    width: 100% !important;
}

.login-terms {
    font-size: 8.5pt !important;
    text-align: center !important;
    color: white !important;
}

.login-terms>span {
    color: #009578;
}

.otp-title {
    font-size: 12pt !important;
    width: 70% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    color: #bbbbbb;
    margin-bottom: 15px !important;
    margin-top: 10px;
}

.otp-title>span {
    font-weight: 600 !important;
    color: #6C50D0 !important;
}



.otp-subtitle {
    font-size: 10pt !important;
    text-align: center !important;
    margin-top: 4px !important;
    color: #d3d3d3;
}

.login-radio>label {
    font-size: 10pt !important;
    color: white !important;
}

.login-radio>label>input {
    margin-right: 10px !important;
}

.not-rec {
    color: white !important;
    font-size: 10pt !important;
    margin-top: 0px;
}

#countdown {
    font-size: 10pt !important;
}

.continue-terms {
    font-size: 10pt !important;
    text-align: center !important;
}

.cd.profile-view {
    padding: 20px !important;
    margin: 20px;
    display: flex !important;
    border-radius: 16px !important;
    background: linear-gradient(113.45deg, #191D31 4.93%, #394158 100.76%);
}

.cd.profile-view>div:nth-child(2) {
    padding-left: 20px !important;
}

.cd.profile-view>div:nth-child(3)>a>span {
    margin-top: 10px;
    color: white !important;
}

.cd.profile-initial {
    background-color: white !important;
    padding: 10px 16px !important;
    margin-bottom: 0px;
    text-transform: uppercase;
    border-radius: 50% !important;
}

.cd.profile-name {
    margin-bottom: 0px !important;
    color: white !important;
}

.cd.profile-no {
    margin-top: 4px;
    margin-bottom: 0px !important;
    font-size: 9pt !important;
    color: white;
}

.cd.select-category {
    margin-top: 20px !important;
    padding: 20px !important;
    color: black !important;
    padding-top: 0px !important;
    border-radius: 16px !important;
    padding-bottom: 0px !important;
}

.select-category {
    height: 58px !important;
    color: black !important;
}

.cd.share-btn {
    color: white !important;
    padding: 6px 20px !important;
    width: 100% !important;
    font-size: 10pt !important;
    border-radius: 10px !important;
    text-transform: capitalize !important;
    background-color: #00b893 !important;
    margin-top: 20px;
}

.li.leads-grid {
    background: linear-gradient(113.45deg, #191D31 4.93%, #394158 100.76%);
    border-radius: 16px !important;

    padding: 20px !important;
    margin-bottom: 20px !important;
}

.li.leads-grid:last-child {
    margin-bottom: 40px !important;
}

.leads-link {
    color: gray !important;
    text-decoration: none !important;
}


.leads-logo {
    width: 50px !important;
}

.td {
    display: flex !important;
    vertical-align: middle !important;
    justify-content: center !important;
}

.li.info-table {
    margin-bottom: 8px !important;
    vertical-align: middle !important;
}

.li.td-logo {
    text-align: left !important;
    width: 20%;
    vertical-align: middle !important;
    padding: 4px !important;
}

.li.td-logo>img {
    width: 100% !important;
    background-color: white !important;
    padding: 2px !important;
    width: 60px !important;
}

.li.td-name {
    font-size: 10pt !important;
    text-align: left !important;
    font-weight: 600 !important;
    width: 50%;
    color: white;
    text-decoration: none !important;
}


.li.td-date {
    font-size: 9pt !important;
    text-align: right !important;
    width: 30% !important;
    color: white;
}

.li.customer-name {
    font-size: 9.5pt !important;
    color: white !important;
}

.li.created-date {
    font-size: 8pt !important;
    vertical-align: middle !important;
}

.update-logs {
    padding: 10px !important;
    padding-top: 0px !important;
}

.li.created-title {
    margin-bottom: 0px !important;
}

.li.created-title>span {
    vertical-align: middle !important;
    font-size: 16pt !important;
    color: #0071F7 !important;
    margin-left: 10px !important;
}

.lv.created-date {
    font-size: 11pt !important;
    color: black !important;
    font-weight: 500;
    margin-top: 4px !important;
}

.lv.td-query {
    vertical-align: middle !important;
    text-align: left;
    padding-left: 20px !important;
}

.lv.td-query>a {
    float: right !important;
}

.lv.query-subtitle {
    font-size: 10pt !important;
    margin-top: 0px !important;
}

.update-logs>div>div:first-child {
    border-right: 1px solid black !important;
}

.lv.query-icon {
    font-size: 22pt !important;
}

.lv.status-logs {
    padding: 20px !important;
    margin: 0px !important;
    text-align: left !important;
    margin-top: 7px !important;
    border-radius: 22px !important;
    margin-top: 10px !important;
}

.lv.status-logs.success {
    background-color: white;
    border-radius: 8px !important;
}

.lv.status-title {
    font-size: 10pt !important;
    max-width: 100%;
    overflow: hidden;
}

.lv.status-logs.success>.lv.status-title {
    color: #3FB950;
    margin-bottom: 0px !important;
}

.lv.status-logs>.lv.status-title>span {
    vertical-align: middle !important;
    font-size: 14pt !important;
    margin-left: 10px !important;
}

.lv.status-logs.rejected {
    background-color: white;
    border-radius: 8px !important;
}

.lv.status-logs.rejected>.lv.status-title {
    color: #F85149;
    margin-bottom: 0px !important;
}


.lv.status-logs.pending {
    background-color: white !important;

    border-radius: 8px !important;
}

.lv.status-logs.pending>.lv.status-title {
    color: #E3B341 !important;
    margin-bottom: 0px !important;
}


.lv.status-logs.action-req {
    background-color: white;
    border-radius: 8px !important;
}

.lv.status-logs.action-req>.lv.status-title {
    color: #388BFD !important;
    margin-bottom: 0px !important;
}




.lv.status-details {
    color: black !important;
    margin-top: 0px !important;
    font-size: 10pt !important;
    margin-bottom: 0px !important;
}

.ld.view-container {
    padding: 20px !important;
}

.ld.leads-status {
    color: #08921E !important;
}

.lv.customer-view {
    padding: 4px 10px;
    background-color: #1D346110;
    border-radius: 8px !important;
    margin: 10px;
}

.lv.customer-table {
    margin-bottom: 0px !important;
}

.lv.td-logo {
    width: 10% !important;
    vertical-align: middle !important;
}

.lv.td-logo>p {
    color: white !important;
    padding: 12px 18px !important;
    background-color: #1D3461;
    text-transform: uppercase !important;
    border-radius: 50% !important;
}

.lv.td-name {
    width: 80%;
    text-align: left !important;
    font-size: 11pt !important;
    vertical-align: middle !important;
}

.lv.leads-status {
    font-size: 9pt !important;
    color: white !important;
}

.lv.td-call {
    vertical-align: middle !important;
}

.lv.call-icon {
    color: #1D3461;
}

.lv.remark-logs {
    text-align: left !important;
    margin-top: 12% !important;
}

.lv.remark-title {
    color: white;
    padding-left: 0px;
    margin-top: 4px !important;
    font-size: 10pt !important;
    margin-bottom: 0px !important;
}


.lv.remark-details {
    color: white !important;
    font-size: 10pt !important;
    margin-top: 5px !important;
    padding-left: 0px !important;
    margin-bottom: 0px !important;
}

.lv.disclaimer {
    color: white !important;
    text-align: left !important;
    font-size: 10pt !important;
    margin-top: 0px !important;
}

.lv.disclaimer>span {
    font-size: 11pt !important;

}

.history-tl-container {
    font-family: "Roboto", sans-serif;

    display: block;
    position: relative;
}

.history-tl-container ul.tl {
    margin: 20px 0;
    padding: 0;
    display: inline-block;

}

.history-tl-container ul.tl li {
    list-style: none;
    min-height: 50px;
    /*background: rgba(255,255,0,0.1);*/
    border-left: 1px dashed #86D6FF;
    padding: 0 0 40px 30px;
    position: relative;
}

.history-tl-container ul.tl li:last-child {
    border-left: 0;
}

.history-tl-container ul.tl li::before {
    position: absolute;
    left: -18px;
    top: -5px;
    content: " ";
    border: 8px solid rgba(255, 255, 255, 0.74);
    border-radius: 500%;
    background: #258CC7;
    height: 20px;
    width: 20px;
    transition: all 500ms ease-in-out;

}

.history-tl-container ul.tl li:hover::before {
    border-color: #258CC7;
    transition: all 1000ms ease-in-out;
}

ul.tl li .item-title {
    width: 100%;
}

ul.tl li .item-detail {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
}

ul.tl li .timestamp {
    color: #8D8D8D;
    position: absolute;
    width: 100px;
    left: -50%;
    text-align: right;
    font-size: 12px;
}

.lv.progress-track {
    margin-top: 20px !important;
    padding: 20px;
}

.lv.leads-status {
    font-size: 12pt !important;
    margin-bottom: 0px !important;
    text-align: left !important;
}

.lv.leads-date {
    font-size: 9pt !important;
    margin-top: 4px !important;
    text-align: left !important;
    margin-bottom: 0px !important;
}

.lv.leads-details {
    font-size: 10pt !important;
    color: white;
    margin-top: 7px !important;
    text-align: left !important;
    margin-bottom: 0px !important;
}


.faq-modal {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.faq-heading {
    font-size: 18pt !important;
    color: black;
    text-align: center;
}

.faq-accord>li>a {
    color: #0071F7 !important;
    font-size: 12pt !important;
}

.fc.answer {
    margin-top: 10px !important;
    font-size: 11pt !important;
    color: #1D3461 !important;
}

.hd.profile-view {
    background-color: #1D3461 !important;
    padding-bottom: 20px !important;
}

.home-advisor-info {
    padding: 18px !important;
    margin-bottom: 0px !important;
    display: flex !important;
    background-color: white !important;
    margin: 20px !important;
    border-radius: 16px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.home-advisor-info>div:nth-child(2) {
    padding-left: 0px !important;
    padding-top: 4px !important;
}

.home-advisor-info>div:nth-child(3) {
    width: auto;
}

.home-advisor-icon {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

.home-advisor-icon>a>i {
    background: #6447CE;
    border-radius: 50%;
    padding: 9.5px 10px;
    color: white !important;
    font-size: 14pt;
}

.home-advisor-title {
    font-size: 10pt !important;
    color: black !important;
    margin-bottom: 0px !important;
}

.home-advisor-owner {
    font-size: 9pt !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}


.hd-whatsapp>img {
    width: 40px !important;
    margin-top: 5px;
}


.hd-call>span {
    margin-left: 8px !important;
    padding: 7px !important;
    color: white !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
    font-size: 20pt !important;
    background-color: #1D3461 !important;
}

.dm-list>li {
    padding: 14px 20px !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #999 !important;
}

.dm-list>li>a {
    color: black !important;
}

.dm-list>li:last-child {
    border: none !important;
    margin-bottom: 0px !important;
}

.dm-list>li>a>span {
    margin-right: 20px !important;
}

.li.stats-grid {
    margin: 0px;
    padding: 20px !important;
    border-radius: 16px !important;
    background-color: #1D3461 !important;
    background: linear-gradient(113.45deg, #7A84B7 4.93%, #E8E8E8 100.76%);
}

.li.stats-grid>div:first-child {

    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.notify {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    background: white;
    text-align: center;
    overflow: hidden;
    margin: 10px;
    padding-top: 10px !important;
    margin-top: 80px !important;
    box-shadow: 0 0 2px #c1c1c1;
    border-radius: 8px !important;
}

.notify-details {
    color: #0071F7 !important;
    font-size: 10pt !important;
    text-align: left !important;
    text-decoration: none !important;
}

/*
.notify:before {
    content: " ";
    position: absolute;
    right: 30px;
    position: absolute;
    z-index: 1111110 !important;
    top: -11px;
    display: inline-block;
    border-top: none;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid black;
} */

.home-modal {
    background-color: white !important;
    border-radius: 8px !important;
}

.hn-header {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.hn-header>div:nth-child(1)::after {
    content: '>';
}

.hn-header>div:nth-child(2) {
    padding-left: 10px !important;
}

.hn-logo {
    width: 50px !important;
}

.hn.header-icon {
    color: black !important;
    vertical-align: middle;
}

.hn-title {
    font-size: 14pt !important;
    color: black !important;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}

.hn-details {
    font-size: 10pt !important;
    margin-top: 10px !important;
    color: gray !important;
}

.lh.header-grid {
    padding: 0px;
    border-radius: 16px;
}

.lh.heading {
    font-size: 18pt !important;
    text-align: center !important;
    color: white !important;
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-weight: 600 !important;
    margin-bottom: 0px !important;

}

.lh.subheading {
    margin-top: 4px !important;
    color: white;
    width: 70% !important;
    font-size: 10pt;
    margin-left: auto !important;
    margin-right: auto !important;
}



/*
.lh.login-img {
    width: 250px !important;
} */

.hl-grid {
    background-color: white !important;
    padding: 20px;
    background: linear-gradient(113.45deg, #191D31 4.93%, #394158 100.76%) !important;
    margin: 20px !important;
    margin-top: 0px !important;
    z-index: -1 !important;
    border-radius: 16px;
    /* box-shadow:  0px 7px 29px 0px; */
    box-shadow: #d5d5d515 0px 8px 24px;
}

.cl-log {
    margin-top: 20px !important;
}

.log-heading {
    font-size: 14pt !important;
    text-align: left !important;
    margin-bottom: 20px !important;
}

.log-subheading {
    font-size: 10pt !important;
    text-align: center !important;
    margin-top: 0px !important;
}

.log-hr {
    width: 70% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.log-input {
    height: 58px !important;
    background-color: #eeeeee90 !important;
    border: none !important;
    font-size: 11pt !important;
}

.select-label {
    font-size: 10pt !important;
    color: white !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}

.log-radio {
    color: white !important;
    font-size: 12pt !important;
}

.log-radio input:checked {
    background-color: #6C50D0 !important;
}

.log-radio>label>input {
    margin-right: 10px !important;
}

.log-radio>label:first-child {
    margin-right: 20px !important;
    color: white !important;
}

.log-submit {
    background-color: #6C50D0;
    font-size: 12pt !important;
    color: white !important;
    padding: 12px 0px !important;
    text-transform: uppercase !important;
}

.li.stats-grid>div:first-child {
    display: flex !important;
    align-content: center !important;
}

.li.stats-icon {
    color: white !important;
    font-size: 26pt !important;
}

.li.stats-grid>div:nth-child(1)>div:last-child {
    color: white !important;
    margin-bottom: 0px !important;
    padding-left: 20px !important;
}

.li.stats-title {
    font-size: 10pt !important;
    color: white !important;
    margin-bottom: 0px !important;
}

.li.stats-subtitle {
    color: white !important;
    font-size: 8pt !important;
    margin-top: 0px !important;
}

.li.btn-list {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin-bottom: 0px !important;
    overflow-x: scroll;
}

.li.stats-btn {
    color: #1D3461;
    background-color: white !important;
}

.hs.stats-grid {
    padding: 10px 14px !important;
    border-radius: 8px !important;
    margin-right: 20px;
    background-color: #376996 !important;
}

.hs.btn-list>.hs.stats-grid.uk-active {
    background-color: white !important;
}

.hs.btn-list>.hs.stats-grid.uk-active>a>div>p {
    color: black !important;
}

.hs.stats-no {
    font-size: 14pt;
    margin-bottom: 0px !important;
    color: white;
    text-align: left;
}

.hs.stats-title {
    color: white !important;
    margin: 0px;
    text-align: left;
    font-size: 10pt;
}

.hs.btn-list {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin-bottom: 0px !important;
    overflow-x: scroll;
}

.hs.btn-list::-webkit-scrollbar {
    display: none !important;
}

.resend-otp {
    font-size: 10pt !important;
    color: black !important;
    text-align: center !important;
}

.resend-otp>a {
    color: #0071F7 !important;
}

.el.product-logo {
    width: 50px !important;
    border-radius: 8px !important;
}

.el.share-btn {
    background-color: #08921E !important;
    color: white !important;
    text-transform: capitalize !important;
    font-size: 10pt !important;
    margin-top: 0px !important;
    border-radius: 20px !important;
}

.lh.header-grid {
    padding: 20px 0px !important;
}

.li.leads-switch {
    margin-bottom: 0px !important;
}

.li.leads-switch>li>a {
    padding-bottom: 20px !important;
    color: black !important;
    text-transform: capitalize !important;
}

.li.leads-switch>li.uk-active>a {
    color: #0071F7 !important;
    border-bottom: 2px solid #0071F7;
}

.potential-customers {
    padding: 20px !important;
    background: linear-gradient(113.45deg, #191D31 4.93%, #394158 100.76%);
    border-radius: 22px;
    margin: 0px;
}

.ac.customer.verify.potential {
    padding: 12px !important;
    background: linear-gradient(113.45deg, #7A84B720 4.93%, #E8E8E820 100.76%) !important;
}


.notification {
    border: 1px solid #e5e5e5;
    display: flex !important;
    background-color: white !important;
    padding: 15px !important;
    border-radius: 8px !important;
    justify-content: center !important;
}


.notification>div:nth-child(1) {
    width: 18% !important;
}

.notification>div:last-child {
    padding-left: 12px !important;
    width: 80%;

}

.notification-img {
    width: 50px !important;
    height: 50px !important;
    border: 1px solid #e5e5e5;
    border-radius: 50% !important;
}

.not-title {
    color: black !important;
    text-align: left !important;
    font-size: 12pt !important;
    margin-bottom: 0px !important;
}

.not-details {
    color: black !important;
    font-size: 10pt !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    text-align: left !important;
}

.not-timing {
    text-align: left !important;
    margin: 0px !important;
    margin-top: 10px !important;
    color: black !important;
    font-size: 10pt !important;
    font-weight: 500;
}

.not-timing>span.date {
    color: #0071F7 !important;
}

.not-timing>span.time {
    margin-left: 20px !important;
}

.notification-banner {
    width: 100% !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
}

.i-notification {
    background-color: white !important;
    padding: 0px !important;
    border-radius: 8px !important;
    border: 1px solid #e5e5e5 !important;
}

.i-notification>.img-not,
.i-notification>div.img-not>img {
    object-fit: cover !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.inot-grid {
    display: flex !important;
    padding: 20px !important;
}

.inot-grid>div:nth-child(1) {
    width: 18% !important;
}

.inot-grid>div:last-child {
    padding-left: 12px !important;
    width: 82%;
}

.found-img {
    width: 50% !important;
    margin-top: 30% !important;
}

.found-title {
    font-size: 16pt !important;
    color: black !important;
    text-align: center !important;
    margin-bottom: 4px !important;
}

.found-details {
    font-size: 12pt !important;
    color: gray !important;
    margin-top: 0px !important;
    width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.found-btn {
    background-color: #1D3461 !important;
    color: white !important;
    text-transform: capitalize !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 4px 40px !important;
    border-radius: 8px !important;
}

.second-list>li>ul {
    list-style: none !important;
    padding-left: 0px !important;
}

.second-list>li>ul>li>iframe {
    margin-bottom: 20px !important;
    height: 200px;
}

.li.leads-grid.no-leads {
    height: calc(100vh - 393.9px) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.li.leads-grid:last-child {
    margin-bottom: 0px !important;
}


.nl-img {
    width: 70px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.nl-heading {
    font-size: 11pt !important;
    color: red !important;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}

.nl-button {
    background-color: black !important;
    color: white !important;
    text-transform: capitalize !important;
    border-radius: 90px !important;
    padding: 6px 30px !important;
}

.nl-details {
    color: gray !important;
    margin-top: 6px !important;
}

.streaming-nf {
    display: flex !important;
    justify-content: center !important;
}

.vidimg-nf {
    width: 150px !important;
    margin-top: 20px !important;
}

.snf-heading {
    font-size: 14pt !important;
    color: black !important;
    text-align: center !important;
    margin-top: 20px !important;
}

.uk-alert-success {
    margin-bottom: 0px;
}

.main-container.logi {
    padding: 0px !important;
}

.select2-container {
    height: 58px !important;
    width: 100% !important;
    font-size: 11pt !important;
}

.select2-container--default .select2-selection--single {
    border: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 58px !important;
    color: white !important;
}

.select2-container--default .select2-selection--single {
    height: 58px !important;
    background-color: #343C52 !important;
    border-radius: 16px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 58px !important;
}

.cd-input>input:checked {
    background-color: #6C50D0 !important;
}

.button-form {
    display: flex !important;
    margin-top: 20px;
}

.button-form.mob {
    display: none !important;
}

.qv.share-button.copy {
    background: none !important;
    color: white !important;
    border: 1px solid white !important;
}

.phone-grid {
    border-radius: 16px !important;
}

.nl.login-icon {
    width: 120px !important;
    margin-bottom: 40px !important;
}

.sd-grid {
    background: #363B58 !important;
    border-radius: 16px;
    padding: 20px !important;
    width: 70% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    top: 20px !important;
    z-index: -9 !important;
}


.gold-heading {
    color: white !important;
    font-size: 13pt !important;
}

.top.header-grid {
    border-radius: 0px 0px 32px 32px;
    padding-bottom: 42px;
    background: none !important;

}

.nav-totalgrid {
    padding: 20px !important;
    display: flex;
    padding-top: 0px !important;
    justify-content: space-between;
    align-items: center;
}

.nav.tgheading {
    font-size: 18pt;
    color: white;
    font-weight: 600;
    margin-bottom: 0px !important;
}

.nav.tgsubheading {
    font-size: 12pt;
    margin-top: 0px !important;
    color: white !important;
    margin-bottom: 0px;
}

.nav-totalicons>a>span {
    color: white;
    padding: 10px;
    font-weight: 600;
    font-size: 18pt;
    border-radius: 90px;
    background-color: #6C50D0 !important;
}


.nav-leadsnumber {
    list-style: none !important;
    padding-left: 20px !important;
    padding-bottom: 20px !important;
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 0px !important;
    overflow-x: scroll;
}

.nav-leadsnumber::-webkit-scrollbar {
    display: none !important;
}

.nav-leadsnumber>li {
    background: #6C50D0;
    border: 2px solid #8468E7;
    padding: 6px 6px !important;
    margin-top: 0px;
    display: inline;
    border-radius: 90px;
    margin-right: 10px;
    width: 100% !important;
    white-space: nowrap !important;
}

.nav-leadsnumber.se>li.uk-active {
    background: #6C50D0 !important;
}

.nav-leadsnumber.se>li.uk-active>a {
    color: white !important;
}

.nav-leadsnumber.se {
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.nav-leadsnumber.se>li {
    background: white !important;
    border: white 2px solid !important;

}

.nav-leadsnumber.se>li>a {
    color: #080E1E !important;
}

.nav-leadsnumber>li>a>div {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.nav-leadsnumber>li>a>div>span.number {
    padding: 4.5px 11px;
    color: white !important;
    border-radius: 90px;
    border: 2px solid white !important;
}

.nav-leadsnumber>li.all>a>div>span.number {
    background: #1252dd;
}

.nav-leadsnumber>li.success>a>div>span.number {
    background: #3FB950;
}

.nav-leadsnumber>li.pending>a>div>span.number {
    background: #E3B341;
}

.nav-leadsnumber>li.action-req>a>div>span.number {
    background: #388BFD;
}

.nav-leadsnumber>li.rejected>a>div>span.number {
    background: #F85149;
}

.nav-leadsnumber>li>a {
    color: white !important;
    margin-bottom: 10px;
    text-decoration: none !important;
}

.nav-leadsnumber>li>a>div>span:last-child {
    margin-left: 10px;
    margin-right: 8px;
}

.nav-user-grid {
    margin: 0px !important;
    height: 80px;
}

.nav-userbg {
    background: #1C2035;
    padding: 20px;
    border-radius: 36px;
    top: 6px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.nav-userinfo {
    background: linear-gradient(113.45deg, #191D31 4.93%, #394158 100.76%);
    display: flex !important;
    justify-content: space-between;
    padding: 20px;
    bottom: 90px;
    align-items: center;
    border-radius: 32px;
}

.nav-userinfo.ld.wh>div:nth-child(2) {
    overflow: none !important;
}

.nav-userinfo.cs {
    bottom: 0px !important;
    margin-bottom: 0px !important;
    background: linear-gradient(113.45deg, #7A84B7 4.93%, #E8E8E8 100.76%);
}

.nav-userinfo>div:nth-child(1)>div:nth-child(2) {
    padding-left: 10px !important;
}

.nav-userinfo>div:first-child {
    display: flex !important;
    max-width: 70% !important;
    align-items: center !important;
}

.nav-userinfo>div:last-child {
    width: 30% !important;
}


.nav-userinfo.wh {
    background: linear-gradient(113.45deg, #7A84B7 4.93%, #E8E8E8 100.76%) !important;
    bottom: 40px !important;
    border-radius: 26px !important;
    padding: 20px !important;
}

.nav-userbg.wh {
    background: #8B94BF !important;
    top: 52px !important;
}

.nav-userinfo>div:nth-child(2) {
    padding-left: 10px;
    width: 0%;
}

.nav-usericon {
    width: 50px;
    border-radius: 50%;
    height: 50px;
}

.cd-container {
    /* overflow: scroll !important; */
}

.lead-cont {
    height: calc(100vh - 256px) !important;
    padding-top: 0px !important;
}


.pl-link {
    font-size: 11pt !important;
    color: #6C50D0;
    padding: 10px 20px !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    background-color: white !important;
}

.acd-container {
    /* width: 40% !important; */
    margin-bottom: 80px !important;
    overflow-y: auto !important;
}

.dm-container {
    padding: 40px !important;
}

.sm-grid {
    height: calc(100vh - 80px) !important;
    overflow: auto !important;
    /* background: linear-gradient(113.45deg, #7A84B7 4.93%, #E8E8E8 100.76%); */

    background: linear-gradient(113.45deg, #191D31 4.93%, #394158 100.76%);
    border-radius: 16px !important;
}

.nm-logo {
    color: white !important;
    font-size: 16pt;
    font-family: 'Playfair Display', sans-serif !important;
    font-weight: 700 !important;
}

.dm-nav {
    margin-top: 10px !important;
}

.dm-info {
    background: linear-gradient(125.25deg, #6447CE 3.67%, #3C2299 96.79%);
    padding: 20px !important;
    border-radius: 16px !important;
    padding-bottom: 40px !important;
}

.dm-nav>div>ul>li>a {
    color: white !important;
    font-size: 10pt !important;
}

.dm-nav>div>ul>li {
    padding: 8px 20px !important;
    margin-bottom: 10px !important;
    border-radius: 16px;
}

.dm-nav>div>ul>li:hover {
    background-color: #5b3bce90 !important;
    border: 1px solid white !important;
}

.dm-nav>div>ul>li>a>span {
    margin-right: 10px !important;
    font-size: 14pt !important;
}

.dm-nav>div>ul>li:last-child {
    background-color: #ab0b0b !important;
    margin-top: 40px !important;
    padding: 12px 30px !important;
}

.dm-nav>div>ul>li:last-child:hover {
    border: none !important;
}

.dm-add-button {
    bottom: 20px !important;
}

.dm-edit {
    background-color: white !important;
    padding: 8px 15px;
    color: #090f1f !important;
    border-radius: 50% !important;
}

.dm-edit>span {
    vertical-align: middle !important;
}

.nav-hidden {
    display: block !important;
}

.earn-upto{
    display: inline-block;
    padding: 0 10px;
    background: #6251f6;
    line-height: 2.5;
    font-size: 0.875rem;
    color: #fff;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 14px;
    text-transform: uppercase;
}

@media screen and (max-width: 980px) {

    .nav-hidden {
        display: none !important;
    }

    .button-form {
        display: none !important;
    }

    .button-form.mob {
        display: flex !important;
    }

    .login-grid {
        padding: 0px !important;
        width: 100%;
    }

    .nl.login-icon {
        width: 100px !important;
        margin-bottom: 10px !important;
        margin-top: 20px !important;
    }

    .sd-grid {
        width: 80% !important;
        top: 26px !important;
    }

    .lh.heading {
        width: 100% !important;
    }

    .lh.subheading {
        width: 90% !important;
    }

    .bottomnav {
        display: flex !important;
    }


    .dm-container {
        padding: 0px !important;
    }

    .sm-grid {
        display: none !important;
    }

    .nav-grid {
        display: flex !important;
    }

    .top.header-grid {
        background: linear-gradient(125.25deg, #6447CE 3.67%, #3C2299 96.79%) !important;
        width: 100% !important;
    }

    .ac.welcome {
        margin-top: 0px !important;
        text-align: left !important;
    }

    .ac.username {
        text-align: left !important;
    }

    .login-grid.primel {
        width: 90% !important;
        padding: 20px !important;
        margin-top: 60px !important;
    }

    .log-heading {
        text-align: center !important;
    }

    .pd-container {
        margin-bottom: 60px !important;
    }

    .product-action>div:nth-child(2)>a:nth-child(1)>span {
        display: inline-flex !important;
    }

   
}


@media (max-width: 768px) {
    .mobile-fixed-form {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: white;
        padding: 10px;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        z-index: 999;
    }

    body {
        padding-bottom: 80px; /* Optional: prevent content behind form */
    }
}

/* @media screen and (min-width: 980px) {
    .login-grid{
        width: 70% !important;
    } 
} */