/***------------Dhriti css----------***/
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css');
@import url('https://cdn.jsdelivr.net/npm/@dmuy/datepicker@2.0.5/dist/duDatepicker.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/smartwizard/6.0.6/css/smart_wizard_all.min.css');
@font-face {
    font-family: 'muliregular';
    src: url('../font/muli-webfont.woff2') format('woff2'),
         url('../font/muli-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulibold';
    src: url('../font/muli-bold-webfont.woff2') format('woff2'),
         url('../font/muli-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: bold;
}
@font-face {
    font-family: 'muliextralight';
    src: url('../font/muli-extralight-webfont.woff2') format('woff2'),
         url('../font/muli-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulilight';
    src: url('../font/muli-light-webfont.woff2') format('woff2'),
         url('../font/muli-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulisemibold';
    src: url('../font/muli-semibold-webfont.woff2') format('woff2'),
         url('../font/muli-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Muli-Black';
    src:url('../font/Muli-Black.ttf.woff') format('woff'),
        url('../font/Muli-Black.ttf.svg#Muli-Black') format('svg'),
        url('../font/Muli-Black.ttf.eot'),
        url('../font/Muli-Black.ttf.eot?#iefix') format('embedded-opentype'); 
        font-weight: normal;
        font-style: normal;
}
:root {
    --primary-font: 'Muli-Black';
    --secondary-font: 'muliregular';
    --primary-color: #0096dd;
    --deep-purple: #00608d;
    --color1: #00b0ff;
    --color2: #00bfa6;
    --color3: #66d83e;
    --blue-text: #173b68;
    --btn-color: #3c7db7;
}
body {font-family: var(--secondary-font); max-width: 450px; width: 100%; margin: 0 auto; min-height: 100vh;}
a, a:hover {text-decoration: none;}
a {color: #6235dd;}
.text-theme {color: var(--primary-color) !important;}
.btn-secondary {background-color: #989ea3; border-color: #ccc;}
.btn-green-light {background-color: #e0f4e7; color: #35b255; font-weight: 600;}
.btn-green-light:hover {background-color: #35b255; color: #e0f4e7;}
.btn-green {background-color: var(--color2); color: #fff;}
.btn-green:hover {background-color: #06917f;}
.btn-green2 {background-color: var(--color3); color: #fff;}
.btn-green2:hover {background-color: #4bb426;}
.btn-theme {background-color: var(--btn-color); color: #fff; text-transform: uppercase; letter-spacing: 1px;}
.btn-theme:hover {background-color: var(--deep-purple); color: #fff;}
.btn-outline-theme {background-color: #fff; color: var(--primary-color); text-transform: uppercase; 
    letter-spacing: 1px; border: 1px solid var(--primary-color);}
.btn-outline-theme:hover {background-color: var(--primary-color); color: #fff;} 
.btn-purple-light {background-color: #dfeaff; color: #5a4ce3; font-weight: 600;}
.btn-purple-light:hover {background-color: #5a4ce3; color: #dfeaff;}
.btn-theme2 {color: #fff; background-color: #af8efe;}
.btn-theme2:hover {background-color: var(--primary-color); color: #fff;}
.login-1 {background-color: #e9efff; display: flex; align-items: center; justify-content: center;}
.login-1 img {margin: 30px 0; max-width: 380px; width: 100%;}
.next-btn {display: inline-block; overflow: hidden;}
.next-btn img {max-width: 80px; width: 100%; height: 80px; object-fit: contain;}
.login-1 h4 {color:#22518b; text-transform: uppercase; letter-spacing: 1px; line-height: 1.5; 
    font-family: var(--primary-font); font-weight: 900;}
.login-2 {background-color: #c0cefd; display: flex; align-items: center; justify-content: center;}
.login-2 img {margin: 30px 0; max-width: 380px; width: 100%;}
.login-2 h4 {color:#22518b; text-transform: uppercase; letter-spacing: 1px; line-height: 1.5;
    font-family: var(--primary-font);}
.login-3 {background-position: center; background-size: cover; padding: 50px 0;}
.form-wrap {background-color: #fff; border-radius: 5px; padding: 10px;}
.login-3 h5 {font-weight: 300; color: #fff; font-size:20px;}
.login-3 p {font-weight: 300; color: #fff; font-size: 14px;}
.login-3 label {color: #fff; text-align: left; display: block; margin-bottom: 7px;font-size: 12px;}
.login-3 .input-group-text {font-size: 18px;padding: 6px 2px}
.login-3 .container {max-width: 93%; width: 100%; margin: 0 auto;}
.p-sm {font-size: 11px !important; opacity: 0.8;}
.or {display: flex; align-items: center; justify-content: center; position: relative; width: 100%;
     overflow: hidden; margin: 30px 0;}
.or::before, .or::after {content:''; position: absolute; top: 0; bottom: 0; margin: auto 0;
     background-color: #b8b8b8; width: 50%; height: 1px;}
.or::before {right: 58%;}
.or::after {left: 58%;}
.or span {position: relative; z-index: 2; color: #fff; line-height: 1; font-size: 16px;}
.btn-google {background-color: #fff; overflow: hidden; width: 100%; display: block;
     padding: 15px 30px; border-radius: 6px;}
.btn-google img {max-width: 70%; width: 100%; margin: 0 auto; display: block;}
.login-3 ul {list-style: none; display: flex; align-items: center; justify-content: center; 
    flex-wrap: wrap; padding: 0; margin:20px 0;}
.login-3 ul li {color: #fff;}
.login-3 ul li a {padding: 0 15px; color: #e1e1e1; display: flex; align-items: center; font-size: 12px;}
.login-3 ul li:not(:last-child) {border-right:1px solid #fff;}
#otp-wrap input{ display:inline-block; max-width:88%; width: 100%; height:50px; text-align:center; 
    border-radius: 5px; margin:0 5px; border: 0; font-size: 22px;}
#otp-wrap {display: flex; margin: 0 -5px;}
header {padding: 10px 0 50px; background-color: var(--primary-color);}
.icon-h {color: #fff; font-size: 24px;}
header .container {max-width: 100%; width: 100%; margin: 0 auto; display: block;}
.header-title h4 {color: #fff; font-size: 18px;margin-bottom: 10px; margin-top: 5px;}
.header-title p {font-size: 14px; color: #fff;}
.header-title-h4 {font-size: 15px !important; text-align: center; text-transform: uppercase; 
    font-weight: 600;}
.main-body {background-color: #f5f6fa; margin-top: -40px; border-top-left-radius: 30px;
     border-top-right-radius: 30px; padding: 20px 0 70px;}
.main-body .container {max-width: 100%; width: 100%; margin: 0 auto;}
.balance-box {padding:10px 15px; background-color:#fff; text-align: center; border-radius: 6px;
    box-shadow: rgb(0 0 0 / 16%) 0px 3px 8px; margin-top: 0px; display: flex; align-items: center;
    justify-content: space-between;}
.balance-box img {max-width: 20px; margin-right: 7px; width: 100%;}
.balance-box h4 {font-size: 13px; font-weight: 600; margin: 0;}
.application-status { padding: 0 0 15px;}
.application-status h6 {font-weight: 600; margin-bottom: 0;}
.application-status .btn-light {font-size: 10px; color: #22518b; font-weight: 600;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}
.application-status .btn-light span {color: #1492e6;}
.counter-box > div {display: flex; align-items: flex-start; justify-content: flex-start;}
/* .counter-box.first {background-color: #8b80f8;} .counter-box.sec {background-color: #af8efe;}
.counter-box.third {background-color: #5ed4e2;} */
.counter-box {border-radius: 5px;padding: 5px; background-color: #0096dd; height: 100%; 
    text-align: center; display: flex; align-items: center; justify-content: center;}
.counter-box p {margin: 0; color: #fff; text-transform: uppercase; font-size: 10px;}
/* .counter-box h4 {color: #fff; font-size: 18px; font-weight: 400;}
.counter-box img {margin-right:10px; max-width: 35px;} */
.counter-box img {max-width:40px; width:100%; display:block; margin:0 auto 5px;}
.application-status .counter-box {display:block;}
.business-list {padding: 15px 0;}
.business-list .list-single {background-color: #fff; padding: 8px; border-radius: 10px; overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; height: 100%;
    display: flex; align-items: center; justify-content: center;}
.business-list .list-single .offername { width: 100%;}
.business-list .list-single .offername .offer-pic {max-width: 100%; width: 100%; height: 30px; 
    overflow: hidden; border-radius: 8px; margin-bottom: 10px;}
.business-list .list-single .offername .offer-pic img {max-width: 100%; width: 100%; height: 100%; 
    object-fit: contain;} 
.business-list .list-single .offername h4 {font-size: 12px; font-weight:600; color: #22518b;
     margin: 0 0 2px;}  
.business-list .list-single .offername p {margin: 0; font-size: 12px; font-weight: 600; color: #000;}
.business-list .list-single .offer-box {text-align: center; flex: 0 0 22%; max-width: 22%; width: 100%;}
.business-list .list-single .offer-box p {text-transform: uppercase; font-weight: bold; font-size: 11px;
    font-family: 'Muli-Black'; margin-bottom: 5px; color: #151726;}
.business-list .list-single .offer-box p span {color: #1492e6;}
.business-list .list-single .offer-box h4 {margin: 0; font-family: 'Muli-Black'; font-size: 18px; 
    color: #22518b;}
footer {padding: 10px 0; background-color: #fff; border-top-left-radius: 30px; overflow: hidden;
    border-top-right-radius: 30px; position: fixed; bottom: 0; left: 0; right:0; max-width: 450px; width: 100%;
    margin:0 auto; box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px; z-index: 555;}
footer .ft-icon {text-align: center; color: #313131;}
footer .ft-icon img {max-width: 22px; width: 100%; margin-bottom: 5px;}
footer .ft-icon p {margin: 0; font-size: 13px; white-space: nowrap;}
.btn-info {background-color: var(--color1); color: #fff;}
.btn-info:hover {background-color: #0b9fe1;}
.spotlight-box {background-color: #fff; padding: 15px; border-radius: 15px; overflow: hidden; 
    text-align: center; box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px; width: 190px; 
    margin: 0 12px 5px 0;}
.spotlight-box img {max-width: 120px; width: 100%; margin: 0 auto 15px; height: 100px; 
    object-fit: contain;}
.spotlight-box h4 {font-size: 16px; font-weight: 600;}
.spotlight-slide-sec {padding: 20px 0;}
.spotlight-box a {text-transform: uppercase; font-size: 12px; padding: 6px 15px;}
.spotlight-slide-sec h5 {font-size: 16px; color: #000; font-weight: 600;}
.featured-slide-sec {padding: 10px 0 25px;}
.featured-slide-sec h5 {font-size: 16px; color: #000; font-weight: 600;}
.featured-box {background-color: #fff; padding: 15px; border-radius: 15px; overflow: hidden; 
    text-align: center; box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px; width: 250px; height: 150px;
     margin: 0 12px 5px 0;}
.profile-box {text-align: center; margin-top: -80px;}
.profile-box .pic {max-width: 100px; width: 100%; height: 100px; border-radius: 50%; overflow: hidden;
    background-color: #8b80f8; margin: 0 auto 15px; border: 3px solid #fff; box-shadow: 0 0 5px #ccc;}
.profile-box .pic img {max-width: 100%; width: 100%; height: 100%; object-fit: cover;}
.profile-box h4 {font-weight: bold; text-transform: uppercase; margin-bottom: 8px;}
.profile-box p {margin-bottom: 2px; font-weight: bold; display: flex; align-items: center; justify-content: center;}
.profile-box p img {max-width: 14px; width: 100%; margin-left: 5px;}
.info-links {padding: 20px 0;}
.info-links .card p {font-weight: 600; color: #4b4b4b;}
.info-links .card .card-body {padding: 10px;}
.info-links .card button {font-family: 'Muli-Black'; letter-spacing: 1px; font-size: 16px; padding: 5px;}
.card {border: 0;box-shadow: rgba(50, 50, 93, 0.15) 0px 2px 5px -1px, rgba(0, 0, 0, 0.2) 0px 1px 3px -1px;}
.info-links .card img {max-width: 20px;}
.blue-text {color: var(--blue-text) !important;}
.info-links .card .icon { text-align: center; width: 45px; height: 45px;
    overflow: hidden; padding: 5px; margin-right: 10px; border-radius: 5px; display: flex; justify-content: center;
    align-items: center;}
.info-links .card .icon img {max-width: 25px; width: 100%;}
.icon.i1 {background-color: #fff1e9;}
.icon.i2 {background-color: #f3e9ff;}
.icon.i3 {background-color: #e5fafe;}
.icon.i4 {background-color: #e1fff6;}
.icon.i5 {background-color: #ffe9e9;}
.icon.i6 {background-color: #e5edff;}
.info-links2 {padding: 20px 0;}
.info-links2 .card h4 {color: #000; font-size: 16px;}
.info-links2 .card p {font-weight: 600; color: #173b68; font-size: 13px; margin: 0;}
.info-links2 .card p span {color: #1492e6;}
.info-links2 .card .card-body {padding: 10px;}
.info-links2 .card button { letter-spacing: 1px; font-size: 16px; padding: 5px;}
.info-links2 .card .pic { text-align: center; max-width: 50px; width: 100%; height: 50px; flex: 0 0 50px;
    overflow: hidden; margin-right: 10px; border-radius: 50%; display: flex; justify-content: center;
    align-items: center;}
.info-links2 .card .pic img {max-width: 100%; width: 100%; height: 100%; object-fit: cover;}
.info-links2 .card .btn {line-height: 1; font-size: 12px; padding: 7px 10px; 
    text-transform: uppercase;}
.blank-wrap {border-radius: 6px; overflow: hidden; width: 100%; height: 150px; background-color: #fff;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: var(--primary-color); 
    color: #fff !important;  border-radius: 30px;}
.tabs-desc .nav.nav-pills {background-color: #fff; padding: 10px; border-radius: 30px;
     margin-top: -40px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { color: #4b4b4b; font-weight: bold; font-size: 13px;}
.details-account-1 {text-align: center;}
.details-account-1 h4 {margin: 0 0 5px; font-weight: 600; color: #000; font-size: 16px;}
.primary-text {color: var(--primary-color); font-weight: bold;}
.details-account-1 p {font-size: 12px;}
.details-account-1 td {font-size: 14px; padding: 2px; font-weight: 600; background-color: transparent;}
.details-account-1 td.text-end {color: var(--primary-color);}
.details-account-1 .sub-color {background-color: #f5f6fa; padding: 5px; border-radius: 5px;}
.details-account-2 table tr td:last-child {text-align: end;}
.details-account-2 table tr td {font-weight: 600; padding: 14px; color: #4b4b4b; font-size: 14px;}
.details-account-2 table tr.final td { border-top: 1px solid #818181 !important; border-width: 2px !important;
    border-right-width: 0 !important; border-left-width: 0 !important;}
.details-account-3 p {font-size: 13px; font-weight: 600; letter-spacing: 0.5px;}
.details-account-4 ul {list-style: none; padding: 0; margin-bottom: 0;}
.details-account-4 ul li {font-size: 13px; color: #173b68; padding-bottom: 5px; font-weight: 600;}
.details-account-4 ul li img {max-width: 10px; width: 100%; margin-right: 5px;}
footer .btn-theme {padding: 15px; font-size: 13px;}
.text1 {color: #ff752f; font-weight: 600; margin: 0; display: flex; align-items: center;}
.faq-ul {list-style: none; padding: 0; margin: 0;}
.faq-ul li {display: flex; align-items:baseline; justify-content: flex-start; margin-bottom: 30px;}
.faq-ul li span { margin-bottom: 5px; display: block;}
.faq-ul li p {color: #000;}
#sharebottom {background-color: #f5f6fa;}
.share-code .avatar {max-width: 50px; width: 100%; height: 50px; border-radius: 50%; overflow: hidden;
    margin-right: 15px; background-color: var(--primary-color);}
.share-code .avatar img {max-width: 100%; width: 100%; height: 100%; object-fit: cover;} 
.share-code h4 {font-weight: 600; font-size: 18px; margin-bottom: 3px;}
#sharebottom {height: auto;border-top-left-radius: 26px;border-top-right-radius: 26px;margin: 0 auto;
    max-width: 450px;width: 100%;left: 0;right: 0;}
.share-code p {margin: 0; font-size: 12px; font-weight: 600; opacity: 0.7;}
#sharebottom h5 {text-transform: uppercase; font-weight: 600; font-size: 12px; margin-bottom: 3px;}
#sharebottom .blank-wrap {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
#sharebottom a.btn {padding: 15px; font-size: 12px; font-weight: 600;}
.profile-preview-pic {position: relative; margin: 0 auto 20px; max-width: 105px; width: 100%; display: block;}
.profile-preview-pic .pic {max-width: 105px; width: 100%; height: 105px; overflow: hidden;
    background-color: #fff; border-radius: 50%;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}
.profile-preview-pic .pic img {max-width: 100%; width: 100%; height: 100%; object-fit: cover;}
.profile-preview-pic span {background-color: var(--deep-purple); position: absolute; top:0; right:0; 
    z-index: 2; border-radius: 50%; width: 35px; height: 35px; display: flex; align-items: center;
    justify-content: center;}
.profile-preview-pic span img {max-width: 18px; width: 100%; height: 18px; object-fit: contain;}
.profile-preview-pic span a {display: block; line-height: 1px; margin-top: -1px;}
.profile-details-box {background-color: #fff; border-radius: 6px; position: relative;  padding:15px 3px;
    text-align: center;box-shadow:rgb(60 64 67 / 19%) 0px 1px 2px 0px, rgba(60, 64, 67, 0.05) 0px 1px 3px 1px;
    overflow: hidden;}
.profile-details-box img.b-icon {max-width: 30px; width: 100%; margin: 0 auto 15px; display: block;}
.profile-details-box p {margin: 0; font-weight: 600; font-size: 12px; color: #000;white-space: nowrap;}
.profile-details-box span {background-color: var(--deep-purple); position: absolute; top:-2px; right:-2px; 
    z-index: 2; border-bottom-left-radius: 8px; width: 35px; height: 35px; display: flex; align-items: center;
    justify-content: center; }
.profile-details-box span img {max-width: 18px; width: 100%; height: 18px; object-fit: contain;}
.profile-option-card .card-body {display: flex; align-items: center; justify-content: flex-start; padding: 15px 8px;}
.profile-option-card {height: 100%;}
.profile-option-card .card-body img {max-width: 22px; width: 100%; margin-right: 10px;}
.profile-option-card .card-body p {margin: 0; font-size: 12px; font-weight: 600; text-transform: capitalize;}
.dp-update {position: relative; margin: 0 auto; max-width: 105px; width: 100%; display: block;}
.dp-update .dp-pic {max-width: 105px; width: 100%; height: 105px; overflow: hidden;
    background-color: var(--primary-color); border-radius: 50%;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}
.dp-update .dp-pic img {max-width: 100%; width: 100%; height: 100%; object-fit: cover;}
.dp-update span {background-color: var(--deep-purple); position: absolute; top:0; right:0; 
    z-index: 2; border-radius: 50%; width: 35px; height: 35px; display: flex; align-items: center;
    justify-content: center;}
.dp-update span img {max-width: 18px; width: 100%; height: 18px; object-fit: contain;}
.dp-update span a {display: block; line-height: 1px; margin-top: -1px;}
.hidden {display: none;}
.personal-details-form label {margin-bottom: 5px; font-weight: 600; font-size: 14px;}
.form-control { padding: .675rem .75rem; border: 1px solid #fff;
    box-shadow: rgba(60, 64, 67, 0.1) 0px 1px 0px 0px, rgba(60, 64, 67, 0.05) 0px 1px 0px 1px;}
.personal-details-form .btn {font-size: 13px; padding: 15px; text-transform: capitalize; font-weight: 600;}
.form-group {position: relative;}
.form-group img {max-width: 20px; z-index: 1; position: absolute; bottom: 12px; right: 15px;}
.dudp__wrapper[data-theme=purple] .dudp__calendar-header {background-color: var(--primary-color);}
.dudp__wrapper[data-theme=purple] .dudp__calendar .dudp__cal-week .dudp__date.range-from:before, .dudp__wrapper[data-theme=purple] .dudp__calendar .dudp__cal-week .dudp__date.range-to:before, .dudp__wrapper[data-theme=purple] .dudp__calendar .dudp__cal-week .dudp__date.selected:before {
    background-color: var(--primary-color);}
.dudp__wrapper[data-theme=purple] .dudp__calendar .dudp__cal-week .dudp__date.range-from:hover:before, .dudp__wrapper[data-theme=purple] .dudp__calendar .dudp__cal-week .dudp__date.range-to:hover:before, .dudp__wrapper[data-theme=purple] .dudp__calendar .dudp__cal-week .dudp__date.selected:hover:before {
    background-color: var(--primary-color);}   
.kyc-sec div.btn {font-size: 13px; padding:10px 15px;}
.cardpic-upload {border-radius: 8px; filter: drop-shadow(0px 1px 1px rgba(21,23,38,0.16));
    background-color: #dffdff; border: 1px solid #89ffff; padding: 12px; display: flex;
    align-items: center; justify-content: flex-start;}
.cardpic-upload p {margin: 0; font-size: 13px; font-weight: 600;}
.cardpic-upload img {max-width: 25px; width: 100%; margin-right: 10px;}
::placeholder {font-weight: 600;}
.pantitle h4 {font-weight: 600; font-size: 16px; margin-bottom: 2px;}
.pantitle p {font-size: 14px; margin-bottom: 6px;}
.pantitle .form-control {padding: 15px;}
.kyc-form .btn {padding: 15px; text-transform: capitalize; font-size: 14px;}
.bank-form .btn {padding: 15px; text-transform: capitalize; font-size: 14px;}
.bank-form .mb-3 label {margin-bottom: 8px; font-weight: 600; font-size: 14px;}
.popup-title h4 {font-size: 23px;color: #010005; font-weight: 700; letter-spacing: 1px;}
.popup-title p {margin: 0;color: #155581; line-height: 18px; font-size: 16px; font-weight: 600;}
.rounded-form { position: relative;padding:10px 15px; background-color: #fff; border-radius: 30px; 
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;}
.rounded-form input {border:0; box-shadow: none;}
.rounded-form input:focus {border:0; outline: 0; box-shadow: none;}
.rounded-form .btn {width: 100%; height: 100%; font-size: 18px;}
.lead-sec .card .col-6 .btn {padding:15px 10px; font-size: 18px; text-transform: capitalize; font-weight: 500;}
.alert-box {border-radius: 4px; background-color: #fff; border: 1px solid #a2afc3; padding: 20px;
    display: flex; align-items: flex-start; justify-content: flex-start;}
.alert-box h5 {font-size: 16px;}
.alert-box img {max-width: 25px; width: 100%; margin-right: 15px;}
.alert-box p {margin: 0; font-size: 12px;}
.lead-sec .card .btn.w-100 {padding:15px 10px; font-size: 14px; text-transform: capitalize; font-weight: 500;}
#leadpopup {border-top-left-radius: 30px; border-top-right-radius: 30px; height: 55vh;margin: 0 auto;
    max-width: 450px;width: 100%;left: 0;right: 0;}
#leadpopup .form-check { min-height: 2.9rem; padding-right: 1.5em; border-bottom: 1px solid #d5d5d5;
    line-height: 2.5; padding-left: 0;color: #00163d; font-weight: 600;}
#leadpopup .form-check .form-check-input { float: right; margin-right: -1em; margin-left: 0;
    margin-top: 15px; width: 1.2em; height: 1.2em;  border-radius: 2px; border-color: #000;}
#leadpopup .btn {padding: 12px; font-weight: 400; font-size: 15px; text-transform: uppercase;}
#leadpopup .form-check-input:checked {background-color: var(--primary-color); border-color: var(--deep-purple);}
#leadpopup .offcanvas-header .offcanvas-title {font-weight: 600;}
#leadpopup .btn-close { background-image: none; font-size: 22px; color: #000; padding: 0 10px !important;
    opacity: 0.7; line-height: 1.5;}
    
#applicationpopup {border-top-left-radius: 30px; border-top-right-radius: 30px; height: 55vh;margin: 0 auto;
    max-width: 450px;width: 100%;left: 0;right: 0;}
#applicationpopup .form-check { min-height: 2.9rem; padding-right: 1.5em; border-bottom: 1px solid #d5d5d5;
    line-height: 2.5; padding-left: 0;color: #00163d; font-weight: 600;}
#applicationpopup .form-check .form-check-input { float: right; margin-right: -1em; margin-left: 0;
    margin-top: 15px; width: 1.2em; height: 1.2em;  border-radius: 2px; border-color: #000;}
#applicationpopup .btn {padding: 12px; font-weight: 400; font-size: 15px; text-transform: uppercase;}
#applicationpopup .form-check-input:checked {background-color: var(--primary-color); border-color: var(--deep-purple);}
#applicationpopup .offcanvas-header .offcanvas-title {font-weight: 600;}
#applicationpopup .btn-close { background-image: none; font-size: 22px; color: #000; padding: 0 10px !important;
    opacity: 0.7; line-height: 1.5;}
.mini-wrap-1 {border-radius: 4px; background-color: #dfeaff; border: 1px solid #778ca7; padding:15px 10px;
    display: flex; align-items: center; justify-content: flex-start;}
.mini-wrap-2 {border-radius: 4px; padding:15px 10px;background-color: #e6fdff; border: 1px solid #4adfdf;
    display: flex; align-items: center; justify-content: flex-start;}
.mini-wrap-1 p {margin: 0; color: #5a4ce3; font-size: 13px; line-height: 1.3;}
.mini-wrap-2 p {margin: 0; color: #0e4865; font-size: 13px; line-height: 1.3;}
.mini-wrap-1 img, .mini-wrap-2 img {max-width: 22px; width: 100%; margin-right: 12px;}
.wallet-mini-status {border-radius: 4px; background-color: #dfeaff; padding: 15px 10px; display: flex;  flex-wrap: wrap; height: 100%;
    align-items: center; justify-content: space-between;}
.wallet-mini-status p {margin: 0; font-weight: 600; font-size: 12px;}
.wallet-info {padding: 0 10px;}
.wallet-info h4 {color: #13324f; font-weight: 700; font-size: 20px;}
.wallet-info p {font-size: 14px; margin: 0; font-weight: 600; opacity: 0.7;}
.wallet-info h5 {color: var(--primary-color); font-size: 16px; display: flex; align-items: center;
     justify-content: flex-end; margin: 0; font-weight: 600;}
.wallet-info h5 img {max-width: 25px; margin-left: 8px;}
.wallet-info hr { border-color: #dfeaff; opacity: 0.8; border-width: 3px; margin: 13px 0;}
.card-wallet .btn-theme {padding: 15px; font-size: 14px; font-weight: 500; text-transform: capitalize;}
.share-sec .banner {border-radius: 8px; overflow: hidden; width: 100%; padding: 10px;
    background-repeat: repeat; background-size: cover; background-position: right; text-align: center;}
.share-sec .banner .border-box {padding: 5px; border: 1px solid #000; border-radius: 3px;
    background-color: #ffffff4b;}
.share-sec .banner p {font-size: 10px; color: #000; margin: 0 0 2px; font-weight: 600; line-height: 1.2;}
.share-sec .banner .border-box div {border-top:1px solid #acacac; border-bottom: 1px solid #acacac;}
.copu-code-sec {background-color: #fff; padding:7px 15px;border-radius: 8px; overflow: hidden;
    filter: drop-shadow(0px 1px 1px rgba(21,23,38,0.16));}
.copu-code-sec input { color: #4b4b4b; font-weight: 600; font-size: 18px; box-shadow: none; padding:7px 0;}
.copu-code-sec .form-control:disabled { background-color: #fff;}
.copu-code-sec img {max-width: 20px; margin-right: 8px;}
.copu-code-sec .btn {padding: 10px 13px;}
.full-btn {padding: 15px; background-color: var(--deep-purple); color: #fff; border-radius: 8px;}
.full-btn p {margin: 0; font-size: 14px; font-weight: 600; color: #fff; letter-spacing: 1px;}
.full-btn i {color: #fff;}
.full-btn a {display: block;}
.share-sec .card-body ul {list-style: none; padding: 0; margin: 0; overflow: hidden;}
.share-sec .card-body ul li {display: flex; align-items: flex-start; justify-content: flex-start;
    padding: 10px 0;}
.share-sec .card-body ul li img {max-width: 30px; width: 100%; height: 25px; object-fit: contain; margin-right: 8px;}
.share-sec .card-body ul li span {margin-right: 8px; font-weight: 600; color: #000; font-size: 13px;
     white-space: nowrap;}
.share-sec .card-body ul li p {margin: 0; font-size: 13px; line-height: 1.1;}
.share-sec .card-body h4 {font-size: 14px; font-weight: 600; margin-bottom: 0;}
.customer-details-form .btn {font-size: 12px; padding: 15px; font-weight: 600; text-transform: capitalize;}
.customer-details-form label {font-weight: 600; font-size: 14px; margin-bottom: 5px;}
.customer-details-form .btn-green-light img {max-width: 20px; margin-right: 5px;}
.customer-details-form .btn-outline-theme img {max-width: 20px; margin-right: 5px;}
.customer-details-form .btn-green-light {border: 1px solid #7dd092; }
.customer-details-form .c-d-title {margin-bottom: 15px;}
.customer-details-form .c-d-title h4 {color: #13324f; font-weight: 700; font-size: 18px;}
.customer-details-form .c-d-title p {font-size: 14px; font-weight: 600; opacity: 0.7;}
.sw-theme-basic>.nav .nav-link.active::after {display: none;}
.sw-theme-basic>.nav .nav-link {display: none;}
.sw-theme-basic>.nav .nav-link.active {display: block; color: #000 !important;  font-size: 14px;
    font-weight: 600; padding: 0; text-align: left;}
.sw-theme-basic>.nav { box-shadow: none !important;}
#smartwizard {position: relative; border: 0;padding: 0 0 15px;}
.progress-box { max-width: 50%; width: 100%; float: left; margin-top: -8px;}
.progress-box .progress {height: 4px;}
.sw .toolbar { padding: 0;}
.progress-bar { background-color:var(--primary-color); }
.sw-theme-basic>.nav { box-shadow: none !important; position: absolute; bottom: 30px; left: 0;}
.sw>.tab-content>.tab-pane { padding: 0;}
#otp-wrap2 input{ display:inline-block; max-width:88%; width: 100%; height:50px; text-align:center; 
    border-radius: 5px; margin:0 5px; border: 0; font-size: 22px; box-shadow: 0px 3px 2px 0px #e3e3e3;}
#otp-wrap2 {display: flex; margin:15px -5px; max-width: 80%;}
.sw .toolbar>.sw-btn { padding: .375rem 1.75rem; font-size: 14px;
    border-radius: .25rem; background-color: var(--primary-color); border: 1px solid var(--primary-color);}
#step-1 h4 {color: #13324f; font-weight: 700; font-size: 18px; line-height: 1.6;}
#step-1 p {font-weight: 600;}
#step-1 p span {color: var(--primary-color);}
#step-1 .btn-green-light {width: 100%; display: flex; align-items: center; justify-content: space-between;
    text-align: left; border: 1px solid #7dd092;}
#step-1 .btn-green-light div {text-align: left; font-size: 14px;}
#step-1 .btn-green-light div img {max-width: 25px;}
#step-1 .btn-green-light .btn img {max-width: 25px;}
#step-2 .btn-green-light {width: 100%; display: flex; align-items: center; justify-content: space-between;
    text-align: left; border: 1px solid #7dd092;}
#step-2 .btn-green-light div {text-align: left; font-size: 14px; display: flex; padding-right: 10px;}
#step-2 .btn-green-light div img {align-self: center;max-width: 25px;margin-right: 10px;}
#step-2 .btn-green-light .btn img {max-width: 25px;}
#step-2 .btn-green-light .btn {padding: 0; text-align: right;}
#step-2 h4 {color: #13324f; font-weight: 700; font-size: 18px; line-height: 1.6;}
#step-2 label {font-weight: 600; font-size: 14px; margin-bottom: 5px;}
#btnFinish { padding: .375rem 1.75rem; font-size: 14px; border: 1px solid var(--primary-color);
    border-radius: .25rem; background-color: var(--primary-color);}
#step-3 h4 {color: #13324f; font-weight: 700; font-size: 18px; line-height: 1.6; margin-top: 0;}
#step-3 label {font-weight: 600; font-size: 14px; margin-bottom: 5px;} 
#step-3 .btn-purple-light {text-align: left; width: 100%; border: 1px solid #778ca7; padding: 10px;}
#step-3 .btn-purple-light ul {list-style: none; padding: 0; margin: 0;}
#step-3 .btn-purple-light ul li {font-size: 14px; font-weight: 600; color: #000; display: flex;
    align-items: center; justify-content: flex-start; padding: 10px 0;}
#step-3 .btn-purple-light ul li img {max-width: 25px; margin-right: 10px;}
#step-3 .btn-purple-light ul li p {margin: 0;}
.print-sec .btn {font-size: 12px; padding: 15px;}
.btn-download {border-radius: 4px; filter: drop-shadow(0px 2px 2.5px rgba(0,0,0,0.31));
    background-color: #dfeaff;border: 1px solid #9c92ff; padding:6px 10px;}
.btn-download img {max-width: 18px;}
.id-card-box bottom {padding: 10px; background-image: linear-gradient(180deg, #7165e3 0%, #5a4ce3 100%);
     display: block;}
.id-card-box bottom p {margin: 0; font-size: 10px; color: #fff; font-weight: 600; letter-spacing: 1px;}
.id-card-box {border-radius: 8px; overflow: hidden;}
.html2canvas-container { width: 3000px; height: 3000px;}
.logo-mini {max-width: 80px; width: 100%; height: 45px; overflow: hidden;}
.logo-mini img {max-width: 100%; width: 100%; object-fit: contain; height: 100%; object-position: left;}
.icon-mini { text-align: left; padding: 5px; border-radius: 5px; font-size: 15px; height: 100%;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .13), 0 1px 2px 0 rgba(0, 0, 0, .11);}
.icon-mini i {width: 60px; height: 60px; background-color: #fff; border-radius: 50%; color: var(--deep-purple);
     display: flex; justify-content: center; align-items: center; margin:0 auto 6px; font-size: 20px;}
.icon-mini p {color: #000; margin: 0; font-size: 13px; font-weight: 600;}
.icon-mini .btn-mini {font-size: 14px; padding:0 5px; width: 100%;}
.icon-mini .balance-p {font-size: 16px; margin-bottom: 10px;}
.icon-mini .btn-theme { font-size: 12px; padding: 2px; letter-spacing: 1px; width: 100%; font-weight: 600;}
.icon-mini .btn-xs {padding:0 4px; white-space: nowrap; border-radius: 2px;}
.profile-xs {max-width: 40px; height: 40px; width: 30%;margin-left:35%; overflow: hidden; border-radius: 50%;
    border: 1px solid #ccc; flex: 0 0 40px;}
.profile-xs img {max-width: 100%; width: 100%; height: 100%; object-fit: cover;}
.btn-xs { --bs-btn-padding-y: 0.15rem; --bs-btn-padding-x: 0.3rem; --bs-btn-font-size: 0.675rem;}
.main-nav {  margin-left: -16px; margin-right: -16px;}
div#sidemenu .list-group li a {padding-top: 6px;padding-bottom: 6px;display: block;text-decoration: none;
    color: #fff;}
#nav_sub .offcanvas-header {justify-content: normal;border-bottom: 1px solid #eee;margin-bottom: 10px;}
#nav_sub .offcanvas-header button {border: 0;background: transparent;font-size: 1.5rem;display: inline-block;
    margin-right: 1rem;}
#nav_sub .list-group {margin-left: -16px;margin-right: -16px;}
div#sidemenu { background: var(--primary-color);max-width: 80%;}
div#sidemenu .list-group-item {background: transparent; border-color: #2bbbff;}
div#sidemenu .offcanvas-title {color: #fff;}
div#sidemenu .offcanvas-header .btn-close { filter: invert(1);}
.client-name {overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap;}
.ticker {margin: 0 auto;width:100%;text-align: left; overflow: hidden;position: relative;}
.ticker ul {width: 100%;position: relative; margin: 0;}
.ticker ul li {width: 100%;display: none; }
.ticker ul li span {display: flex; align-items:flex-start; justify-content: flex-start;}
.youtube-banner {padding: 15px 0 5px; position: relative;}
.youtube-banner a {position: relative; width: 100%; height: 100%; display: block;}
.youtube-banner img {border-radius: 15px; max-width: 100%; width: 100%; height: 160px; 
    object-fit: cover;}
.youtube-banner .btn {position: absolute; bottom: 0px; left: 0; right: 0; margin: 0 auto;
    z-index: 55; width: 80px; text-transform: uppercase;}
.info-links3 {padding: 20px 0;}
.info-links3 .card h4 {color: #000; font-size: 16px; font-weight: 600; margin: 0 0 4px;}
.info-links3 .card p {font-weight: 600; color: #606670; font-size: 13px; margin: 0;}
.info-links3 .card p span {color: #1492e6;}
.info-links3 .card .card-body {padding: 10px;}
.info-links3 .card button { letter-spacing: 1px; font-size: 16px; padding: 5px;}
.info-links3 .card .pic { text-align: center; max-width: 45px; width: 100%; height: 45px; flex: 0 0 75px;
    overflow: hidden; margin-right: 10px; border-radius: 5px; display: flex; justify-content: center;
    align-items: center;}
.info-links3 .card .pic img {max-width: 100%; width: 100%; height: 100%; object-fit: cover;}
.info-links3 .card .btn {line-height: 1; font-size: 12px; padding: 7px 10px; 
    text-transform: uppercase;}
.history-single { display: flex; align-items: center; justify-content: space-between;}
.history-single .info { display: flex; align-items: center; justify-content: flex-start;}
.history-single .fund-p {font-size: 18px !important;font-weight: 600; color: #173b68; 
    white-space: nowrap;}
.preinput {display: flex; align-items: center; justify-content: center;}
.preinput label {font-weight: 600;}
.lead-form .form-check-label {font-size: 15px; font-weight: 600; text-transform: uppercase;}
.lead-form .form-check-input {border-color: #393b3d;}
.phone-h4 {text-align: center; font-weight: 600; margin: 0;}
.avatar-m { height: 2rem; width: 2rem;}
.avatar-m img {max-width: 100%; height: 100%; width: 100%; object-fit: cover;}
.flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
.fs-9 { font-size: .8rem !important;}
.table.datatable thead th {background:var(--btn-color); color:#fff; text-align:center;}
.input-group-text { font-family: cursive; padding: .375rem .75rem; font-size: 18px; font-weight: bold;}



#message{
	width:100%;
	text-align:center;
	margin-bottom:20px;
	color:red;
	font-weight:bold;
}
#message b{
	color: #090 !important;
}