a {
	text-decoration: none !important
}

.image-pro img,
.layout,
.offer-card-user:hover::after {
	width: 100%
}

.profile-dash-ul {
	display: flex;
	flex-direction: column;
	gap: 10px
}

.layout .header {
	width: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 20px;
	border-bottom: 1px solid #ddd;
	position: sticky;
	top: 0;
	z-index: 1200
}

.layout .content {
	padding: 13px;
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 17px;
	background: #e5e5ed;
	border-radius: 10px;
	min-height: 86%
}

a#btn-collapse {
	color: #323383;
	font-size: 16px
}

.layout .footer {
	text-align: center;
	margin-top: auto;
	margin-bottom: 20px;
	padding: 20px
}

.layout.rtl .header {
	box-shadow: #9aa0b9 -1px 1px 4px
}

.sidebar {
	color: #0c1e35;
	background: #fff;
	border-radius: 7px 0 0 7px;
	overflow: hidden auto;
	box-shadow: rgba(0, 0, 0, .1) -4px 9px 25px -6px
}

.sidebar .image-wrapper {
	overflow: hidden;
	position: absolute;
	inset: 0px;
	opacity: .2;
	z-index: 1;
	display: none
}

.sidebar .image-wrapper>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center
}

.sidebar.has-bg-image .image-wrapper,
.submenuUl.show li,
.track-popup.block,
.track-popup.true {
	display: block
}

.sidebar .sidebar-layout {
	height: 100%;
	position: relative;
	z-index: 2
}

.sidebar .sidebar-layout .sidebar-header {
	height: 68px;
	min-height: 60px;
	display: flex;
	align-items: center;
	padding: 0 10px;
	text-align: center;
	gap: 0;
	justify-content: center;
	position: sticky;
	top: 0;
	z-index: 2;
	border-bottom: 1px solid #ddd;
	box-shadow: rgba(47, 47, 47, .184) 0 16px 25px -24px
}

.card-btm a,
.dash-scrn-container,
.image-pro,
.image-pro img,
.layout .sidebar .menu .menu-item.sub-menu,
.layout-right,
.layout.fixed-sidebar .sidebar,
.main-img-user,
.offer-card a,
.offer-card-user,
.scrn-container,
.track-popup,
.user-notification a,
li.status-ul,
ul.status-list {
	position: relative
}

.sidebar .sidebar-layout .sidebar-header>span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	display: block;
	color: #fff
}

.scrn-container {
	width: 95%;
	margin: auto;
	height: 95%;
	top: 50%;
	background: #f6f7ff
}

.sidebar .sidebar-layout .sidebar-content {
	flex-grow: 1;
	padding: 10px 0
}

.sidebar .sidebar-layout .sidebar-footer {
	height: 64px;
	min-height: 64px;
	display: flex;
	align-items: center;
	padding: 0 20px;
	color: #fff;
	position: relative
}

.main-img-user,
.parant-a.show,
.parant-a.show .menu-icon,
.parant-a:hover {
	color: #fff !important
}

.sidebar .sidebar-layout .sidebar-footer>span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

@keyframes swing {

	0%,
	100%,
	30%,
	50%,
	70% {
		transform: rotate(0)
	}

	10% {
		transform: rotate(10deg)
	}

	40% {
		transform: rotate(-10deg)
	}

	60% {
		transform: rotate(5deg)
	}

	80% {
		transform: rotate(-5deg)
	}
}

div#__next {
	min-height: 100vh
}

button.sc-gswNZR.jzhLtB {
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding: 10px 3px;
	font-size: 16px;
	font-weight: 600
}

nav.menu.open-current-submenu {
	margin-top: 17px;
	padding: 0 15px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-height: 81%;
	overflow: hidden auto
}

.layout .sidebar .menu ul {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0
}

.layout .sidebar .menu .menu-item a {
	display: flex;
	align-items: center;
	height: 45px;
	padding: 0 12px;
	color: #232121;
	font-weight: 500;
	transition: .3s;
	border-bottom: 1px solid rgba(47, 47, 47, .184)
}

a.parant-a {
	font-size: 15px;
	opacity: .8;
	background: #e5e5ed;
	border-radius: 7px;
	font-weight: 700 !important;
	border: 0 !important
}

.menu-item {
	border-bottom: 0 solid #f6f6f6
}

.layout .sidebar .menu .menu-item a .menu-icon {
	font-size: 20px;
	width: 35px;
	min-width: 35px;
	height: 35px;
	line-height: 37px;
	text-align: center;
	display: inline-block;
	margin-right: 4px;
	border-radius: 2px;
	transition: color .3s;
	color: #232121
}

