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

.topnav {
    padding: 0px 40px !important;
    background-color: white !important;
    margin-bottom: 20px !important;
}

.main-container {
    height: 100vh !important;
    background-color: #E2E2E250;
    overflow: auto !important;
}

.main-container.second {
    background-color: white !important;
}

.topnav>div>ul>li>a {
    text-transform: capitalize !important;
    color: black !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left !important;
    justify-content: flex-start


}

.topnav.hn>div:first-child>ul>li {
  
    max-width: calc(100vw - 184px) !important;
    text-align: left !important;
}

.topside-nav {
    width: 46px !important;
    color: black !important;
}

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

.login-btn>span {
    font-family: 'Poppins', sans-serif !important;
    background-color: #15383F;
    padding: 14px 20px !important;
}
.banner-container>div {
    height: 450px !important;
}

.banner-container>div>div>ul>li>img {
    width: 100% !important;
    height: 550px !important;
    object-fit: cover !important;
}

.banner-container>div>div>ul>li:nth-child(1) {
    background-color:#ffd996 !important;

}

.banner-container>div>div>ul>li,.banner-container>div>div>ul,.banner-container,
    .banner-container,.banner-container>div>div>ul>li>img  {
        height: 550px !important;
    }

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

.slider-image>div>ul>li>img {
    width: 10% !important;
    border-radius: 8px !important;
    object-fit: contain !important;
}

.slider-dot>li>a {
    background-color: #E2E5E4 !important;
    border-radius: 0px !important;
    height: 4px !important;
    border-radius: 8px !important;
    border: none !important;

}

.slider-dot>li.uk-active>a {
    width: 20px !important;
    background-color: #15383F !important;
}

.sidenav {
    background-color: white !important;
    width: 25vw !important;
    padding: 0px !important;
}

.sideclose {
    color: white !important;
}



.sm-profile {
    background-color: #15383F !important;
    padding: 20px !important;
}

.sm-profile>.menu {
    display: flex !important;
}

.profile-img {
    width: 60px !important;
    border-radius: 95px !important;
}

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

.sidehr {
    border-bottom: 1px solid #ffffff !important;
}

.profile-number {
    margin-top: 5px !important;
    font-size: 10pt !important;
    color: white !important;
    margin-bottom: 0px !important;
}

.sidenav>.sm-profile>.menu>div:last-child {
    display: flex !important;
    align-items: center !important;
    margin-left: 10px !important;
}

.advisor-name {
    font-size: 12pt !important;
    color: white !important;
    margin-bottom: 0px !important;
}

.advisor-number {
    margin-top: 4px !important;
    font-size: 10pt !important;
    margin-bottom: 0px !important;
}

.advisor-contact {
    margin-top: 20px !important;
}

.ad-call {
    background-color: white !important;
    padding: 7px 14px !important;
    border-radius: 48px !important;
}

.ad-call>span {
    color: #15383F !important;
    vertical-align: middle !important;
}

.edit-btn {
    width: fit-content !important;
    background-color: #fff;
    text-transform: capitalize !important;
    border-radius: 28px !important;
    padding: 6px 44px !important;
    font-size: 12pt !important;
    color: #15383F !important;
    margin-right: 10px !important;
}

.sm-menu {
    padding: 20px !important;
}

.sidenav-list>li>a {
    padding: 14px 10px !important;
    font-size: 12pt !important;
    color: black !important;
}

.tp-grid {
    margin-top: 20px !important;
}


.tp-grid>div>div>a {
    text-decoration: none !important;
}

.tp-heading {
    font-size: 12pt !important;
    color: black !important;
    margin-bottom: 0px !important;
}

.tp-heading>a {
    float: right !important;
    text-decoration: none !important;
    color: #15383F !important;
    font-size: 10pt !important;
    z-index: 9999 !important;
}

.tp-category {
    background-color: white !important;
    border: 1px solid gray !important;
    padding: 14px 14px !important;
    border-radius: 8px !important;
    text-align: left !important;
}

.tp-category>a {
    text-decoration: none !important;

}

.tpc-icon {
    background-color: #15383F15;
    width: 50px !important;
    height: 50px;
    padding: 12px !important;
    border-radius: 20px !important;
}

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

.tp-subheading {
    margin-top: 0px !important;
    font-size: 9pt !important;
}

.sb-grid {
    margin: 20px 0px !important;
}

