/* Header and Footer css */
body:has(.db-notification-bar) .db-main {
	margin-top: 120px;
	height: calc(100vh - 120px);
}
body:has(.db-notification-bar) .db-header {
	top: 56px;
}
.db-notification-bar {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9;
	height: 56px;
	background-color: var(--purple);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 12px;
}
html[dir="rtl"] .db-notification-bar .close {
	right: 12px;
	left: auto;
}
.db-notification-bar .close {
	position: absolute;
	left: 12px;
	right: auto;
	background: transparent;
	padding: 0;
	border: none;
}
.db-notification-bar p {
	font-size: 16px;
	font-weight: 500;
	color: var(--white);
	margin: 0;
	padding-inline-end: 42px;
	padding-inline-start: 42px;
}
.db-notification-bar .btn {
	padding: 3px 23px;
	font-size: 16px;
	font-weight: 500;
	white-space: nowrap;
}
html[dir="rtl"] .db-header {
	left: 0;
	right: 230px;
}
.db-header {
	background-color: var(--white);
	position: fixed;
	left: 230px;
	right: 0;
	top: 0;
	z-index: 10;
	border-bottom: 1px solid rgba(187, 187, 203, 1);
	box-shadow: none;
	height: 64px;
	display: flex;
	align-items: center;
}
.db-header .container-fluid {
	padding-inline-end: 64px;
	padding-inline-start: 64px;
}

.db-header .header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.db-header .header-inner .menu-toggle {
	display: none;
	border: none;
	background: transparent;
	padding: 0;
}

/*.menu-toggle .menu-icon {
	width: 18px;
	display: inline-block;
}

.menu-toggle .menu-icon:before,
.menu-toggle .menu-icon:after,
.menu-toggle .menu-icon span {
	background: #0C3058;
	content: "";
	display: block;
	height: 2px;
	border-radius: 2px;
	margin: 3px 0;
	transition: 0.5s;
}*/
.db-header:has(.header-mobile-menu.open) .menu-toggle .menu-icon:before {
	transform: translateY(6px) rotate(135deg);
}
.db-header:has(.header-mobile-menu.open) .menu-toggle .menu-icon:after {
	transform: translateY(-4px) rotate(-135deg);
}
.db-header:has(.header-mobile-menu.open) .menu-toggle .menu-icon span {
	transform: scale(0);
}

body:has(.db-notification-bar) .db-header .header-mobile-menu.open {
	top: 108px;
	height: calc(100vh - 182px);
}
html[dir="rtl"] .db-header .header-mobile-menu {
	right: -100%;
	left: auto;
}
html[dir="rtl"] .db-header .header-mobile-menu.open {
	right: 0;
	width: 100%;
}
.db-header .header-mobile-menu {
	position: fixed;
	top: 56px;
	left:  -100%;
	right: auto;
	background: #fff;
	width: 100%;
	padding: 0px 10px 27px 10px;
	height: calc(100vh - 56px);
	z-index: 1;
	transition: all .4s;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
}
.db-header .header-mobile-menu.open {
	left:  0;
	width: 100%;
}
.db-header .header-mobile-menu ul.menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-inline-end: auto;
    margin-inline-start: 42px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
}
.db-header .header-mobile-menu ul.menu li a {
    color: var(--text-blue);
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}
.db-header .header-mobile-menu .mobile-footer-logo {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
    padding-top: 27px;
}
.db-header .header-mobile-menu .personal-profile {
	display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 10px;
    padding-top: 46px;
    padding-bottom: 17px;
    padding-inline-start: 42px;
    padding-inline-end: 42px;
    border-bottom: 1px solid #DEDDDD;
    margin-bottom: 17px;
}
.db-header .header-mobile-menu .personal-profile .personal-profile-label {
	font-weight: 500;
	line-height: 120%;
	font-size: 16px;
	color: var(--text-blue);
	margin: 0;
}
.db-header .header-mobile-menu .personal-profile a {
	text-decoration: none;
	color: var(--text-blue);
	line-height: 20px;
}
.db-header .header-mobile-menu .my-business {
	display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 34px;
    padding-inline-start: 42px;
    padding-inline-end: 27px;
    border-bottom: 1px solid #DEDDDD;
    margin-bottom: 32px;
}
.db-header .header-mobile-menu .my-business label {
	font-weight: 500;
	line-height: 120%;
	font-size: 16px;
	color: var(--text-blue);
	margin: 0;
}
.db-header .header-mobile-menu .my-business .change-business {
	display: flex;
    justify-content: space-between;
    margin-bottom: 22px;
}
.db-header .header-mobile-menu .my-business .change-business a {
	font-size: 12px;
	color: #0068F5;
	font-weight: 400;
	line-height: 16px;
}
.db-header .header-mobile-menu .my-business .change-business a svg {
	margin-inline-end: 8px;
}
.db-header .header-mobile-menu .my-business .change-business span {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--text-blue);
}