.layout .sidebar .menu .menu-item a .menu-icon i {
	display: inline-block
}

.layout .sidebar .menu .menu-item a .menu-title {
	font-size: .9rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-grow: 1;
	transition: color .3s
}

.layout .sidebar .menu ul .submenuUl {
	background: #e5e5ed;
	padding: 0;
	border: 0;
	border-radius: 0 0 7px 7px;
	overflow: hidden;
	transform: translate(0, 0) !important;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important
}

.layout .sidebar .menu ul .submenuUl li:last-child a {
	border: 0
}

.layout .sidebar .menu .menu-item a .menu-prefix,
.layout .sidebar .menu .menu-item a .menu-suffix {
	display: inline-block;
	padding: 5px;
	opacity: 1;
	transition: opacity .3s
}

.layout .sidebar .menu .menu-item a:hover .menu-title {
	color: #ff9800
}

.layout .sidebar .menu .menu-item a:hover .menu-icon {
	color: #fff
}

.layout .sidebar .menu .menu-item a:hover .menu-icon i {
	animation: .5s ease-in-out alternate swing
}

.layout .sidebar .menu .menu-item a:hover::after {
	border-color: #fff
}

.layout .sidebar .menu .menu-item.sub-menu>a::after {
	content: "";
	transition: transform .3s;
	border-right: 2px solid currentcolor;
	border-bottom: 2px solid currentcolor;
	width: 5px;
	height: 5px;
	transform: rotate(-45deg)
}

.layout .sidebar .menu .menu-item a::after {
	height: 8px;
	width: 8px;
	border-width: 0 0 1px 1px;
	border-image: initial;
	border-style: initial initial solid solid;
	border-color: initial initial #887e93 #887e93;
	transform: rotate(-45deg);
	transition: .3s
}

.parant-a.show {
	background: #232121;
	border-radius: 7px 7px 0 0
}

.layout .sidebar .menu .menu-item a.show::after {
	transform: rotate(135deg);
	border-color: #fff
}

.layout .sidebar .menu .menu-item.sub-menu>.sub-menu-list {
	padding-left: 20px;
	display: none;
	overflow: hidden;
	z-index: 999
}

.layout .sidebar .menu .menu-item.sub-menu.open>a::after,
.layout.rtl .sidebar .menu .menu-item.sub-menu.open>a::after {
	transform: rotate(45deg)
}

.layout .sidebar .menu .menu-item.active>a .menu-icon,
.layout .sidebar .menu .menu-item.active>a .menu-title {
	color: #dee2ec
}

.layout .sidebar .menu .menu-item.active>a::after {
	border-color: #dee2ec
}

.layout .sidebar .menu.icon-shape-circle .menu-item a .menu-icon,
.layout .sidebar .menu.icon-shape-rounded .menu-item a .menu-icon,
.layout .sidebar .menu.icon-shape-square .menu-item a .menu-icon,
.layout .sidebar .menu>ul>.sub-menu>.sub-menu-list {
	background-color: #0b1a2c
}

.layout .sidebar .menu.icon-shape-circle .menu-item a .menu-icon {
	border-radius: 50%
}

.layout .sidebar .menu.icon-shape-rounded .menu-item a .menu-icon {
	border-radius: 4px
}

.layout .sidebar .menu.icon-shape-square .menu-item a .menu-icon {
	border-radius: 0
}

.layout .sidebar:not(.collapsed) .menu>ul>.menu-item.sub-menu>.sub-menu-list {
	visibility: visible !important;
	position: static !important;
	transform: translate(0, 0) !important
}

.layout .sidebar.collapsed .menu>ul>.menu-item>a .menu-prefix,
.layout .sidebar.collapsed .menu>ul>.menu-item>a .menu-suffix {
	opacity: 0
}

.layout .sidebar.collapsed .menu>ul>.menu-item.sub-menu>a::after {
	content: "";
	width: 5px;
	height: 5px;
	background-color: currentcolor;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 50%;
	border: none;
	transform: translateY(-50%)
}

.layout .sidebar.collapsed .menu>ul>.menu-item.active>a::after,
.layout .sidebar.collapsed .menu>ul>.menu-item.sub-menu>a:hover::after {
	background-color: #dee2ec
}