.sb-grid>img {
    height: 140px !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

.home.ai-grid {
    background-color: white !important;
    padding: 20px !important;
    margin-top: 20px !important;
    border-radius: 8px !important;
}

.ai-infogrid {
    display: flex !important;
    align-items: center !important;
}

.ai-infogrid>div:nth-child(2) {
    margin-left: 20px !important;
}

.ai-infogrid>div:last-child>div>a {
    float: right;
    color: red !important;
    text-align: right !important;
}

.advisor-icon {
    background-color: #15383F !important;
    color: white !important;
    padding: 8px 12px !important;
    border-radius: 30px !important;
}

.home.advisor-name {
    color: #ffffff !important;
}

#advisor-name {
    font-size: 12pt !important;
    color: black !important;
    font-weight: 500 !important;
    margin-bottom: 0px !important;
    width: 90%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.aigrid-title {
    color: black !important;
}

.trending-products {
    margin-top: 20px !important;
}

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


.trending-subheading {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-size: 10pt !important;
}

.uk-sticky-placeholder {
    height: 70px !important;
}

.login-close {
    color: black !important;
}

.login-modal {
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
}

.login-heading {
    color: black !important;
    font-size: 16pt !important;
    font-weight: 500 !important;
    text-align: center !important;
    margin-bottom: 4px !important;
}

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

.primary-label {
    margin-top: 0px !important;
    display: inline-block !important;
    margin-bottom: 10px !important;
    border-radius: 8px !;
}

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

.primary-input:focus {
    border: 1px solid gray !important;
}

.logout-btn>a {
    /* background-color: red !important; */

    color: red !important;
    text-transform: capitalize !important;
}

.submit-btn {
    background-color: #15383F;
    color: white !important;
    width: 100% !important;
    padding: 10px 20px !important;
    font-size: 11pt !important;
    border-radius: 4px !important;
    text-transform: capitalize !important;
}

.terms-login {
    font-size: 9pt !important;
    color: gray !important;
    text-align: left !important;
}


.terms-login>a {
    color: #15383F !important;
    text-decoration: none !important;
}


.login-hr {
    border-bottom: 1px solid gray !important;
}

.expert-button {
    background-color: white !important;
    color: #15383F !important;
    border: 1px solid #15383F;
    margin-left: auto !important;
    text-transform: none !important;
    font-size: 10pt !important;
    padding: 8px 40px !important;
}

.not-rec {
    color: black !important;
    font-size: 10pt !important;
    text-align: left !important;
    text-decoration: none !important;
}

.not-rec>a {
    color: #15383F !important;
    text-decoration: none !important;
}

.change-phone {
    color: #15383F !important;
    font-size: 10pt !important;
}

.login-details.otp {
    margin-bottom: 6px !important;
}

.ed-view {

    margin: 20px !important;
    border-radius: 8px !important;
}

.profile-heading {
    font-size: 18pt !important;
    color: black !important;
    text-align: center !important;
    margin-bottom: 0px !important;
}

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

.profile-label {
    font-size: 11pt !important;
    display: inline-block !important;
    margin-bottom: 10px !important;
    color: gray !important;
}

.profile-input {
    height: 52px !important;
    border-radius: 8px !important;
    color: black !important;
    background-color: #37373710;
    border: none !important;
}

.profile-input:focus {
    border: 1px solid #15383F !important;
}

.profile-submit {
    background-color: #15383F;
    color: white !important;
    padding: 10px 20px !important;
    width: 100% !important;
    text-transform: capitalize !important;
}

.sideback {
    transform: rotate(180deg);
    margin-right: 10px;
}

.sideback>span {
    vertical-align: middle !important;
    color: black !important;
}

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

.product-container>div>div>a {
   text-decoration: none !important;
}

.product-logo {
    min-width: 50px !important;
    height: 50px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
}

.product-grid {
    display: flex !important;
    border: 1px solid #C9D6FF;
    border-radius: 16px !important;
    background-color: white !important;
    padding: 14px !important;
    align-items: center !important;
}

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

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

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

.product-header {
    padding: 0px !important;
    /* border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important; */
    background-color: #15383F !important;
}

.topnav.pd {
    background: #15383F !important;
}

.topnav.pd>div>ul>li:nth-child(1) {
    max-width: calc(100vw - 30px) !important;
}

.topnav.pd a {
    color: white !important;
}

.pd.product-view {
    padding: 20px !important;
    padding-top: 0px !important;
}

.pd.product-view>div>div>.product-grid {
    border: none !important;
}

.pd.apply-view {
    padding: 20px !important;
    padding-top: 0px !important;
    display: flex !important;
}

.pd.apply-view.exi>div:nth-child(2) {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.product-apply {
    background-color: white !important;
    color: #15383F !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-size: 12pt !important;
    text-transform: capitalize !important;
}

.product-apply.existing {
    background-color: #C9D6FF !important;
}

.ad-call.pd {
    background-color: white;
}

.show-history {
    color: white !important;
    margin-bottom: 20px !important;
    text-transform: capitalize !important;
}

.show-history>span {
    vertical-align: middle !important;
    margin-left: 20px !important;
}

.applied-date {
    color: white !important;
    font-size: 9pt !important;
    text-align: right !important;
    margin-top: 14px !important;
    margin-bottom: 0px !important;
}

.pd-details {
    padding: 20px !important;
}

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

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

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

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

.pd.detials-title>li.uk-active>a {
    background-color: #15383F !important;
    color: white !important;
}

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

.pd.details-heading {
    font-size: 13pt !important;
    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;
}

.history-list {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;

    list-style: none;
    margin-bottom: 0px !important;
    overflow-x: scroll;
    padding: 0px !important;
}

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



.history-list>li {
    padding: 10px 20px !important;
    background-color: white !important;
    margin-right: 10px !important;
    border-radius: 30px !important;
    
}

.history-list>li.uk-active {
    background-color: #15383F!important;
}

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

.history-list>li>a {
    background-color: white !important;
    border-radius: 30px !important;
    color: #15383F !important;
    text-decoration: none !important;
    white-space: nowrap;
}

.pd.product-view.history {
    padding: 0px !important;
    border: 1px solid #C9D6FF80;
    border-radius: 16px !important;
    background-color: white !important;
    margin-top: 20px !important;
}

.product-status {
    background-color: red !important;
    padding: 20px !important;
}

.history-grid.hg {
    padding: 0.5em !important;
}

.history-grid.hg>div:first-child {
    display: flex !important;

    align-items: center !important;
}

.history-grid.hg>div:nth-child(1) {
    padding-left: 10px !important;
}

.history-status {
    padding: 10px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
}

.history-status>.success {
    background-color: #07772e20;
    padding: 14px !important;
    border-radius: 16px !important;
    border: 1px solid #07772e;
}

.history-status>.success>.hstatus-title {
    color: #07772e !important;
    margin: 0px !important;
    font-size: 10pt !important;
    text-transform: capitalize !important;
}

.history-status>.success>.hstatus-title::before {
    content: 'success';
}

.history-status>.success>.status-icon::after {
    font-family: "Material Icons";
    content: "\e86c";
    font-size: 18pt !important;
    vertical-align: middle !important;
    color: #07772e !important;
    margin-right: 6px !important;
}

.history-status>.pending {
    background-color: #F5A52210;
    padding: 14px !important;
    border-radius: 16px !important;
    border: 1px solid #F5A522;
}

.history-status>.pending>.hstatus-title {
    color: #d16f29 !important;
    margin: 0px !important;
    font-size: 10pt !important;
    text-transform: capitalize !important;
}

.history-status>.pending>.hstatus-title::before {
    content: 'Your Application is Pending';
}

.history-status>.pending>.status-icon::after {
    font-family: "Material Icons";
    content: "\ebe9";
    font-size: 18pt !important;
    vertical-align: middle !important;
    color: #d16f29 !important;
    margin-right: 6px !important;
}


.history-status>.rejected {
    background-color: #C8474E20;
    padding: 14px !important;
    border-radius: 16px !important;
    border: 1px solid #C8474E;
}

.history-status>.rejected>.hstatus-title {
    color: #C8474E !important;
    margin: 0px !important;
    font-size: 10pt !important;
    text-transform: capitalize !important;
}

.history-status>.rejected>.hstatus-title::before {
    content: 'Application Rejected';
}

.history-status>.rejected>.status-icon::after {
    font-family: "Material Icons";
    content: "\e5c9";
    font-size: 18pt !important;
    vertical-align: middle !important;
    color: #C8474E !important;
    margin-right: 6px !important;
}

.history-status>.ACTION_REQUIRED {
    background-color: #F5A52210;
    padding: 14px !important;
    border-radius: 16px !important;
    border: 1px solid #2276f5;
}

.history-status>.ACTION_REQUIRED>.hstatus-title {
    color: #1c3acd !important;
    margin: 0px !important;
    font-size: 10pt !important;
    text-transform: capitalize !important;
}

.history-status>.ACTION_REQUIRED>.hstatus-title::before {
    content: 'Action required';
}

.history-status>.ACTION_REQUIRED>.status-icon::after {
    font-family: "Material Icons";
    content: "\ebe9";
    font-size: 18pt !important;
    vertical-align: middle !important;
    color: #1c3acd !important;
    margin-right: 6px !important;
}

.home.credit-check {
    background-color: white !important;
    margin-bottom: 20px !important;
    border-radius: 8px !important;
    padding: 20px !important;
    border: 1px solid #636363 !important;
}

.home.credit-check>div:first-child {
    align-items: center !important;
    display: flex !important;
}

.home.credit-check>div:last-child {
    display: flex !important;
    align-items: center !important;
    margin-top: 10px !important;
}

.home.credit-check>div:last-child>div:last-child {
    width: 70% !important;
    text-align: left !important;
}

.home.credit-check>div:last-child {
    margin-top: 10px !important;
}

.home.credit-check>div>div:first-child {
    min-width: 20% !important;
}


.home.credit-check>div>div:last-child {
    width: 80% !important;
    text-align: left !important;
}

.credit-img {
    width: 70px !important;
}

.home.credit-heading {
    font-size: 12pt !important;
    font-weight: 500 !important;
    margin-bottom: 0px !important;
}

.home.credit-details {
    font-size: 10pt !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.home.exp-logo {
    width: 70px !important;
}

.home.ex-btn {
    border: 1px solid black !important;
    font-size: 10pt !important;
    padding: 6px 16px !important;
    text-transform: capitalize !important;
    border-radius: 8px !important;
}

.top-back {
    color: black !important;
    text-align: left !important;
    vertical-align: middle !important;
    margin-left: 10px !important;
}



.main-container.secondary {
    background-color: white !important;
    height: 100vh !important;
    overflow: auto !important;
}

.home.sub-container {

    padding: 40px 60px !important;
}

.notfound-grid {
    padding: 20px !important;
    margin: 20px !important;
    margin-top: 0px !important;
    background-color: #15383F09;
    border-radius: 8px !important;
}

.notfound-grid>div:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: centere !important;
}

.notfound-grid>div:last-child {
    margin-top: 5px !important;
}

.not-img {
    width: 70px !important;
    margin-bottom: 0px !important;
}

.notfound-grid>div>div:first-child {
    width: 30% !important;
}

.notfound-grid>div>div:last-child {
    width: 70% !important;
    padding-left: 10px !important;
}

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

/* .nt.trouble-title {
    margin-top: 14px !important;
    margin-bottom: 7px !important;
    font-size: 8pt !important;
    color: black !important;
} */

.nt.trouble-btn {
    background-color: #2667FF !important;
    color: white !important;
    margin-top: 12px !important;
    text-transform: capitalize !important;
    padding: 6px !important;
    border-radius: 8px !important;
}

.ex.header-grid {
    background-color: #15383F !important;
    padding: 25px 20px !important;
    border-top: 10px !important;

}

.ex.header-title {
    font-size: 22pt !important;
    font-weight: 600;
    width: 70% !important;
    margin-bottom: 0px !important;
    color: white !important;
}

.ex.header-details {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    color: white !important;
}

.ex.form-grid {
    padding: 20px 0px !important;
    margin: 20px !important;
    padding-bottom: 0px !important;
}

.ex.form-title {
    font-size: 14pt !important;
    color: black !important;
    margin-bottom: 0px !important;
}

.ex.form-details {
    margin-top: 0px !important;
    font-size: 10pt !important;
    width: 90% !important;
    margin-top: 10px !important;
}

.ex-input {
    height: 54px;
    color: black !important;
    font-size: 12pt !important;
    border-radius: 4px !important;
    /* padding-top: 33px; */
    padding: 14px 17px 13px;
    border: 1px solid #dcdcdc !important;
}


/* .ex-input:focus::-webkit-input-placeholder {
    font-size: .75em;
    position: relative;
    top: -15px;
    transition: 0.2s ease-out;
    font-size: 8pt !important;
} */

/* 
.ex-input:empty {
    background-color: #C8474E20 !important;
} */




.ex-submit {
    background-color: #15383F !important;
    color: white !important;
    padding: 10px 10px !important;
    width: 100% !important;
    text-transform: capitalize !important;
    border-radius: 35px !important;
}

.floating-label {
    position: relative;
    margin-bottom: 20px;
}

.floating-input,
.floating-select {
    font-size: 12pt;
    padding-left: 15px;
    border: 1px solid #dcdcdc !important;
    height: 54px;
    background-color: #fff;
    border-radius: 6px !important;
    border: 1px solid #363636;
    font-family: 'Effra', sans-serif;
    outline: none;
    /* outline: #003883 auto 1px; */
}

.floating-input:focus,
.floating-select:focus {
    border: 1px solid #363636;
}

.floating-label label {
    color: #363636;
    font-family: 'Effra', sans-serif;
    font-size: 10pt;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 16px;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
}

.floating-input:focus~label::after,
.floating-input:not(:placeholder-shown)~label::after {
    color: red !important;
    content: '\*';
}

.floating-input:focus~label,
.floating-input:not(:placeholder-shown)~label {
    top: 26%;
    transform: translate3d(0, -100%, 0);
    font-size: 8pt;
    color: gray !important;
    padding: 3px;
    opacity: 1;
    font-family: 'Effra', sans-serif;
    background: white;
}

.floating-select:focus~label,
.floating-select:not([value=""]):valid~label {
    top: 0px;
    font-size: 10.5px;
    color: #363636;
    padding: 3px;
    opacity: 0.7;
    font-family: 'Effra', sans-serif;
}

.main-container.exp {
    background-color: white !important;
}

.exp-label {
    color: gray !important;
    font-size: 8pt !important;
}

.exp-label>a {
    color: #2667FF !important;
}

.exp-label>input {
    margin-right: 4px !important;
}

.powered-grid {
    margin: 20px !important;
    margin-bottom: 0px !important;
}

.powered-heading {
    font-size: 10pt !important;
    color: gray !important;
    text-align: center !important;
    margin-bottom: 8px !important;
}

.powered-img {
    width: 140px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.ex.offer-grid {
    padding: 20px 30px !important;
    background-color: #07772e11;
    margin-top: 20px !important;
}

.ex.offer-heading {
    font-size: 14pt !important;
    font-weight: 600 !important;
    color: black !important;
    margin-bottom: 0px !important;
}


.ex.offer-slider {
    margin-top: 10px !important;
}

.ex.offer-img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

.ex.offer-dot>li>a {
    background-color: #15383F40 !important;
    width: 10px !important;
    height: 4px !important;
    border-radius: 0px !important;
    border: none !important;
    border-radius: 5px !important;
}

.ex.offer-dot>li.uk-active>a {
    width: 20px !important;
    background-color: #15383F !important;
}

.ex.otp-modal {
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
}

.ex.otp-heading {
    font-size: 14pt !important;
    font-weight: 600 !important;
    color: black !important;
    text-align: center !important;
    margin-bottom: 4px !important;
}

.ex.otp-details {
    font-size: 10pt !important;
    margin-top: 0px !important;
    text-align: center !important;
    width: 70% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ex.otp-details>a {
    color: #2667FF !important;
    text-decoration: none !important;
    margin-top: 10px !important;
    font-size: 12pt !important;
}

.ex.otp-details>a::after {
    font-family: "Material Icons";
    content: "\f88d";
    color: black !important;
    margin-left: auto !important;
    vertical-align: middle !important;
}

.verification-code {
    position: relative;
    text-align: center;
    margin-top: 0px !important;
}

.control-label {
    display: block;
    margin: 40px auto;
    font-weight: 900;
}

.verification-code--inputs input[type=number] {
    border: 2px solid #e1e1e1;
    width: 42px;
    height: 42px;
    padding: 10px;
    background-color: #F6F5F9 !important;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 8px !important;
}

.verification-code--inputs input [type=number]::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    
  -webkit-appearance: none;
  margin: 0;

}

.exp.otp-img {
    width: 140px !important;
    margin-top: 20px;
}

.exp.otp-phone {
    text-align: center !important;
    text-decoration: none !important;
}

.ex.otp-phone>a {
    color: #2667FF !important;
    text-decoration: none !important;
    text-align: center !important;
}

.ex.otp-phone>a::after {
    font-family: 'Material Icons';
    content: "\e3c9";
    vertical-align: middle !important;
    margin-left: 10px;
}

.exp.otp-button {
    background-color: #15383F !important;
    color: white !important;
    padding: 10px !important;
    font-size: 12pt !important;
    border-radius: 90px !important;
    text-transform: capitalize !important;
}


.resend-text {
    margin-top: 20px !important;
}

.resend-text>a {
    color: #07772e !important;
}

.resend-close {
    color: black !important;
}

.ys-container {
    height: calc(100vh - 70px);
}

.vs.score-grid {
    padding: 10px !important;
    border-radius: 8px !important;
}

.exp.valid-modal {
    max-height: 80vh !important;
    height: fit-content !important;
    overflow: auto !important;
    background-color: white !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
}

.exp.valid-img {
    width: 90px !important;
    margin-bottom: 4px !important;
}

.exp.valid-heading {
    font-size: 14pt !important;
    color: black !important;
    text-align: center !important;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}

.exp.valid-subheading {
    margin-top: 4px !important;
    font-size: 12pt !important;
    text-align: center !important;
    color: gray;
    width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.exp.select-heading {
    font-size: 12pt !important;
    color: black !important;
    text-align: left !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.exp.radio-numbers>label {
    font-size: 12pt !important;
    color: black !important;
}

.exp.radio-numbers {
    margin-top: 14px !important;
}

.exp.radio-numbers>label>input {
    color: black !important;
    margin: 10px 2px !important;
}

.exp.radio-numbers>label:last-child {
    margin-bottom: 0px !important;
}

.exp.valid-input {
    height: 54px !important;
    margin-top: 20px !important;
}

.exp.valid-button {
    background-color: #15383F !important;
    color: white !important;
    padding: 8px !important;
    font-size: 12pt !important;
    text-transform: capitalize !important;
    border-radius: 8px !important;
    margin-top: 10px !important;
}

.heart {
    margin: 0 8px;
    display: inline-block;
    animation: simplePulse ease-in-out 1.1s infinite;
}

.gauge {
    font-family: Arial, Helvetica, sans-serif;
    background: #f0f6f2;
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.09), 0 0 35px 5px rgba(255, 255, 255, 0.29);
    width: 200px;
    margin-top: 20px !important;
    height: 100px;
    border-radius: 100px 100px 0 0;
    position: relative;
    overflow: hidden;
    /* safari fix */
    -webkit-transform-style: flat;
    -webkit-transform: translateZ(0px);
}

.gauge.min-scaled {
    transform: scale(0.5);
}

.gauge-center {
    content: '';
    color: #fff;
    width: 60%;
    height: 60%;
    background: #15222E;
    border-radius: 100px 100px 0 0;
    position: absolute;
    box-shadow: 0 -13px 15px -10px rgba(0, 0, 0, 0.28);
    right: 21%;
    bottom: 0;
    color: #fff;
}

.gauge-center::after {
    content: '';
    width: 100%;
    float: left;
    opacitY: .6;
    text-align: center;
}

.needle {
    width: 78px;
    height: 7px;
    background: #15222E;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 100%;
    border-top-right-radius: 5px;
    position: absolute;
    bottom: 4px;
    left: 20px;
    transform-origin: 100% 4px;
    animation: speed 5s infinite;
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.38);
}

.slice-colors .st {
    position: absolute;
    bottom: 0;
    width: 60px;
    height: 0;
    border-bottom: 80px solid #000;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}

.slice-colors .st.slice-item:nth-child(1) {
    border-bottom-color: #E84C3D;
    left: -2px;
}

.slice-colors .st.slice-item:nth-child(2) {
    border-bottom-color: #e67e22;
    transform: rotate(135deg);
    transform-origin: right;
    top: 12px;
    left: -65px;
}

.slice-colors .st.slice-item:nth-child(3) {
    border-bottom-color: #f1c40f;
    transform: rotate(179deg);
    transform-origin: right;
    top: -20px;
    left: -62px;
    border-bottom-width: 90px;
    border-left-width: 45px;
    border-right-width: 45px;
    width: 18px;
}

.slice-colors .st.slice-item:nth-child(4) {
    border-bottom-color: #9baa1e;
    transform: rotate(219deg);
    transform-origin: right;
    top: -23px;
    left: 43px;
}

.slice-colors .st.slice-item:nth-child(5) {
    border-bottom-color: #1eaa59;
    transform: rotate(240deg);
    transform-origin: right;
    right: 52px;
}

.slice-colors .st.slice-item:nth-child(5)::after {
    content: '332' !important;
}

.score-result {
    text-align: center !important;
    font-size: 14pt !important;
    margin-bottom: 0px !important;
    color: black !important;
}

.ys.history-btn {
    color: #15222E !important;
    padding: 4px 20px !important;
    margin-top: 8px;
    font-size: 11pt !important;
    text-transform: capitalize !important;
    border: 1px solid #15222E !important;
}

.ys.update-details {
    margin-top: 20px !important;
}

.ys.update-details>p {
    color: black !important;
    font-size: 11pt !important;
    margin-bottom: 0px;
}

.ys.update-details>hr {
    width: 30% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin: 8px 0px;
    border-top: 1px solid gray !important;
}

.ys.update-details>p:last-child {
    font-size: 9pt !important;
    margin-top: 4px !important;
    margin-bottom: 20px !important;
    color: gray !important;
}

.vs.show-grid {
    padding: 20px;
    background-color: #07772e10;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

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

.vs.activity-header {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.vs.activity-heading {
    font-size: 11pt !important;
    margin-bottom: 0px !important;
    color: black !important;
    font-weight: 500;
}

.vs.activity-subheading {
    font-size: 10pt !important;
    margin-top: 4px !important;
    margin-bottom: 0px !important;

}

.vs.view-more {
    /* background-color: #07772e !important; */
    background: none;
    color: black !important;
    padding: 2px 8px;
    font-size: 9pt;
    border-radius: 12px;
    border: 1px solid black !important;
    text-transform: capitalize !important;
}

.vs.activity-ticon {
    width: 44px !important;
    padding: 8px !important;
    background-color: #d0e3d710;
    border: 1px solid rgb(221, 221, 221) !important;
}

.vs.activity-details {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    margin-bottom: 20px;
    cursor: pointer;
}

.vs.activity-details:last-child {
    margin-bottom: 0px !important;
}

.vs.activity-details>div {
    display: flex !important;
    align-items: center !important;
}

.vs.activity-details>div:first-child>div:last-child {

    padding-left: 10px;
    max-width: 200px;
}

.vs.activity-name {
    font-size: 11pt !important;
    color: black !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-weight: 500;
    max-width: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.vs.activity-type {
    font-size: 10pt !important;
    color: gray !important;
    margin-top: 4px !important;
    margin-bottom: 0px !important;
}

.vs.activity-price {
    margin-bottom: 0px !important;
    font-size: 12pt !important;
    text-align: right;
    color: black !important;
    font-weight: 500;
}

.vs.activity-status {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-size: 9pt !important;
    text-align: right;
    text-transform: uppercase !important;
    font-weight: 600;
}

.vs.activity-price::before {
    content: '₹ ';
    font-family: 'Roboto', sans-serif;
}

.vs.activity-status.closed {
    color: red !important;
}


.vs.activity-status.active {
    color: #07772e !important;
}

.vs.activity-vicon {
    transform: rotate(180deg);
}

.vs.account-heading {
    font-size: 14pt !important;
    color: black !important;
    text-align: left !important;
    font-weight: 500;
    margin-bottom: 0px !important;
}

.vs.account-subheading {
    font-size: 10pt;
    margin-top: 0px !important;
}

.vs.accounts-grid {
    background-color: white !important;
    padding: 20px !important;
    border-radius: 8px !important;
    margin-top: 16px !important;
}

.cd.view-modal {
    background-color: white;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 20px 0px !important;
}

.vsd.activity-details {
    display: flex !important;
    align-content: center !important;
    justify-content: space-between;
    padding: 0px 20px !important;
}

.vsd.activity-details>div {
    display: flex !important;
    align-items: center !important;
}

.vsd.activity-details>div:nth-child(1)>div:nth-child(2) {
    width: 240px !important;
    padding-left: 20px !important;
}

.vsd.activity-name {
    font-size: 12pt !important;
    color: black !important;
    margin-top: 0px !important;
    font-weight: 500;
    margin-bottom: 4px !important;
}

.cd.account-hr {
    margin-bottom: 10px !important;
}


.cd.account-grid {
    padding: 20px !important;
}

.cd.account-grid>div:first-child,
.cd.account-grid>div:last-child {
    display: flex !important;
    justify-content: space-between !important;
}

.cd.account-grid>div:first-child>div,
.cd.account-grid>div:last-child>div {
    width: 50% !important;
}

.cd.account-grid>div:last-child {
    margin-top: 20px !important;
}

.cd.account-grid>div:first-child>div:last-child {
    text-align: left !important;
}

.cd.account-title {
    font-size: 9.5pt !important;
    margin: 0px !important;
    font-weight: 500;
}

.cd.account-details {
    margin: 0px !important;
    font-weight: 600 !important;
    font-size: 12pt !important;
    margin-top: 4px !important;
    color: black !important;
}

.cd.account-details>span::before {
    font-family: 'Roboto', sans-serif !important;
    content: '₹' !important;
}

.cd.payment-history {
    background-color: #2667FF05;
    padding: 20px !important;
}

.cd.payment-title {
    font-size: 12pt !important;
    color: black !important;
    text-align: center !important;
}

.cd.payment-title {
    font-size: 10pt !important;
    color: black !important;
    font-weight: 500 !important;
    text-align: left !important;
    margin-bottom: 4px !important;
}


.ph.history-year {
    font-size: 10pt !important;
    color: gray !important;
    margin-bottom: 10px;
}

.ph.history-table {
    margin: 6px 0px !important;
}

.ph.history-table td,
.ph.history-table th {
    padding: 0px !important;
    vertical-align: middle !important;
}

.ph.history-table>thead>tr>th {
    width: 8.33%;
    font-size: 9pt !important;
    color: gray !important;
}


.ph.history-table>tbody>tr>td>span::before {
    font-family: 'Material Icons';
    content: "\e061";
    vertical-align: middle;
    font-size: 8pt !important;
    color: #f2e1e1 !important;
}

.ph.history-table>tbody>tr>td>span.none::before {
    color: grey !important;
}

.ph.history-table>tbody>tr>td>span.success::before {
    color: #1eaa59 !important;
}

.ph.history-table>tbody>tr>td>span.due::before {
    color: #e7891d !important;
}

.ph.history-table>tbody>tr>td>span.failed::before {
    color: #be0000 !important;
}

.ph-badge {
    background-color: #1eaa59 !important;
    padding: 4px 10px !important;
}

.ph-badge.danger {
    background-color: red !important;
}

.ph.percent-grid {
    display: flex !important;
}

.ph.percent-grid>div {
    width: 50% !important;
    margin-top: 10px !important;
}

.ph.success-percent {
    font-size: 10pt !important;
    color: gray !important;
    margin: 0px !important;
    margin-top: 4px !important;
}

.ph.success-percent::before {
    font-family: 'Material Icons';
    content: "\e061";
    font-size: 10pt !important;
    vertical-align: middle;
    color: #1eaa59 !important;
    margin-right: 7px !important;
}

.ph.delay-percent {
    font-size: 10pt !important;
    color: gray !important;
    margin: 0px !important;
    margin-top: 4px !important;
}

.ph.delay-percent::before {
    font-family: 'Material Icons';
    content: "\e061";
    font-size: 10pt !important;
    vertical-align: middle;
    color: red !important;
    margin-right: 7px !important;
}

.ph.none-percent {
    font-size: 10pt !important;
    color: gray !important;
    margin: 0px !important;
    margin-top: 4px !important;
}

.ph.none-percent::before {
    font-family: 'Material Icons';
    content: "\e061";
    font-size: 10pt !important;
    vertical-align: middle;
    color: gray !important;
    margin-right: 7px !important;
}

.ps.credit-grids {
    padding: 4px !important;
    display: flex !important;
    border-radius: 8px !important;
    background-color: white !important;

}

.ps.credit-grids>div {
    padding: 14px;
}

.ps.stats-card {
    width: 30% !important;
    background-color: rebeccapurpled !important;
}

.ps.credit-stat {
    font-size: 14pt !important;
    color: black !important;
    margin: 0px !important;
    font-weight: 500;
}

.ps.credit-type {
    color: black !important;
    margin: 0px !important;
    font-size: 10pt !important;
    margin: 0px !important;
}

.vs.card-view {
    padding: 20px !important;
    padding-top: 0px !important;
}

.ps-dot {
    margin-bottom: 0px !important;
}

.ps-dot>li>a {
    background-color: #c9c9c9 !important;
    width: 16px;
    border-radius: 16px;
    height: 5px;
    border: none !important;
}

.ps-dot>li.uk-active>a {
    width: 24px !important;
    background-color: #15383F !important;
}

.vs.report-grid {
    padding: 20px !important;
    padding-top: 0px !important;
}

.issue-btn {
    background-color: #15383F !important;
    color: white !important;
    padding: 14px !important;
    font-size: 11pt !important;
    border-radius: 16px !important;
}

.report-modal {
    background-color: white !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
}

.report-title {
    color: black !important;
    font-weight: 500;
    font-size: 14pt !important;
    text-align: left !important;
    margin-bottom: 0px !important;
}

.report-subtitle {
    color: graya !important;
    font-size: 10pt !important;
    margin-top: 0px !important;
}

.vs.ri-grid {
    background-color: #d3d3d330;
    padding: 14px !important;
    border-radius: 10px !important;

}

.ri-title {
    margin: 0px !important;
    color: gray !important;
    font-size: 8pt !important;
}

.ri-id {
    color: black !important;
    margin-top: 4px !important;
    font-size: 14pt !important;
    font-weight: 500 !important;
    margin-bottom: 0px !important;
}

.ri-copy {
    vertical-align: middle !important;
    font-size: 14pt !important;
}

.ri-btn {
    background-color: #15383F !important;
    color: white !important;
    font-size: 12pt !important;
    border-radius: 8px !important;
    margin-top: 14px !important;
    padding: 10px !important;
    text-transform: capitalize !important;
}

.report-img {
    width: 90px !important;
}

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

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

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

.list-switch>li:first-child {
    padding-left: 10px !important;
}

.list-switch>li>a {
    border-radius: 8px !important;
    padding: 4px 20px !important;
    margin: 0px 0px;
    color: black !important;
    background-color: white !important;
    text-transform: none !important;
}

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

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

/* 
.kf-table td {
    padding: 0px !important;
    vertical-align: middle !important;
}

.kf.table-img {
    width: 50px !important;
}

.kf-table>tbody>tr>td:nth-child(1) {
    width: 20% !important;
} */

.history-status {
    margin-bottom: 1em;
}

.history-detail {
    padding: 0.5em !important;
}

.history-list>li {
    background-color: #e7e7e7 !important;
}

.history-list>li>a {
    background:none !important;
    color: black !important;
}


.home.secondary-img {
    height: 170px !important; width: 100% !important; object-fit:cover; border-radius: 16px;
    display: flex !important;
}

.slider-image>div:first-child,.slider-image>div>ul {     
    min-height:450px !important;
}

body > div.uk-cotnainer.uk-container-xlarge.uk-padding-large.terms-container {
    padding: 0px 40px 40px 40px !important;
}



@media only screen and (max-width: 780px) {
    .sidenav {
        width:90vw !important ;
    }
    .topnav {
        background-color: white !important;
        padding: 0px 10px !important;
    }

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

    .banner-container>div {
        height: 210px !important;
    }
    
    .banner-container>div>div>ul>li,.banner-container>div>div>ul,.banner-container,
    .banner-container,.banner-container>div>div,.banner-container>div>div>ul>li>img {
        max-height: 190px !important;
    }
    
    .home.sub-container {
        padding: 20px !important;
    }
    .home.credit-check>div>div:first-child {
        width: 30%;
    }
    .home.credit-check>div:last-child>div:last-child 
    {
        text-align: right !important;
    }
    
.home.credit-check>div:last-child {
    margin-top: 20px !important;
}

.home.secondary-img {
    display: none !important;
}

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

.banner-container >div,.slider-image>div:first-child, .slider-image>div>ul {
    min-height: 180px !important;
}



.banner-container>div>div>ul>li {
    min-height: 200px !important;
}

.advisor-name {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

    
  }

  @media only screen and (max-width: 800px) {
    .verification-code--inputs input[type=number] {
        width: 34px !important;
        height: 34px !important;
    }

    .verification-code {
        margin-bottom: 20px !important;
    }
}


  @media only screen and (min-width: 400px) {
    .verification-code--inputs input[type=number] {
        width: 30px !important;
        height: 30px !important;
    }

    .verification-code {
        margin-bottom: 20px !important;
    }
}