.db-header .header-inner .logo {
	text-decoration: none;
	color: var(--primary);
	font-size: 30px;
	font-weight: 700;
	line-height: 30px;
	width: 230px;
	text-align: center;
	display: none;
}
.db-header .header-select {
	position: relative;
}
.db-header .header-select select.form-control {
	padding: 4px 25px 4px 60px;
	font-size: 20px;
	font-weight: 500;
	position: relative;
	background: transparent;
}
.db-header .header-select .select_wrap .default_option:before {
	display: none;
}
html[dir="rtl"] .db-header .header-select .plus-btn {
	right: auto;
	left: 6px;
}
.db-header .header-select .plus-btn {
	position: absolute;
	right: 6px;
	left: auto;
	top: 5px;
	padding: 0;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
.db-header .header-select .plus-btn .svg-arrow {
	transform: rotate(-90deg);
}
.db-header .header-select .select_wrap .select_ul {
	max-height: calc(100vh - 60px);
	overflow-y: auto;
}

.select_wrap {
	position: relative;
	user-select: none;
}
.select_wrap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.select_wrap .default_option {
	border-radius: 20px;
	position: relative;
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	border: 1px solid #BBBBCB;
	color: var(--dark-blue);
	width: 420px;
	font-family: 'Arimo';
	padding: 5px 25px 5px 25px;
	padding-inline-end: 45px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: white;
	text-align: start;
}
html[dir="rtl"] .select_wrap .default_option:before {
	left: 16px;
	right: auto;
}
.select_wrap .default_option:before {
	content: "";
	position: absolute;
	top: 12px;
	right: 16px;
	left: auto;
	width: 16px;
	height: 16px;
	background-image: url('../img/select-arrow.svg');
}
.select_wrap.active .default_option:before {
	transform: rotate(-180deg);
}
.select_wrap .select_ul {
	position: absolute;
	top: 42px;
	left: 0;
	width: 100%;
	background: #fff;
	border-radius: 8px;
	display: none;
	box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.08);
	border: 1px solid #F1F5FB;
	padding: 20px 0; 
}
.select_wrap .select_ul li {
	padding: 15px 20px;
	cursor: pointer;
	position: relative;
	display: flex;
	gap: 10px;
	transition: all .4s;
}
.select_wrap .select_ul li:hover, .select_wrap .select_ul li.active {
	background-color: #F2F8FA;
}
.select_wrap .option {
	display: flex;
	align-items: center;
}
.select_wrap.active .select_ul {
	display: block;
}
.select_wrap .select_ul li input[type=radio]{
	position: absolute;
	width: 20px;
	height: 20px;
	z-index: 2;
	opacity: 0;
	cursor: pointer;
}
.select_wrap .select_ul li label {
	display: block;
	position: relative;
	font-weight: 400;
	font-size: 16px;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.25s linear;
	margin: 0;
}
.select_wrap .select_ul li .check {
	position: relative;
	display: inline-block;
	border: 2px solid #bbbbcb;
	border-radius: 100%;
	height: 20px;
	width: 20px;
	aspect-ratio: 1 / 1;
	z-index: 1;
	margin-top: 2px;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}
.select_wrap .select_ul li .check::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 8px;
	width: 8px;
	top: 4px;
	left: 4px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}
.select_wrap .select_ul li input[type=radio]:checked ~ .check {
	border: 2px solid var(--primary);
	background-color: #F2F8FA;
}
.select_wrap .select_ul li input[type=radio]:checked ~ .check::before{
	background: var(--primary);
}
.select_wrap .select_ul li input[type=radio]:checked ~ label {
	font-weight: 500;
}
.select_wrap .select_ul .btn {
	padding: 12px 24px;
	border-radius: 28px;
	font-weight: 500;
}
.select_wrap .select_ul .btn img {
	margin-inline-end: 8px;
}
.select_wrap .select_ul .border-top {
	border-color: #BBBBCB;
	margin: 35px 20px 0 20px;
	padding-top: 20px;
}
.db-header .header-profile {
	border: 1px solid #00C1DE;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-inline-start: 200px;
	background-color: #EBF3FF; 
}
.db-header .header-profile .dropdown-toggle img {
	max-width: 100%;
	object-fit: cover;
	aspect-ratio: 1;
}
.db-header .header-profile .dropdown-toggle::after {
	display: none;
}
.db-header .header-profile .dropdown-menu {
	margin-top: 14px !important;
	padding: 14px 0;
	min-width: 188px;
	box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	border: 1px solid  #F1F5FB;
	background: #FFF;
}
.db-header .header-profile .dropdown-menu ul {
	width: 100%;
	margin: 0;
	padding: 0;
}
.db-header .header-profile .dropdown-menu li + li {
	margin-top: 6px;
}
.db-header .header-profile .dropdown-menu .dropdown-item {
	display: flex;
	align-items: center;
	color: var(--dark-blue);
	font-size: 16px;
	font-weight: 500;
	line-height: 40px;
	padding-top: 0;
	padding-bottom: 0;
	padding-inline-start: 30px;
	background-color: #fff;
}
.db-header .header-profile .dropdown-menu .dropdown-item:hover,
.db-header .header-profile .dropdown-menu .dropdown-item:focus {
	background-color: #e5f9fc !important;
	color: var(--dark-blue) !important;
}