.layout .sidebar.collapsed .menu>ul>.menu-item.sub-menu>.sub-menu-list {
	width: 200px;
	border-radius: 4px;
	transition: none !important;
	margin-left: 3px !important;
	display: block !important
}

.layout .sidebar.has-bg-image .menu.icon-shape-circle .menu-item a .menu-icon,
.layout .sidebar.has-bg-image .menu.icon-shape-rounded .menu-item a .menu-icon,
.layout .sidebar.has-bg-image .menu.icon-shape-square .menu-item a .menu-icon,
.layout .sidebar.has-bg-image:not(.collapsed) .menu>ul>.sub-menu>.sub-menu-list {
	background-color: rgba(11, 26, 44, .6)
}

.layout.rtl .sidebar .menu .menu-item a .menu-icon {
	margin-left: 10px;
	margin-right: 0
}

.layout.rtl .sidebar .menu .menu-item.sub-menu>a::after {
	transform: rotate(135deg)
}

.layout.rtl .sidebar .menu .menu-item.sub-menu>.sub-menu-list {
	padding-left: 0;
	padding-right: 20px
}

.layout.rtl .sidebar.collapsed .menu>ul>.menu-item.sub-menu a::after {
	right: auto;
	left: 10px
}

.layout.rtl .sidebar.collapsed .menu>ul>.menu-item.sub-menu>.sub-menu-list {
	margin-left: -3px !important
}

* {
	box-sizing: border-box
}

body {
	margin: 0;
	color: #212529
}

.sidebar::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: transparent;
	height: 90%
}

.sidebar::-webkit-scrollbar {
	width: 4px;
	background-color: transparent
}

.sidebar::-webkit-scrollbar-thumb {
	background-color: #f0e8e8
}

.user-auth-header {
	display: flex;
	align-items: center;
	gap: 12px
}

.card-btm a,
.ofer-icon,
.offer-card a,
.offer-content,
.search-box,
.top-search-box,
.user-active-product,
.user-offer-row {
	align-items: center;
	display: flex
}

.top-search-box {
	gap: 12px;
	justify-content: center
}

.search-box {
	background: #f6f7ff;
	border: 0 solid #034452;
	border-radius: 8px;
	overflow: hidden;
	padding: 1px
}

.search-box button,
.search-box input {
	height: 35px;
	background: #ddd;
	border: 0;
	outline: 0
}

.user-auth {
	display: flex;
	align-items: center;
	gap: 11px
}

.user-notification {
	display: flex;
	gap: 15px
}

.user-notification a {
	font-size: 25px;
	color: #034452
}

.user-notification a::after {
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
	height: 6px;
	width: 6px;
	background: #ff9800;
	border-radius: 50%;
	border: 1px solid #bbccd0
}

.content-row {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	width: auto
}

.col-50 {
	width: 50%
}

.user-Dashboard-h {
	display: flex;
	align-items: center;
	gap: 20px
}

.offer-row {
	display: flex;
	gap: 10px;
	flex-wrap: wrap
}

.user-detail {
	background: #fff;
	padding: 12px;
	border-radius: 0;
	overflow: hidden
}

h4.your-product {
	margin: 0 0 22px;
	color: #232121;
	font-size: 21px;
	font-weight: 700;
	display: inline-block;
	border-bottom: 2px solid #232121
}

h2.user-name {
	font-size: 18px;
	color: var(--dark-green);
	margin-bottom: 6px
}

h2.user-name b {
	font-weight: 600;
	color: #232121;
	letter-spacing: 1px;
	text-transform: capitalize
}

.user-detail-box p {
	margin: 5px 0 0;
	font-size: 13px;
	letter-spacing: .5px
}

ul.user-data-list {
	list-style: none
}

.offer-card a {
	background: #fff;
	padding: 10px;
	min-height: 73px
}

.offer-card a p {
	color: #232121;
	margin: 0;
	transition: .3s;
	font-size: 14px;
	letter-spacing: initial;
	font-weight: 600
}

.offer-content {
	gap: 10px
}

.offer-in-card {
	display: flex;
	align-items: center;
	gap: 7px;
	max-width: 100%
}

.image-pro {
	background: #fff;
	box-shadow: rgba(47, 47, 47, .184) 2px 5px 13px -20px inset;
	border: 1px solid #e5e5ed;
	padding: 4px;
	max-width: 120px
}

span.lock {
	background: #e5e5ed;
	height: 20px;
	width: 39px;
	line-height: 20px;
	font-size: 15px;
	color: var(--text);
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 10px 0 0;
	padding-left: 9px;
	transition: .3s
}