.db-header .header-profile .dropdown-menu .dropdown-item svg {
	margin-inline-end: 12px;
	color: var(--dark-blue);
}
.db-header .header-profile .dropdown-menu .dropdown-item .icon {
	color: var(--dark-blue);
}
.db-header .header-profile .dropdown-menu .dropdown-item.active svg, 
.db-header .header-profile .dropdown-menu .dropdown-item:active svg {
	color: white;
}
.db-header .header-profile .dropdown-menu .dropdown-item.active, 
.db-header .header-profile .dropdown-menu .dropdown-item:active {
	color: white;
	background-color: var(--primary);
}
.db-header .header-profile #mainHeaderProfile {
    padding: 0;
    background-color: transparent !important;
    border: none !important;
    width: 100%;
    height: 100%;
}
.db-header .header-profile #mainHeaderProfile:hover, 
.db-header .header-profile #mainHeaderProfile:focus {
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
}


.db-footer {
	position: relative;
	border-top: 1px solid rgba(187, 187, 203, 1);
	background-color: transparent;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-inline-start: 230px;
}
.db-footer .container {
	padding-inline-end: 25px;
	padding-inline-start: 25px;
}
.db-footer .footer-ineer {
	display: grid;
	grid-template-columns: 1fr 1fr auto;
	align-items: center;
}
.db-footer .footer-menu {
	border-inline-start: 1px solid var(--dark-blue);
	margin-inline-start: 20px;
	padding-top: 10px;
	padding-inline-start: 20px;
	padding-bottom: 10px;
}
.db-footer .footer-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: auto auto auto auto auto;
	align-items: center;
}
.db-footer .footer-menu ul li {
	text-align: center;
}
.db-footer .footer-menu ul li a {
	font-weight: 400;
	text-decoration: none;
	color: var(--dark-blue);
	font-family: 'Arimo';
	font-size: 15px;
}
.db-footer .footer-menu ul li:hover a {
	color: var(--primary);
}
.db-footer .footer-logo {
	display: grid;
	grid-template-columns: auto auto auto;
	align-items: center;
	padding-inline-start: 40px;
}
.db-footer .copy {
	font-weight: 400;
	font-size: 12px;
	margin-inline-start: auto;
	color: var(--dark-blue);
	margin-inline-start: 60px;
	font-family: 'Arimo';
}
/* Header and Footer End css */

.db-main {
	margin-top: 64px;
	height: calc(100vh - 64px);
	overflow-y: auto;
}

html[dir="rtl"] .db-sidebar {
	right: 0;
}
html[dir="ltl"] .db-sidebar {
	left: 0;
}
.db-content {
	padding: 15px 0 20px 0;
	margin-inline-start: 230px;
	position: relative;
	max-width: 100%;
}
html[dir="rtl"] .db-bottom-img:after {
	right: 69px;
}
.db-bottom-img:after {
	content: '';
	position: absolute;
	bottom: 11px;
	left: 69px;
	background-image: url('../img/main-bottom-img.svg');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 153px;
	height: 170px;
}

body:has(.db-notification-bar) .db-sidebar {
	top: 56px;
	height: calc(100vh - 56px);
}
.db-sidebar {
	position: fixed;
	top: 0px;
	height: 100vh;
	width: 230px;
	background-color: var(--primary);
	z-index: 1;
	padding-top: 0;
}
.db-sidebar .db-sidebar-db-logo {
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 22px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}
.db-sidebar .navbar::-webkit-scrollbar {
	width: 0px;
	background: transparent;
}
.db-sidebar .navbar {
	padding: 0;
	height: calc(100% - 86px);
	overflow-y: auto;
	-ms-overflow-style: none;
	margin-top: 86px;
}
.db-sidebar .navbar .navbar-nav {
	flex-direction: column;
	margin: 0;
	padding: 0;
	min-width: 100%;
}
.db-sidebar .navbar .navbar-collapse {
	min-width: 100%;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.db-sidebar .navbar .navbar-nav + .navbar-nav {
	margin-top: 30px;
}
.db-sidebar .navbar .navbar-nav>.nav-item + .nav-item {
	margin-top: 10px;
}
.db-sidebar .navbar .navbar-nav .nav-item .nav-link {
	color: white;
	padding: 0;
	display: flex;
	align-items: center;
	height: 56px;
	min-width: 100%;
	background-color: var(--primary);
	font-size: 20px;
	font-family: 'Rubik';
	border-radius: 0;
}
.db-sidebar .navbar .navbar-nav .nav-item .nav-link>div {
	min-width: 100%;
}
.db-sidebar .navbar .navbar-nav .nav-item .nav-link .nav-link-icon {
	width: 52px;
	margin-inline-end: 12px;
	text-align: end;
}
.db-sidebar .navbar .navbar-nav .nav-item .nav-link .dropdown-indicator-icon-wrapper {
	margin-inline-start: auto;
	width: 47px;
}
.db-sidebar .navbar .navbar-nav .nav-item .router-link-active.nav-link:not(.disable-auto-active),
.db-sidebar .navbar .navbar-nav .nav-item .nav-link:not(.disable-auto-active):hover,
.db-sidebar .navbar .navbar-nav .nav-item .nav-link.active {
	background-color: rgba(255, 255, 255, 0.1);
}
.db-sidebar .navbar .navbar-nav .nav-item .router-link-active.nav-link .nav-link-text,
.db-sidebar .navbar .navbar-nav .nav-item .nav-link.active .nav-link-text {
	font-size: 20px;
	font-weight: 700;
}
.db-sidebar .navbar .navbar-nav .nav-item .nav-link .dropdown-indicator-icon-wrapper svg {
	transition: all .4s;
}
.db-sidebar .navbar .navbar-nav .nav-item .nav-link[aria-expanded="true"] .dropdown-indicator-icon-wrapper svg {
	transform: rotate(-90deg);
}
.db-sidebar .navbar .navbar-nav .nav-item .parent-wrapper .card {
	border: none;
	border-radius: 0;
	background-color: transparent;
}
.db-sidebar .navbar .navbar-nav .nav-item .parent-wrapper .card .card-body {
	padding: 0;
}

.db-sidebar .navbar .parent-wrapper .nav {
	margin: 0;
	padding: 0;
	flex-direction: column;
	display: block;
}
.db-sidebar .navbar .parent-wrapper .nav.parent {
	margin-bottom: 20px;
}
.db-sidebar .navbar .parent-wrapper .nav.collapse:not(.show) {
	display: none;
}
.db-sidebar .navbar .parent-wrapper .nav .nav-item .nav-link {
	padding-inline-start: 58px;
	height: 38px;
	display: flex;
	align-items: center;
	font-size: 18px;
}
.db-sidebar .navbar .navbar-nav .parent .nav-item .nav-link {
	border-inline-start: 6px solid transparent;
}

.db-sidebar .navbar .navbar-nav .parent .nav-item .router-link-active.nav-link:not(.disable-auto-active),
.db-sidebar .navbar .navbar-nav .parent .nav-item .nav-link:hover {
	border-color: rgba(204, 243, 248, 1);
	background-color: rgba(255, 255, 255, 0.1);
	font-weight: 700;
}
.db-sidebar .db-sidebar-logo {
	min-width: 100%;
	padding: 40px 48px 100px 40px;
}
body:has(.db-notification-bar) .db-sidebar .db-sidebar-logo {
	padding-bottom: 25px
}
.db-sidebar .db-sidebar-logo div {
	padding-top: 25px;
}
.db-content .db-content-heding {
	margin-bottom: 18px;
}
.db-content .db-content-heding h1 {
	font-size: 42px;
	font-weight: 600;
	font-family: 'Rubik';
	margin-bottom: 0;
	padding-bottom: 15px;
	padding-inline-start: 64px;
	border-bottom: 1px solid rgba(142, 142, 169, 1);
	color: var(--dark-blue);
}
.db-content .db-content-heding h1 .goback {
	margin-inline-start: -6px;
}
.db-content .db-content-heding h1 .goback svg path {
	transition: all .3s;
}
.db-content .db-content-heding h1 .goback:hover svg path {
	stroke: #00A1B9;
}
.db-content .db-content-heding h2 {
	padding-inline-start: 64px;
}

.db-content .db-content-heding h3 {
	padding-inline-start: 64px;
	margin-top: 18px;
}

.select-menu {
	position: relative;
}
.select-menu .select-btn {
	font-size: 16px;
	cursor: pointer;
	color: var(--dark-blue);
	font-weight: 400;
	border: 1px solid var(--primary-light);
	padding: 3px 15px;
	border-radius: 8px;
	height: 32px;
}

html[dir="rtl"] .select-menu .select-btn:before {
	left: 15px;
	right: auto;
}
.select-menu .select-btn:before {
	content: "";
	position: absolute;
	top: 8px;
	right: 15px;
	left: auto;
	width: 16px;
	height: 16px;
	background-image: url('../img/select-arrow.svg');
}
.select-menu.active .select-btn:before {
	transform: rotate(-180deg);
}
.select-menu .select-btn span {
	padding-inline-end: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	width: 100%;
	text-align-last: start;
}
.select-menu .options {
	position: absolute;
	top: 50px;
	width: 355px;
	animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-duration: 0.35s;
	animation-fill-mode: both;
	-webkit-animation-duration: 0.35s;
	-webkit-animation-fill-mode: both;
}
.select-menu.active .options {
	display: block !important;
	opacity: 0;
	z-index: 1;
	animation-name: fadeInUp;
	-webkit-animation-name: fadeInUp;
	animation-duration: 0.4s;
	animation-fill-mode: both;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
}
.select-menu:has(.modal.show) .bizi-chat-sidebar {
	display: none;
}

.select-menu .options:has(.modal.show) {
	opacity: 1;
	z-index: 9999;
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(3px);
}

.select-menu .common-popup .modal-backdrop.show {
	backdrop-filter: blur(3px);
	display: none;
}

@keyframes fadeInUp {
	from {
		transform: translate3d(0, 30px, 0);
	}
	to {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
@keyframes fadeInDown {
	from {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
	to {
		transform: translate3d(0, 20px, 0);
		opacity: 0;
	}
}

.bizi-chat-sidebar {
	border-radius: 12px;
	border: 1px solid #D9D9D9;
	background: #FAFBFC;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
	width: 355px;
	padding: 16px;
	padding-inline-end: 2px;
	padding-inline-start: 16px;
}
.bizi-chat-sidebar-inner {
	max-height: 300px;
	overflow-y: auto;
	padding-inline-end: 15px;
}
.bizi-chat-sidebar .btn-icon {
	padding-inline-start: 23px;
	padding-bottom: 44px;
}
.bizi-chat-sidebar .btn-icon button {
	background-color: transparent;
	border: none;
	padding: 0;
	margin-inline-end: 12px;
}
.bizi-chat-sidebar h3 {
	font-size: 15px;
	font-weight: 600;
	line-height: 16px;
	margin-bottom: 15px;
}
.bizi-chat-sidebar h3 img {
	margin-inline-end: 8px;
}
.chat-search {
	position: relative;
	margin-bottom: 24px;
}
.chat-search .form-control {
	background: #F7F8FA;
	border: 1px solid #00A1B9;
	font-size: 16px;
	padding: 14px 23px;
	padding-inline-start: 48px;
	color: #687E97;
	font-weight: 400;
	line-height: 18px;
}
html[dir="rtl"] .chat-search .btn {
	right: 23px;
	left: auto;
}
.chat-search .btn {
	padding: 0;
	left: 23px;
	right: auto;
	border: none;
	position: absolute;
	top: calc(50% - 8px);
	display: flex;
	background-color: transparent !important;
	border: none;
	padding: 0; 
}
.chat-conversations-list>li {
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	background: #F7F8FA;
	padding: 11px 12px;
	display: flex;
	gap: 10px;
	align-items: center;
	cursor: pointer;
	padding-inline-start: 23px;
	position: relative;
	transition: all .3s;
}
.chat-conversations-list>li + li {
	margin-top: 4px;
}
.chat-conversations-list>li .msg-icon img {
	width: 16px;
	aspect-ratio: 1 / 1;
}
.chat-conversations-list>li .chat-conversations-data {
	font-size: 11px;
	font-weight: 400;
	line-height: 16px;
	margin-inline-start: auto;
	transition: all .3s;
	color: #687E97;
}
.chat-conversations-list>li .chat-conversations {
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #0C3058;
	text-align: start;
}
.chat-conversations-list>li.active,
.chat-conversations-list>li:hover {
	border: 1px solid rgba(0, 0, 0, 0.20);
	background: #EAEAEA;
}
.chat-conversations-list>li.active .chat-conversations-dropdown,
.chat-conversations-list>li:hover .chat-conversations-dropdown {
	opacity: 1;
}
.chat-conversations-list>li.active .chat-conversations-data,
.chat-conversations-list>li:hover .chat-conversations-data {
	opacity: 0;
}
html[dir="rtl"] .chat-conversations-list>li .chat-conversations-dropdown {
	left: 0;
	right: auto;
}
.chat-conversations-list>li .chat-conversations-dropdown {
	position: absolute;
	right: 0;
	left: auto;
	opacity: 0;
	transition: all .3s;
}
.chat-conversations-list>li .chat-conversations-dropdown .dropdown-toggle {
	padding-inline-end: 16px;
	background-color: transparent;
    border: none;
}
.chat-conversations-list>li .chat-conversations-dropdown .dropdown-toggle::after {
	display: none;
}
.chat-conversations-list>li .chat-conversations-dropdown .dropdown-menu {
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	background: #F7F8FA;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
	padding: 6px 0;
	min-width: 138px !important;
}
.chat-conversations-list>li .chat-conversations-dropdown .dropdown-menu li a {
	padding-inline-end: 38px;
	padding-inline-start: 10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: var(--primary);
	display: flex;
	gap: 4px;
}
.chat-conversations-list>li .chat-conversations-dropdown .dropdown-menu li:hover a {
	border-radius: 4px;
	background: #EAEAEA;
}
.chat-conversations-list>li .chat-conversations-dropdown .dropdown-menu .dropdown-item:active {
	background-color: transparent;
}
.db-footer-mobile {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 74px;
	display: flex;
	align-items: center;
	border-top: 1px solid var(--primary-light);
	background-color: white;
	display: none;
	z-index: 9;
}
.db-footer-mobile ul {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.db-footer-mobile ul li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: #8E8C8D;
}
.db-footer-mobile ul li a.router-link-active .icon svg path {
	stroke: var(--primary-light);
}
.db-footer-mobile ul li a.router-link-active .text {
	font-weight: 700;
	color: var(--primary-light);
	font-size: 12px;
}
.db-mobile-tabs-menu {
	display: none;
	background-color: white;
	justify-content: flex-start;
	border-bottom: 1px solid var(--primary-light);
}
.db-mobile-tabs-menu ul {
	display: flex;
	gap: 6px;
	white-space: nowrap;
	overflow-y: auto;
	scrollbar-width: none;
}
.db-mobile-tabs-menu ul li a {
	padding: 12px 6px;
	color: #A7AAAE;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	text-transform: uppercase;
	display: inline-block;
	font-family: 'Rubik';
}
.db-mobile-tabs-menu ul li a.active {
	color: var(--primary-light);
	font-size: 16px;
	font-weight: 500;
}
#businessModal .modal-dialog {
	max-width: 612px;
}
html[dir="rtl"] #businessModal .btn-close {
	left: 25px;
	right: auto;
}
#businessModal .btn-close {
	top: 36px;
	right: 25px;
	left: auto;
}
#businessModal .modal-content {
	padding: 64px 95px 79px 95px;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
	border: none;
}
#businessModal .modal-content .modal-body {
	padding: 0;
}
#businessModal .modal-content .modal-body h2 {
	font-weight: 500;
	line-height: 21px;
	font-size: 24px;
	color: var(--dark-blue);
	margin: 37px 0 19px 0;
}
#businessModal .modal-content .modal-body p {
	font-weight: 400;
	line-height: 140%;
	font-size: 16px;
	color: var(--dark-blue);
	margin-bottom: 76px;
}
#businessModal .modal-content .modal-body .btn {
	min-width: 212px;
	padding: 5px 24px;
	margin-bottom: 15px;
}
#businessModal .modal-content .modal-body a {
	font-weight: 400;
	line-height: 140%;
	font-size: 16px;
	color: var(--dark-blue);
}