h3.offer-title {
	margin: 0 0 21px;
	font-size: 25px;
	font-weight: 700;
	color: #333
}

.offer-card.card-offer,
span.lock i {
	transition: .3s
}

.offer-card.card-offer:hover {
	box-shadow: rgba(47, 47, 47, .21) 2px 5px 7px
}

.offer-card.card-offer:hover span.lock {
	padding-left: 16px;
	right: 0;
	bottom: 0;
	background: #fff
}

.main-img-user img {
	height: 100% !important;
	width: 100% !important
}

.main-img-user {
	border-radius: 100%;
	display: inline-block;
	height: 35px;
	text-align: center;
	width: 35px;
	border: 1px solid #034452;
	padding: 0;
	overflow: hidden
}

.main-profile-menu .profile-user img {
	border-radius: 50%;
	box-shadow: #dbe4f9 0 4px 15px 0;
	height: 50px;
	margin-left: 0;
	width: 50px
}

.dash-main-profile-menu .dropdown-menu {
	transform: translate(-173px, 38.8px) !important
}

.socialWrapper {
	display: flex;
	margin-top: 0;
	gap: 10px;
	justify-content: end;
	align-items: center;
	padding: 5px;
	background: #e2e3e5;
	border-radius: 42px
}

.socialWrapper span {
	font-size: 18px;
	font-weight: 600;
	color: #232121;
	padding: 3px 10px;
	border-right: 1px solid rgba(35, 33, 33, .59);
	opacity: .8
}

.container-fluid.main-top-container {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background: #ebebf4;
	min-height: 100vh
}

.submenuUl li a {
	font-size: 14px;
	opacity: .9;
	font-weight: 600 !important;
	transition: .3s;
	padding: 0 18px !important
}

.layout.fixed-sidebar .sidebar {
	width: 20%;
	min-height: 90vh;
	max-width: 250px;
	display: block !important
}

.layout.has-sidebar.fixed-sidebar.fixed-header {
	display: flex
}

button.sc-guDLRT.hreMxK {
	border-bottom: 1px solid #e1ebe5;
	width: 100%
}

.sc-hLQRIN.fKAAxr:hover a,
button.sc-guDLRT.hreMxK:hover {
	color: #008776 !important
}

.designation,
.dropdown-menu .show {
	font-size: 14px
}

.submenuUl li a:hover {
	background: #c2baba
}

.user-auth .dropdown-item:active {
	background-color: #008776 !important
}

.user-auth .show a i {
	padding-right: 10px;
	font-size: 19px;
	color: #232121
}

.user-auth.border-bottom {
	padding: 10px
}

.parant-a {
	border-bottom: 4px solid transparent
}

.parant-a:hover {
	background: #232121
}

.sc-bcXHqe.fAxDVa .parant-a {
	border-bottom: 4px solid #c2baba !important
}

.dash-scrn-container {
	max-width: 1600px;
	margin: auto;
	width: 95%;
	height: 100%
}

.offer-section .row .col-md-4 {
	padding: 0 5px
}

.main-profile-menu {
	list-style: none;
	text-align: center;
	justify-content: center;
	align-items: center;
	background: #e2e3e5;
	border-radius: 50%;
	font-size: 20px !important;
	padding: 0 !important;
	height: 35px !important;
	width: 35px !important;
	display: flex !important;
	color: #232121 !important
}

.layout-right {
	width: 100%;
	border-radius: 0 7px 7px 0;
	background: #fff;
	overflow: hidden auto;
	box-shadow: rgba(0, 0, 0, .1) 0 10px 10px -15px
}

a.new.profile-user {
	color: #232121;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 35px
}

.top-search-box .break-point-lg {
	color: #232121;
	font-weight: 900;
	display: flex;
	font-size: 19px
}

.auth-drop {
	box-shadow: rgba(47, 47, 47, .184) 2px 5px 7px;
	border-radius: 0 !important;
	padding: 0 !important;
	border: 0 solid #fff !important;
	top: 0 !important
}

.auth-drop .menu-header-content {
	display: flex;
	padding: 5px 10px;
	background: #e2e3e5
}

.auth-drop .menu-header-content .my-auto {
	font-weight: 700;
	color: #232121
}

.auth-drop::after {
	content: "";
	position: absolute;
	top: -3px;
	right: 11px;
	height: 12px;
	width: 12px;
	background: #e2e3e5;
	transform: rotateZ(45deg);
	z-index: -1
}

@media (max-width:992px) {
	#btn-collapse {
		display: none
	}

	.layout.fixed-sidebar .sidebar {
		position: absolute;
		z-index: 12;
		transform: translateX(-100%);
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		top: 63px;
		min-width: 275px
	}

	.layout .content {
		padding: 15px;
		margin: 0
	}

	.user-product-box {
		padding: 0 !important
	}

	.layout.has-sidebar.fixed-sidebar.fixed-header {
		height: 100vh;
		overflow: hidden
	}

	.layout.fixed-sidebar .sidebar.off {
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
		top: 63px;
		z-index: 1299;
		border-radius: 0;
		background: #fff;
		height: 94vh
	}

	.sidebar .sidebar-layout {
		padding: 0;
		height: 100%
	}

	.layout-right {
		margin: 0;
		background: rgba(221, 221, 221, .25);
		height: auto;
		border-radius: 0
	}

	.dash-scrn-container {
		width: 100%;
		height: auto;
		border-radius: 0
	}

	.search-box input {
		width: auto
	}

	.top-search-box {
		width: 77%;
		min-width: 220px;
		justify-content: start
	}
}

.user-detail-container table,
.user-image {
	background: #fff
}

.user-detail-box {
	display: flex;
	align-items: center;
	gap: 20px;
	background: #fff;
	padding: 15px 17px;
	width: 33%;
	border-radius: 7px;
	box-shadow: rgba(47, 47, 47, .184) 2px 5px 22px -14px inset;
	border: 2px solid #fff
}

.loan-card-cibi,
.pro-loan-card,
.product-list-status,
.product-list-status p {
	display: flex;
	align-items: center
}

.user-image {
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 9%;
	overflow: hidden;
	box-shadow: rgba(47, 47, 47, .184) 2px 5px 7px
}

img.user-profile-image {
	height: 100%;
	width: 100%
}

.product-list-status p {
	font-size: 16px;
	margin: 0;
	gap: 5px
}

.product-list-status p i {
	font-size: 20px;
	color: #232121
}

.product-list-status p span {
	font-weight: 500;
	color: #232121;
	opacity: .8
}

.user-active-product {
	gap: 23px
}

.product-list-status .cp {
	display: flex;
	height: 22px;
	width: 22px;
	background: #25d366;
	border-radius: 50%;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -5px;
	right: -3px
}

.user-product-box {
	padding: 15px
}

.user-product-tab .nav-link {
	font-weight: 600;
	padding: 1px 27px;
	background: 0 0 !important;
	color: #232121 !important;
	opacity: .8 !important;
	border-radius: 0 !important
}

.user-product-tab .nav-link.active {
	opacity: 1 !important;
	background: #e2e3e5 !important;
	color: #232120 !important;
	border: 1px solid #ced0d3 !important
}

.user-product-tab {
	border: 0 !important
}

.tab-content-product th {
	font-size: 13px;
	font-weight: 600;
	color: #232121
}

.tab-content-product td {
	opacity: .8;
	letter-spacing: initial;
	font-size: 13px !important;
	font-weight: 600 !important
}

.offer-card-user {
	padding: 10px;
	border-radius: 5px;
	background: #ebebf4;
	border: 1px solid #031e3c;
	box-shadow: rgba(47, 47, 47, .184) 10px 11px 24px -28px;
	cursor: pointer;
	transition: .3s;
	max-width: 96%;
	z-index: 3;
	margin-bottom: 2px
}

.credit-score-box,
.user-offers-section {
	box-shadow: rgba(47, 47, 47, .184) 2px 5px 22px -14px inset
}