#adaptdataModal .modal-dialog {
	max-width: 612px;
}
html[dir="rtl"] #adaptdataModal .btn-close {
	left: 25px;
	right: auto;
}
html[dir="rtl"] #videoPlayingModal .btn-close {
	left: 15px;
	top: 15px;
	right: auto;
}
#adaptdataModal .btn-close {
	top: 36px;
	right: 25px;
	left: auto;
}
#adaptdataModal .modal-content {
	padding: 64px 100px 36px 100px;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
	border: none;
}
#adaptdataModal .modal-content .modal-body {
	padding: 0;
}
#adaptdataModal .modal-content .modal-body h2 {
	font-weight: 700;
	line-height: 21px;
	font-size: 32px;
	color: var(--dark-blue);
	margin: 37px 0 19px 0;
}
#adaptdataModal .modal-content .modal-body p {
	font-weight: 500;
	line-height: 24px;
	font-size: 18px;
	color: var(--dark-blue);
	margin-bottom: 50px;
}
#adaptdataModal .modal-content .modal-body .btn {
	min-width: 212px;
	padding: 5px 24px;
	font-weight: 400;
	line-height: 24px;
	font-size: 16px;
}
#adaptdataModal .modal-content .modal-body .not-text svg {
	margin-bottom: 8px;
}
#adaptdataModal .modal-content .modal-body .not-text p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--dark-blue);
}
body.feedback:has(.db-notification-bar) .container,
body.card-detail-page:has(.db-notification-bar) .container { 
	min-height: calc(100vh - 220px);
}
body.card-detail-page:has(.db-notification-bar) .container:has(.db-content-subheding + .license-card) .license-card { 
	min-height: calc(100vh - 350px);
}
body.card-detail-page .container:has(.db-content-subheding + .license-card) .license-card {
	min-height: calc(100vh - 294px);
}
body.card-detail-page:has(.db-notification-bar) .container:has(.license-card) .license-card { 
	min-height: calc(100vh - 296px);
}
body.card-detail-page .container:has(.license-card) .license-card {
	min-height: calc(100vh - 240px);
}
body.feedback .container,
body.card-detail-page .container { 
	min-height: calc(100vh - 164px);
	margin-inline-start: 64px;
}