.ofer-icon {
	font-size: 24px;
	height: 40px;
	width: 40px;
	padding: 7px;
	background: -webkit-linear-gradient(top, #d0caca, #e2e3e5);
	justify-content: center;
	border-radius: 50%
}

.ofer-icon i {
	background: linear-gradient(to right, #a942dd, #41295a) text;
	-webkit-text-fill-color: transparent
}

a.track,
ul.status-list .status-ul.active::before {
	background: #005b60
}

.home-loan h4 {
	margin: 0;
	color: #232121;
	font-size: 15px;
	font-weight: 700;
	opacity: .8;
	transition: .3s
}

.roi-ofer p {
	font-size: 26px;
	margin: 0;
	display: flex;
	font-weight: 600;
	align-items: center;
	gap: 10px;
	color: #bbbcbf
}

.roi-ofer p b {
	font-size: 30px;
	font-weight: 300
}

.card-btm {
	display: flex;
	align-items: baseline;
	justify-content: space-between
}

.card-btm a {
	font-size: 15px;
	color: #232121;
	font-weight: 500;
	transition: .3s;
	gap: 2px;
	line-height: revert
}

.offer-card-user:hover a {
	gap: 10px;
	color: #f75d0d
}

.user-offer-row {
	gap: 15px;
	justify-content: space-between;
	flex-wrap: wrap
}

.card-btm a i {
	font-size: 20px
}

.url-input-box input {
	max-width: 367px
}

.row.offer-refer-row {
	margin-top: 26px
}

.user-offers-section {
	border: 2px solid #fff;
	padding: 15px;
	background: #fff;
	border-radius: 7px
}

.ofer-heading {
	margin-bottom: 0
}

.ofer-heading h3 {
	margin-bottom: 21px;
	font-size: 23px;
	font-weight: 800;
	color: #232121
}

.offer-card-user::after {
	position: absolute;
	background: linear-gradient(to right, #2f0743, #41295a);
	border-color: transparent;
	top: 0;
	left: 0;
	content: "";
	height: 100%;
	width: 0;
	border-radius: 1px;
	z-index: -1;
	transition: .3s
}

.row.header-status,
.user-detail.refer-and-earn {
	background: linear-gradient(182deg, rgba(255, 255, 255, .98) 0, #dae5f7 233%);
	box-shadow: rgba(47, 47, 47, .184) 0 -7px 58px -27px
}

.offer-card-user:hover h4 {
	color: #fff;
	opacity: 1
}

.url-input-box {
	display: flex;
	gap: 15px;
	align-items: center
}

ul.status-list::after {
	left: 10px !important
}

.copy-area {
	width: 120px;
	text-align: center;
	background: #232121;
	padding: 6px 3px;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 14px
}

a.track {
	font-size: 15px;
	padding: 3px 20px;
	border-radius: 2px;
	font-weight: 500;
	text-align: center;
	justify-content: center;
	max-width: 100px;
	margin: auto;
	letter-spacing: 1px;
	color: #fff !important;
	cursor: pointer !important
}

.tab-content-product td:last-child,
.tab-content-product th:last-child {
	text-align: center !important
}

.refer-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 3px solid #e2e3e5;
	border-bottom-right-radius: 33px;
	margin-bottom: 10px
}

.user-detail h5 {
	margin: 0;
	color: #232121;
	font-size: 20px;
	font-weight: 700;
	display: inline-block
}

label.share-lable {
	font-size: 15px;
	font-weight: 600;
	color: #232121;
	margin-top: 31px;
	letter-spacing: initial
}

.image-uploader input,
.track-popup.false,
.track-popup.none {
	display: none
}

.track-popup {
	background: #f3f6fc;
	z-index: 12;
	padding: 15px;
	width: 100%;
	height: 100%;
	border-left: 4px solid #b5b5b5;
	border-radius: 15px 0 0 15px
}

.row.header-status {
	padding: 6px;
	border: 1px solid #fff;
	margin: 0
}

.apli-detail h4 {
	font-size: 15px;
	font-weight: 700;
	color: var(--text)
}

ul.status-list {
	margin: 50px 0 0;
	display: flex;
	flex-direction: column;
	padding-left: 24px !important
}

li.status-ul h5 {
	font-size: 18px;
	font-weight: 600;
	color: var(--text);
	opacity: .8
}

.assign-detail {
	display: flex;
	align-items: center;
	gap: 15px;
	padding-left: 20px
}

.assign-detail p {
	margin: 0;
	font-size: 15px
}

ul.status-list .status-ul::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 3px;
	background: #c1c1c1;
	left: -14px;
	top: 0
}

li.status-ul {
	min-height: 80px;
	padding-left: 11px
}

ul.status-list .status-ul:last-child::after {
	height: 23%
}

ul.status-list .status-ul::before {
	content: "";
	position: absolute;
	top: 0;
	left: -25px;
	height: 25px;
	width: 25px;
	background: #b5b5b5;
	border-radius: 50%;
	z-index: 1
}

ul.status-list .status-ul.active::after {
	height: 100%;
	background: #005b60
}

span.sidebar-logout {
	position: absolute;
	bottom: 15px;
	width: 88%;
	background: #232121;
	left: 5%;
	height: 45px;
	display: flex;
	align-items: center;
	border-radius: 7px;
	transition: .3s
}

span.sidebar-logout a {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	font-size: 18px;
	width: 100%;
	cursor: pointer;
	color: #fff !important
}

.dashboard-user-top-box {
	display: flex;
	gap: 30px;
	margin-bottom: 30px;
	justify-content: space-between
}

.user-detail.refer-and-earn {
	width: 100%;
	border-radius: 7px;
	border: 1px solid #fff;
	margin-top: 30px
}

.credit-score-box {
	position: relative;
	padding: 15px;
	background: #fff;
	border-radius: 7px;
	max-width: 250px;
	width: 100%;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 20px;
	border: 2px solid #fff
}

.applicant-img-box .applicant-img,
.cr-icon img {
	position: relative;
	height: 100%;
	width: 100%
}

.cr-icon {
	position: relative;
	height: 50px;
	width: 50px;
	padding: 7px;
	border-radius: 7px;
	box-shadow: rgba(47, 47, 47, .184) 2px 5px 7px
}

.applicant-img-box,
.profile-user-section {
	box-shadow: rgba(47, 47, 47, .184) 2px 5px 22px -14px inset;
	background: #fff
}

.cr-icon.card-icont {
	background: rgba(76, 175, 80, .53)
}

.cr-icon.loan-icont {
	background: rgba(169, 0, 255, .48)
}

.cr-icon.cibil-icont {
	background: rgba(0, 255, 255, .41)
}

.cibil-text-box p {
	margin: 0;
	font-size: 18px;
	line-height: 18px;
	color: #232121;
	font-weight: 600;
	font-family: Lato
}

.cibil-text-box span {
	font-size: 28px;
	line-height: 28px;
	color: rgba(35, 33, 33, .32);
	font-weight: 900;
	font-family: system-ui
}

@media (max-width:1200px) {
	.content-col {
		width: 100%
	}

	.content-row {
		flex-wrap: wrap
	}

	.track-popup {
		position: relative;
		width: 100%;
		right: 0;
		left: 0;
		top: 0
	}
}

@media (max-width:1160px) {
	.assign-detail {
		gap: 7px;
		padding-left: 13px
	}

	.track-popup {
		right: 7px;
		top: 0
	}
}

@media (max-width:992px) {
	.dashboard-user-top-box {
		flex-wrap: wrap;
		gap: 15px;
		justify-content: center
	}

	.credit-score-box {
		width: 30%;
		max-width: 100%
	}

	.user-info-box {
		width: 100%
	}

	.offer-card-user {
		max-width: 95%;
		min-width: 196px
	}

	.row.offer-refer-row {
		gap: 20px;
		margin-top: 0
	}

	.card-btm a,
	.home-loan h4 {
		font-size: 12px
	}

	.user-offers-section {
		margin-bottom: 20px
	}

	.user-detail.refer-and-earn {
		margin: 0
	}

	.roi-ofer p,
	.roi-ofer p b {
		font-size: 20px
	}

	.card-btm a i {
		font-size: 13px;
		margin-top: 5px
	}

	.ofer-icon {
		font-size: 17px;
		height: 30px;
		width: 30px
	}
}

@media (max-width:725px) {
	.cibil-text-box p {
		font-size: 14px;
		line-height: 15px
	}

	.cibil-text-box span {
		font-size: 23px;
		line-height: 33px
	}
}

@media (max-width:650px) {
	.credit-score-box {
		width: 30%;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 16px;
		padding: 10px
	}

	.cibil-text-box p {
		font-size: 16px;
		line-height: 15px
	}

	.cibil-text-box span {
		font-size: 27px;
		line-height: 33px;
		display: block;
		text-align: center
	}
}

@media (max-width:700px) {
	.user-oofer-col {
		width: 48%
	}

	.offer-card-user {
		min-width: 94%;
		max-width: 94%;
		width: 100%
	}

	.layout .content {
		padding: 20px 9px
	}

	.tab-content-product td,
	.tab-content-product th {
		white-space: nowrap
	}
}

@media (max-width:500px) {
	.url-input-box {
		flex-wrap: wrap
	}

	.socialWrapper {
		justify-content: center;
		gap: 15px;
		width: 100%;
		border-radius: 17px !important
	}

	.refer-btm {
		width: 100%
	}

	.assign-detail {
		flex-wrap: wrap;
		gap: 0 6px
	}

	li.status-ul h5 {
		font-size: 14px;
		font-weight: 800
	}

	.socialWrapper svg {
		height: 25px;
		width: 25px
	}

	.product-list-status p i,
	h2.user-name {
		font-size: 16px
	}

	.product-list-status p,
	.socialWrapper span {
		font-size: 15px
	}

	.product-list-status .cp {
		height: 10px;
		width: 10px;
		font-size: 7px
	}

	.user-image {
		width: 75px;
		height: 75px
	}

	.socialWrapper i {
		display: inline-block;
		font-size: 12px !important
	}
}

@media (max-width:420px) {
	.user-oofer-col {
		width: 100%
	}

	.home-loan h4 {
		font-size: 14px
	}

	.roi-ofer p,
	.roi-ofer p b {
		font-size: 25px
	}

	.user-image {
		width: 50px;
		height: 50px
	}

	.socialWrapper span {
		font-size: 12px;
		padding-left: 0
	}

	.credit-score-box {
		flex-direction: row;
		justify-content: start;
		width: 100%
	}

	.cibil-text-box span {
		text-align: left
	}
}

.applicant-name-image {
	display: flex;
	gap: 32px;
	align-items: center
}

.applicant-Phone {
	margin-bottom: 16px;
	font-size: 15px;
	font-weight: 600
}

.profile-user-section {
	padding: 15px 17px;
	border-radius: 7px;
	border: 2px solid #fff
}

.applicatni-detail-box {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	align-items: center
}

.applicant-img-box {
	height: 120px;
	width: 120px;
	position: relative;
	padding: 6px 6px 0;
	border-radius: 7px 7px 0 0;
	border: 2px solid #fff
}

.applicant-name {
	font-size: 25px;
	margin: 0;
	font-weight: 600
}

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

.Applicant-mobile {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.edit-profile p {
	margin: 0;
	cursor: pointer;
	font-size: 17px
}

.profile-image-edit {
	width: 120px;
	position: relative;
	height: 100%
}

.image-uploader {
	position: relative;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	width: 100%;
	text-align: center;
	padding: 5px;
	background: #fff;
	box-shadow: rgba(47, 47, 47, .184) 2px 5px 22px -14px;
	border: 1px solid #fff
}

.image-uploader:active {
	top: 2px;
	box-shadow: none
}
.balance-row form{
    max-width: 100% !important;
}
.group-in label {
	font-size: 12px;
	display: block;
	font-weight: 600;
	color: var(--text);
	opacity: .8;
	margin-bottom: 4px;
	margin-left: 6px
}

.group-in input,
.group-in select {
	width: 100%;
	margin-bottom: 15px;
	height: 41px;
	padding: 12px;
	border: 1px solid #404040 !important;
	border-radius: 4px;
	box-shadow: inset 0 .25em 0 0 #f0f1f3
}

.applicatni-detail-probox {
	margin-bottom: 20px
}

.loan-card-cibi {
	width: 100%;
	gap: 23px
}

.pro-loan-card {
	gap: 8px;
	border-radius: 2px;
	overflow: hidden;
	background: #fff
}

.pro-cibil-text-box p {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	color: #4f4d4d
}

.pro-cibil-text-box span {
	font-size: 13px;
	display: inline-block;
	background: #4f4d4d;
	padding: 2px 10px;
	color: #fff;
	line-height: 26px
}

.pro-cibil-text-box {
	display: flex;
	gap: 10px
}

.input-inr {
	position: relative;
	height: 41px;
	border-radius: 4px;
	overflow: hidden
}

.input-inr span {
	position: absolute;
	top: 0;
	z-index: 2;
	right: 0;
	height: 100%;
	background: #404040;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff
}

.user-profile-salary-box {
	height: 100%;
	margin: 0
}

.type-of-entry {
	display: flex;
	align-items: flex-end;
	gap: 0;
	margin: 10px 0 18px
}

h5.user-address {
	margin: 0;
	font-size: 25px;
	font-weight: 700;
	color: var(--text);
	opacity: .6;
	line-height: 23px
}

.type-of-entry .divider {
	width: 100%;
	height: 1px;
	background: var(--text);
	opacity: .6;
	margin: 0
}

.document-uploader {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px;
	border: 1px solid #2f2f2f2f
}

.document-uploader p {
	margin: 0;
	font-weight: 600;
	color: var(--text);
	opacity: .8
}

p.or-para {
	margin: 15px 0;
	text-align: center;
	font-size: 14px;
	font-weight: 600
}

.record-not-found.container {
    text-align: center;
    padding: 35px;
}

img.dashbaord-hero-logo {
    object-fit: cover;
    width: 184px;
    height: auto;
}
button.dropdown-item-Logout {
    text-align: center;
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 9px;
}