/* Responsive Css Add */
@media screen and (max-width:1400px) {
	.db-footer .footer-ineer {
		grid-template-columns: auto auto auto;
	}
	.db-footer .footer-menu ul {
		gap: 20px;
	}
	.db-footer .copy {
		margin-inline-start: 30px;
	}
	.db-footer .footer-logo {
		gap: 15px;
	}
	.db-content {
		padding: 15px 0;
	}
	.db-footer .footer-logo {
		padding-inline-start: 10px;
	}
	.db-sidebar .db-sidebar-logo {
		padding: 10px 48px 25px 40px;
	}

}
@media screen and (max-width:1366px) {
	.db-header .container-fluid {
		padding-inline-end: 30px;
		padding-inline-start: 30px;
	}
	.db-content .db-content-heding h1,
	.db-content .db-content-heding h2 {
		padding-inline-start: 30px;
	}
	body.feedback .container,
	body.card-detail-page .container {
		width: calc(100% - 60px);
		margin-inline-start: 30px;
		margin-inline-end: 30px;
	}

}

@media screen and (max-width:1280px) {
	html[dir="rtl"] .db-bottom-img:after {
		right: 30px;
	}
	.db-bottom-img:after {
		left: 30px;
	}
}

@media screen and (max-width:1199px) {
	.db-bottom-img:after {
		display: none;
	}
}

@media screen and (max-width:991px) {
		.db-notification-bar {
			height: 52px;
		}
		.db-notification-bar p {
			font-size: 13px;
			padding-inline-end: 20px;
			padding-inline-start: 20px;
		}
		.db-notification-bar .btn {
			padding: 4px 15px;
			font-size: 12px;
			font-weight: 400;
		}
		.db-notification-bar .close img {
			width: 24px;
			height: 24px;
		}
		.db-main:has(.db-mobile-top-dropdown + .db-mobile-tabs-menu) {
			margin-top: 132px;
			height: calc(100vh - 132px);
			border-top: none;
		}
		.db-main:has(.db-mobile-top-dropdown + .db-content) .db-mobile-top-dropdown {
			border-bottom: 1px solid #dedddd;
		}
		body:has(.db-notification-bar) .db-header {
			top: 52px;
		}
		body:has(.db-notification-bar) .db-main .db-mobile-top-dropdown {
			top: 108px;
		} 
		body:has(.db-notification-bar) .db-main:has(.db-mobile-top-dropdown) {
			margin-top: 141px;
			height: calc(100vh - 141px);
		}
		body:has(.db-notification-bar) .db-main:has(.db-mobile-tabs-menu) {
			margin-top: 184px;
			height: calc(100vh - 184px);
		}
		body:has(.db-notification-bar) .db-main .db-mobile-tabs-menu {
			top: 140px;
		}
		html[dir="rtl"] .db-header {
			left: 0;
			right: 0;
		}
		.db-header {
			height: 56px;
			left: 0;
		}
		.db-header .container-fluid {
			padding-inline-end: 20px;
			padding-inline-start: 20px;
		}
		html[dir="ltl"] .db-header .header-inner .menu-toggle {
			left: 26px;
			right: auto;
		}
		html[dir="ltl"] .db-header .header-inner .menu-toggle {
			left: 26px;
			right: auto;
		}
		html[dir="ltl"] body:has(.db-header .open) .menu-toggle {
			right: 26px;
        	left: 0px;
		}
		body:has(.db-header .open) .menu-toggle {
			right: auto;
        	left: 26px;
		}

		.db-header .header-inner .menu-toggle {
			display: flex;
			align-items: center;
			justify-content: center;
			position: absolute;
			width: 24px;
			height: 24px;
			right: 26px;
			left: auto;
		}
		.db-header .header-inner .logo {
			width: 100%;
			display: block;
		}
		.db-header .header-inner .logo img {
			height: 28px; 
		}
		.db-bottom-img:after,
		.db-sidebar,
		.db-header .header-select,
		.db-header .header-profile {
			display: none;
		}
		.db-main {
			margin-top: 89px;
			height: calc(100vh - 89px);
		}
		.db-content {
			padding: 0 20px 0 20px;
			margin-inline-start: 0;
		}

		.db-mobile-tabs-menu {
			display: block;
		}
		.db-mobile-tabs-menu ul {
			justify-content: center;
		}
		.db-main .db-mobile-tabs-menu {
			position: fixed;
			left: 0;
			right: 0;
			top: 88px;
			z-index: 1;
		}
		body.feedback:has(.db-notification-bar) .container,
		body.card-detail-page:has(.db-notification-bar) .container { 
			min-height: calc(100vh - 225px);
		}
		body.feedback .container,
		body.card-detail-page .container { 
			min-height: calc(100vh - 188px);
			width: 100%;
			margin-inline-start: 0;
			margin-inline-end: 0;
		}
		.db-content .db-content-heding {
			margin-right: -20px;
			margin-left: -20px;
		}
		.db-content .db-content-heding h1,
		.db-content .db-content-heding h2 {
			padding-inline-start: 20px;
		}
		body.card-detail-page .db-content {
			padding-top: 15px;
		}
	}

	@media screen and (max-width:767px) {
		body.card-detail-page .db-content {
			padding-top: 0;
		}
		body:has(.db-notification-bar) .db-main:has(.db-mobile-top-dropdown) {
			height: calc(100vh - 215px);
		}
		body:has(.db-notification-bar) .db-main:has(.db-mobile-tabs-menu) {
			height: calc(100vh - 258px);
		}
		body:has(.db-notification-bar) .db-main {
			height: calc(100vh - 215px);
		}
		.db-main:has(.db-mobile-top-dropdown + .db-mobile-tabs-menu) {
			height: calc(100vh - 206px);
		}

		body.card-detail-page:has(.db-notification-bar) .container:has(.db-content-subheding + .license-card) .license-card { 
			min-height: calc(100vh - 356px);
		}
		body.card-detail-page .container:has(.db-content-subheding + .license-card) .license-card {
			min-height: calc(100vh - 304px);
		}

		body.card-detail-page:has(.db-notification-bar) .container:has(.license-card) .license-card { 
			min-height: calc(100vh - 316px);
		}
		body.card-detail-page .container:has(.license-card) .license-card {
			min-height: calc(100vh - 264px);
		}

		.db-footer-mobile {
			display: flex;
		}
		.db-main {
			margin-bottom: 74px;
			height: calc(100vh - 163px);
		}
		html[dir="rtl"] .db-notification-bar .close {
			right: 7px;
		}
		.db-notification-bar .close {
			left: 7px;
		}
		.db-notification-bar {
			padding-inline-start: 40px;
			padding-inline-end: 20px;
		}
		.db-notification-bar p {
			padding-inline-end: 20px;
			padding-inline-start: 0;
		}
		.card-detail-page .db-main {
			height: calc(100vh - 130px);
			margin-top: 56px;
		}
		body.card-detail-page:has(.db-notification-bar) .db-main { 
			height: calc(100vh - 182px);
			margin-top: 108px;
		}
		body.card-detail-page:has(.db-notification-bar) .db-main .back-btn {
			top: 52px;
		}
		.card-detail-page .db-content-subheding {
			padding-bottom: 15px;
			flex-direction: column;
			gap: 24px 0;
		}
		.card-detail-page .db-content .db-content-heding {
			padding: 0px;
			margin: 0;
		}
		.card-detail-page .db-content .db-content-heding h1 {
			font-size: 28px;
			font-weight: 400;
			border-bottom: none;
			padding: 10px 0;
			padding-inline-start: 0px;
			line-height: 32px;
			margin-top: 10px;
			margin-bottom: 16px;
		}
		#businessModal .modal-dialog {
			max-width: 340px;
			margin: var(--bs-modal-margin) auto;
		}
		#businessModal .modal-content {
			padding: 50px 36px 70px 36px;
		}
		#businessModal .modal-content .modal-body h2 {
			margin: 31px 0 19px 0;
		}
		#businessModal .modal-content .modal-body p {
			margin-bottom: 50px;
		}
		#businessModal .modal-content .modal-body .btn {
			margin-bottom: 24px;
		}

		#adaptdataModal .modal-dialog {
			max-width: 340px;
			margin: var(--bs-modal-margin) auto;
		}
		#adaptdataModal .modal-content {
			padding: 50px 36px 70px 36px;
		}
		#adaptdataModal .modal-content .modal-body h2 {
			font-size: 28px;
		}
		#adaptdataModal .modal-content .modal-body p {
			margin-bottom: 50px;
		}
		body.feedback:has(.db-notification-bar) .container,
		body.card-detail-page:has(.db-notification-bar) .container { 
			min-height: calc(100vh - 262px);
		}
		body.feedback .container,
		body.card-detail-page .container { 
			min-height: calc(100vh - 210px);
		}
	}

	@media screen and (max-width:575px) {
		.db-mobile-tabs-menu ul {
			justify-content: flex-start;
		}
	}

	@media screen and (max-width:479px) {
		.db-notification-bar p {
			line-height: 14px;
		}
	}