.account-img-heading h3 {
	font-size: 18px;
	color: #000000;
	font-family: "Gilroy-Medium";
}
#customRange1 {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: calc(100% - 20px);
	z-index: 9999;
	border-radius: 8px;
	height: 9px;
	outline: none;
	transition: background 450ms ease-in;
	-webkit-appearance: none;
}
input#customRange1[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: 5px solid #fff;
	height: 23px;
	width: 23px;
	border-radius: 27px;
	background: #662d91;
	cursor: pointer;
	margin-top: -9.5px;
	box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.5);
}
input#customRange1[type="range"]::-moz-range-thumb {
	box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.5);
	border: 5px solid #fff;
	height: 23px;
	width: 23px;
	border-radius: 27px;
	background: #662d91;
	cursor: pointer;
}
input#customRange1[type="range"]::-ms-thumb {
	box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.5);
	border: 5px solid #fff;
	height: 23px;
	width: 23px;
	border-radius: 27px;
	background: #662d91;
	cursor: pointer;
}
input#customRange1[type="range"]::-webkit-slider-runnable-track {
	height: 8px;
	cursor: pointer;
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
	background: #662d91;
	border-radius: 5px;
	border: 1px solid #333333;
}
input#customRange1[type="range"]:focus::-webkit-slider-runnable-track {
	background: #662d91;
}
input#customRange1[type="range"]::-moz-range-track {
	height: 15px;
	cursor: pointer;
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
	background: #662d91;
	border-radius: 5px;
	border: 1px solid #333333;
}
input#customRange1[type="range"]::-ms-track {
	height: 15px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	border-width: 16px 0;
	color: transparent;
}
input#customRange1[type="range"]::-ms-fill-lower {
	background: #662d91;
	border: 1px solid #333333;
	border-radius: 10px;
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
}
input#customRange1[type="range"]:focus::-ms-fill-lower {
	background: #662d91;
}
input#customRange1[type="range"]::-ms-fill-upper {
	background: #662d91;
	border: 1px solid #333333;
	border-radius: 10px;
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
}
input#customRange1[type="range"]:focus::-ms-fill-upper {
	background: #662d91;
}

.map-wrapper {
	position: relative;
}
.pro-img {
	align-items: center;
}
.arrow-right {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.pro-img h4 a {
	color: #053c52;
	font-family: "Gilroy-SemiBold";
	font-size: 22px;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.account-img-heading h4 {
	font-size: 22px;
	color: #27aae1;
	font-family: "Gilroy-Bold";
}
.account-sidebar {
	background: #f1fbff;
	padding: 15px;
}
section.main-sec-dashboard {
	padding: 40px 0 60px 0;
	position: relative;
}
.pro-img img {
	width: 21px;
	height: 27px;
	object-fit: scale-down;
}
.account-sidebar .nav-tabs {
	flex-direction: column;
	list-style: unset;
	padding-left: 21px;
	border-bottom: none;
}

section.main-sec-dashboard .nav-tabs a.active {
	color: #662d91;
	border: none !important;
	background-color: transparent;
}
section.main-sec-dashboard .nav-tabs a {
	font-family: "Gilroy-SemiBold";
	color: #000;
	background-color: transparent;
	border: none;
	padding: 0px 18px !important;
	outline: none !important;
}
section.main-sec-dashboard .nav-tabs a:focus,
section.main-sec-dashboard .nav-tabs a:hover {
	border: none;
	padding: 0px 18px !important;
	outline: none !important;
}
section.main-sec-dashboard:focus-visible {
	outline: none !important;
}
.pro-img h4 {
	color: #053c52;
	font-family: "Gilroy-SemiBold";
	font-size: 22px;
	cursor: pointer;
	margin: 0;
}
.boorder-wrapper {
	border-bottom: 1px solid #e9cffc;
	padding-bottom: 15px;
	padding-top: 15px;
}
li.nav-item-wrapper {
	border-bottom: 1px solid #e9cffc;
	padding: 15px 0;
}
.account-sidebar li.nav-item-wrapper:last-child {
	border-bottom: none;
}
.drop-tabs {
	display: none;
}
.drop-tabs1 {
	display: none;
}
.account-sidebar li.nav-item-wrapper a {
	color: #053c52;
	font-family: "Gilroy-SemiBold";
	font-size: 22px;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.account-sidebar .nav-link.active {
	color: #662d91 !important;
	background-color: transparent !important;
	border: none !important;
}
.main-wrapper-mix {
	position: relative;
	background: #faf3ff;
	padding: 20px 40px;
	border-radius: 10px;
}
.upload-btn-wrapper.profilr-page-wrapper h4 {
	color: #053c52;
	font-size: 35px;
	font-style: normal;
	text-transform: capitalize;
	font-family: "Gilroy-Bold";
	margin: 0;
}
.edit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 9px;
	border-bottom: 1px solid #e9cffc;
	padding-bottom: 20px;
}
/* dashboard main css start */
.list-dashboard .img-bookings {
	background: #662d91;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	border: 2px solid #b390cf;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}
.list-dashboard .img-bookings img {
	width: 50px;
	height: 50px;
	object-fit: scale-down;
}
.list-dashboard h3 {
	font-family: "Gilroy-Bold";
	font-size: 21px;
	margin: 9px 0;
	color: #12001e;
}
.list-dashboard h4 {
	color: #662d91;
	font-family: "Gilroy-Bold";
	font-size: 18px;
}
.list-dashboard {
	background: #e9cffc;
	border-radius: 20px;
	padding: 14px;
}
.dashboard-recent-reviews .star-icon-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
}
.dashboard-recent-reviews .star-icon a {
	background: #bbddeb;
	padding: 8px;
	border-radius: 10px;
}
.dashboard-recent-reviews .star-icon a i {
	color: #053c52;
}
.dashboard-recent-reviews {
	background-color: #ffff;
	padding: 23px 30px;
	border-radius: 8px;
}
.dashboard-recent-reviews .rating_star_wrapper .fa {
	color: #fee43e !important;
}
.dashboard-recent-reviews h4 {
	font-family: "Gilroy-Bold";
	margin: 0;
	font-size: 20px;
	color: #053c52 !important;
}
.dashboard-recent-reviews p {
	color: #053c52 !important;
	font-family: "Gilroy-SemiBold" !important;
	line-height: 1.5;
}
.dashboard-recent-reviews .client_name h5 {
	color: #665971;
	font-family: "Gilroy-Bold";
	font-size: 14px;
}
.dashboard-recent-reviews .client-img img {
	width: 43px;
	height: 43px;
	object-fit: scale-down;
}
h6.date-review {
	color: #12001e;
	margin-top: 10px;
	font-family: "Gilroy-Bold";
	font-size: 12px;
}
.dashboard-recent-reviews h6.date-review {
	color: #99919e !important;
	font-size: 12px;
}
/* dashboard main css end */

/* dashboard profile css start */
.personal-detail-dashboard {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.personal-detail-dashboard h4 {
	color: #12001e;
	font-family: "Gilroy-Bold";
	font-size: 24px;
}
.personal-detail-dashboard a {
	text-decoration: underline;
	color: #662d91;
	font-family: "Gilroy-Bold";
	font-size: 14px;
}
.dashboard-profile-detail-bottom-border {
	border-bottom: 1px solid #e9cffc;
	padding-bottom: 30px;
}
.campany-logo {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}
.campany-logo h4 {
	color: #12001e;
	font-family: "Gilroy-SemiBold";
	font-size: 20px;
}
.company-logo-company-img-bg {
	background: #e4c5fc;
	width: 65px;
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 90%;
}
.dashboard-profile-detail-bottom-border .first-name h6 {
	color: #282828;
}
.company-logo-company-img-bg img {
	height: 50px;
	width: 50px;
	object-fit: scale-down;
}
.dashboard-profile-bottom-none {
	border-bottom: none;
}
.my-radius {
	background: #e9cffc;
	padding: 20px 30px;
	border-radius: 10px;
	margin-top: 30px;
}
.modal-content.edit-service-wrapper-modal ul.checkbox-list {
	display: flex;
	align-items: center;
	gap: 10px;
	/* overflow: auto; */
	padding-bottom: 0px;
	flex-wrap: wrap;
	justify-content: center;
}
.modal-content.edit-service-wrapper-modal .form-group.active {
	background: #fff !important	;
}
.modal-content.edit-service-wrapper-modal .modal-footer {
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	padding: 0.75rem;
	border-top: none;
	border-bottom-right-radius: calc(0.3rem - 1px);
	border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-content.edit-service-wrapper-modal a.btn.text-center.hover-wrapper {
	width: 140px;
}
.modal-content.edit-service-wrapper-modal .modal-header {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: none;
	border-top-left-radius: calc(0.3rem - 1px);
	border-top-right-radius: calc(0.3rem - 1px);
}
.modal-content.edit-service-wrapper-modal .modal-header h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-size: 31px;
	margin: 10px 0 10px 0px !important;
}
.modal-content.edit-service-wrapper-modal {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #e9cffc;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	outline: 0;
}
.my-radius-content h3 {
	font-size: 28px;
	color: #12001e;
	margin-bottom: 5px;
	font-family: "Gilroy-Bold";
}
.my-radius-content a.btn.hover-wrapper {
	width: 160px;
	margin-top: 10px;
}
.edit.border-wrapper-hidden {
	border-bottom: none !important;
}
.my-radius-content p {
	margin: 17px 0px;
}
.my-radius .mapouter {
	position: relative;
	text-align: right;
	height: 200px;
	width: 100%;
	border-radius: 20px;
}

.my-radius .gmap_canvas {
	overflow: hidden;
	background: none !important;
	height: 200px;
	width: 100%;
	border-radius: 20px;
}
/* dashboard profile css end */

/* dashboard My Membership start css */
.main-renewel-purchase {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 12px;
}
.main-btn-renewel-purchase {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 17px;
}
.main-btn-renewel-purchase a {
	width: 140px;
	padding: 12px;
}
a.btn.light-wrapper {
	background: #e9cffc;
	color: #662d91;
}
a.btn.light-wrapper:hover {
	color: #e9cffc;
}
.main-content-renewel-purchase h4 {
	font-size: 22px;
	font-family: "Gilroy-SemiBold";
	margin: 0;
}
.main-content-renewel-purchase h5 {
	font-size: 16px;
	font-family: "Gilroy-SemiBold";
}
.membership-heading h3 {
	margin-bottom: 10px;
}
.diamond-montly-wrapper {
	padding: 18px 20px;
}
.img-diamond-membership {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 10px;
}
.membership-diamond-heading h3 {
	font-size: 25px;
	font-family: "Gilroy-SemiBold";
	color: #12001e;
}
.membership-diamond-heading h4 {
	font-size: 25px;
	font-family: "Gilroy-Medium";
	color: #12001e;
	margin: 0;
}
.content-diamond-wrapper {
	background: #e9cffc;
	border-radius: 10px;
}
ul.list-daimond-wraper-content {
	padding: 8px 20px;
}
ul.list-daimond-wraper-content li {
	display: flex;
	align-items: start;
	justify-content: start;
	gap: 10px;
	margin-bottom: 8px;
}
ul.list-daimond-wraper-content li h4 {
	font-size: 14px;
}
span.white-border {
	border-bottom: 1px solid #fff;
	background: #fff;
	width: 100%;
	height: 1px;
	display: block;
	margin: 10px 0;
}
/* dashboard My Membership start end */
/*  */
.upload-btn-wrapper.profilr-page-wrapper h4 {
	color: #12001e;
	font-size: 35px;
	font-style: normal;
	text-transform: capitalize;
	font-family: "Gilroy-Bold";
	margin: 0;
}
.inputWithIcon {
	margin-top: 11px;
	margin-bottom: 10px;
}
.field-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 40px 0px 0px 0px;
}
.inputWithIcon input {
	background: #fff;
	border-radius: 10px;
	height: 50px;
	padding: 10px 16px;
	border: 1px solid #e3e3e3;
	width: 100%;
}
.inputWithIcon input::placeholder {
	font-size: 15px;
	color: #b8b8b8;
	font-family: "Gilroy-Medium";
}
.remve-img-content a {
	position: absolute;
	bottom: 3px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-family: "Gilroy-Bold";
	color: #ff0000;
	font-size: 10px;
}
.remve-img-content img {
	position: absolute;
	bottom: -2px;
	width: 100%;
}
.upload-img-remove-size {
	width: 100px;
	height: 100px;
	object-fit: scale-down;
	border-radius: 100%;
}
.content-upload-wrapper h4 {
	color: #053c52;
	font-size: 20px;
	font-family: "Gilroy-Bold";
	cursor: pointer;
}
.content-upload-wrapper h5 {
	color: #053c52;
	font-size: 16px;
	font-family: "Gilroy-Bold";
}
.edit-main-wrapper-dashboard a.btn.hover-wrapper {
	width: 140px;
}
/*  */
.withdrew .nav-item .nav-link {
	background-color: #e9cffc;
	width: 100%;
	padding: 15px 24px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: "Gilroy-SemiBold";
	color: #2d004e;
	border-radius: 10px;
	position: relative;
	z-index: 111;
}
.check-round {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	border: 1px solid;
	border-radius: 110px;
	background: #fff;
}
.check-round i {
	color: #662d91;
}
.withdrew li.nav-item {
	width: 100%;
}
.withdrew .nav-link {
	background-color: #e9cffc;
	width: 200px;
	padding: 15px 0px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Gilroy-SemiBold";
	color: #2d004e;
	border-radius: 10px;
	position: relative;
	z-index: 111;
}
.withdrew ul#pills-tab {
	gap: 10px;
	display: flex;
	align-items: center;
	flex-wrap: unset;
	margin-top: 30px;
}
h2.sign-cleaning {
	text-align: center;
	margin-bottom: 20px;
}
.withdrew-form h3 {
	font-size: 23px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.withdrew .nav-pills .nav-link.active {
	border: none;
	background-color: #662d91;
	z-index: 11111;
	color: #fff !important;
}
.withdrew-form.otp .inputWithIcon input {
	background: #fff;
	border-radius: 10px;
	height: 50px;
	padding: 10px 16px;
	border: 1px solid #e3e3e3;
	width: 80%;
	text-align: center;
}
div#withdrew-dashboard .upload-btn-wrapper.profilr-page-wrapper h4 {
	color: #12001e !important;
}
div#withdrew-dashboard a.btn.hover-wrapper {
	background: #662d91;
	width: 150px;
}
a.resend-code-css {
	color: #e55400;
	text-decoration: underline;
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
}
.responsive-map-container {
	padding: 20px;
	border: 1px solid #e3e3e3;
	border-radius: 10px;
	background: #fff;
	margin-top: 10px;
}
/* my services */
.my-services .table-wrapper .table thead {
	background: #e9cffc;
}
.my-services .table-wrapper .table thead tr th {
	border-bottom: none;
	border-top: none;
	text-align: center;
	padding: 20px 5px 20px 14px;
	font-size: 15px;
	color: #053c52;
	text-transform: capitalize;
	font-family: "Gilroy-Bold";
	white-space: nowrap;
}
.my-services table.table {
	border-collapse: separate;
	border-spacing: 0 14px;
	border-top: 10px;
	border-bottom: 10px;
}
.my-services .table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.my-services .table-wrapper .table tbody tr td {
	text-align: center;
	vertical-align: text-bottom;
	font-size: 14px;
	border: none;
	vertical-align: middle;
	color: #053c52;
	font-weight: 400;
	padding: 0;
	font-family: "Gilroy-Bold";
	padding: 10px;
}
.my-services .complete {
	padding: 10px 18px;
	font-size: 12px;
	letter-spacing: 0px;
	margin: 0;
	color: #fff;
	background: #662d91;
	font-family: "Gilroy-Bold";
	border-radius: 10px;
	cursor: pointer;
	white-space: nowrap;
}
.my-services .paid-wrapper {
	background: #e9cffc;
	padding: 10px 20px;
	border-radius: 10px;
	color: #662d91;
	font-family: "Gilroy-Bold";
	font-size: 12px;
}
.my-services .rebook.btn {
	padding: 8px 13px;
	text-wrap: nowrap;
	font-size: 14px;
}
.my-services .action-wrapper {
	display: flex;
	align-items: center;
	gap: 9px;
}
.my-services .past-content-date-time h5 {
	font-size: 14px;
	font-family: "Gilroy-Bold";
	color: #053c52;
}
.my-services .review-icon a {
	background: #e9cffc;
	padding: 9px;
	border-radius: 5px;
	cursor: pointer;
}
.my-services .eye-icon a {
	background: #e9cffc;
	padding: 9px;
	border-radius: 5px;
	cursor: pointer;
}
.my-services .eye-icon a i {
	color: #662d91;
}
.my-services .review-icon a i {
	color: #662d91;
}
a.complete.inactive {
	background: #e9cffc;
	color: #662d91;
}
.my-services .main-wrapper-past-booking {
	padding: 20px;
}
.my-services .un-paid {
	background: #fcdacf !important;
	color: #e55400 !important;
	text-wrap: nowrap;
}
.my-services .canceled {
	padding: 10px 18px;
	font-size: 12px;
	letter-spacing: 0px;
	margin: 0;
	background: #fcdacf !important;
	color: #e55400 !important;
	font-family: "Gilroy-Bold";
	border-radius: 10px;
	cursor: pointer;
}
/* view services */
.view-services .js .slider-single > div:nth-child(1n + 2) {
	display: none;
}

.view-services .js .slider-single.slick-initialized > div:nth-child(1n + 2) {
	display: block;
}

.view-services .slider-single h3 {
	line-height: 10rem;
}

.view-services .slider-nav h3::before {
	content: "";
	display: block;
	padding-top: 75%;
}

.view-services .slider-nav h3 span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.view-services .slider-nav .slick-slide {
	cursor: pointer;
}

.view-services .slick-slide.is-active h3 {
	color: #c00;
	background-color: #fff;
}
.view-services .syncing-img-slider {
	margin: 0px 5px;
}
.view-services .slider-nav {
	margin-top: 10px;
}
.view-services .syncing-img-slider img {
	width: 100%;
	height: 70px;
	object-fit: fill;
	border: 1px solid #b7b7b7;
	border-radius: 10px;
}
.view-services .img-slider img {
	width: 100%;
	height: 100%;
	object-fit: fill;
	border-radius: 40px;
}
.super-clean-services h4 {
	font-size: 25px;
	font-family: "Gilroy-Bold";
	color: #12001e;
}
.super-clean-services h5 {
	font-size: 21px;
	font-family: "Gilroy-Bold";
	color: #12001e;
}
.super-clean-services {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.super-content-services {
	border-bottom: 1px solid #e9cffc;
	padding-bottom: 16px;
}
.super-content-services p {
	font-size: 14px;
}
a.btn.tags-btn {
	background: #e9cffc;
	color: #662d91;
}
.tags-contents {
	margin-top: 10px;
}
.tags-contents h4 {
	font-size: 18px;
	font-family: "Gilroy-Bold";
	color: #12001e;
}
.view-services .address-bg {
	background: #fff;
	padding: 30px;
	border-radius: 10px;
}
.view-services .address-content-service h4 {
	color: #053c52;
	font-family: "Gilroy-SemiBold";
	margin: 0;
	font-size: 20px;
}
.view-services .address-content-service h5 {
	color: #053c52;
	font-family: "Gilroy-SemiBold";
	margin: 0;
	font-size: 16px;
}
.view-services .address-content-service {
	margin-top: 18px;
}
.view-services .upload-btn-wrapper.profilr-page-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
}
.view-services .upload-btn-wrapper.profilr-page-wrapper h4 {
	font-size: 23px;
}
.view-services .upload-btn-wrapper.profilr-page-wrapper h4 {
	color: #053c52;
	font-size: 35px;
	font-style: normal;
	text-transform: capitalize;
	font-family: "Gilroy-Bold";
	margin: 0;
	text-wrap: nowrap;
}
.view-services span.border-right-id {
	width: 100%;
	height: 1px;
	background: #bbddeb;
	display: block;
}
.service-amount-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
	margin-bottom: 10px;
}
.service-amount-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 20px;
}
.service-amount-content h4 {
	color: #12001e;
	font-family: "Gilroy-Bold";
	font-size: 20px;
}
.service-amount-wrapper h5 {
	color: #12001e;
	font-family: "Gilroy-Bold";
	font-size: 16px;
}
/* past book */
.dashboard-past-book .table-wrapper .table thead {
	background: #e9cffc;
}
.dashboard-past-book .table-wrapper .table thead tr th {
	border-bottom: none;
	border-top: none;
	text-align: center;
	padding: 20px 15px 20px 24px;
	font-size: 17px;
	color: #053c52;
	text-transform: capitalize;
	font-family: "Gilroy-Bold";
	white-space: nowrap;
}
.dashboard-past-book table.table {
	border-collapse: separate;
	border-spacing: 0 14px;
	border-top: 10px;
	border-bottom: 10px;
}
.dashboard-past-book .table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.dashboard-past-book .table-wrapper .table tbody tr td {
	text-align: center;
	vertical-align: text-bottom;
	font-size: 16px;
	border: none;
	vertical-align: middle;
	color: #053c52;
	font-weight: 400;
	padding: 0;
	font-family: "Gilroy-Bold";
	padding: 10px;
}
.dashboard-past-book .complete {
	padding: 10px 18px;
	font-size: 12px;
	letter-spacing: 0px;
	margin: 0;
	color: #fff;
	background: #662d91;
	font-family: "Gilroy-Bold";
	border-radius: 10px;
	cursor: pointer;
	white-space: nowrap;
}
a.cancelled {
	padding: 10px 18px;
	font-size: 12px;
	letter-spacing: 0px;
	margin: 0;
	color: #e55400;
	background: #fcdacf;
	font-family: "Gilroy-Bold";
	border-radius: 10px;
	cursor: pointer;
	white-space: nowrap;
}
.dashboard-past-book .paid-wrapper {
	background: #e9cffc;
	padding: 10px 20px;
	border-radius: 10px;
	color: #662d91;
	font-family: "Gilroy-Bold";
	font-size: 12px;
	white-space: nowrap;
}
.dashboard-past-book .rebook.btn {
	padding: 8px 13px;
	text-wrap: nowrap;
	font-size: 14px;
}
.dashboard-past-book .action-wrapper {
	display: flex;
	align-items: center;
	gap: 9px;
}
div#dashboard-chat {
	padding: 30px 20px 10px 20px !important;
}
.wrapper-text-view-skyy {
	display: flex;
	align-items: center;
	justify-content: center;
}
.wrapper-text-view-skyy a.btn.view-blue {
	width: 110px;
	padding: 7px 0;
	font-family: "Gilroy-Bold";
	font-size: 13px;
}
.dashboard-past-book .past-content-date-time h5 {
	font-size: 15px;
	font-family: "Gilroy-Bold";
	color: #053c52;
	margin-bottom: 3px;
}
.dashboard-past-book .review-icon a {
	background: #e9cffc;
	padding: 9px;
	border-radius: 5px;
	cursor: pointer;
}
.dashboard-past-book .eye-icon a {
	background: #e9cffc;
	padding: 9px;
	border-radius: 5px;
	cursor: pointer;
}
.dashboard-past-book .eye-icon a i {
	color: #662d91;
}
.dashboard-past-book .review-icon a i {
	color: #662d91;
}
a.complete.inactive {
	background: #e9cffc;
	color: #662d91;
}
.dashboard-past-book .main-wrapper-past-booking {
	padding: 20px;
}
.dashboard-past-book .un-paid {
	background: #fcdacf !important;
	color: #e55400 !important;
	text-wrap: nowrap;
}
.dashboard-past-book .canceled {
	padding: 10px 18px;
	font-size: 12px;
	letter-spacing: 0px;
	margin: 0;
	background: #fcdacf !important;
	color: #e55400 !important;
	font-family: "Gilroy-Bold";
	border-radius: 10px;
	cursor: pointer;
}
/* add-service css */
.add-service .upload-remove-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}
.add-service .content-upload-wrapper {
	text-align: center;
	margin-top: 0px;
}
.add-service .remve-img-content img {
	position: absolute;
	bottom: -13px;
	width: 100%;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
	object-fit: scale-down;
}
.add-service .remve-img-content a {
	position: unset;
	bottom: 3px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-family: "Gilroy-Bold";
	color: #ff0000;
	font-size: 10px;
	left: 0;
}
.add-service h3#file-name {
	font-size: 16px;
}
.add-service .upload-img-remove-size {
	width: 47px;
	height: 49px;
	object-fit: scale-down;
	border-radius: 100%;
	background: #e9cffc;
	border-radius: 0;
	border-radius: 10px;
}
.add-service .bg-upload {
	background: #fff;
	padding: 18px;
	border-radius: 10px;
	border: 1px solid #e3e3e3;
}
/* upload add service css */

.add-service .file-uploader__message-area {
	font-size: 16px;
	padding: 0.5em;
	text-align: start;
	display: none !important;
}
.add-service .file-list {
	background-color: white;
	font-size: 16px;
}

.add-service .file-list__name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.add-service .file-list li {
	height: 27px;
	line-height: 17px;
	/* margin-left: 0.5em; */
	/* border: none; */
	/* overflow: hidden; */
}
.add-service .file-chooser label {
	background: #e9cffc;
	padding: 10px;
	border-radius: 10px;
	cursor: pointer;
}
.add-service .removal-button {
	width: 20px;
	border: none;
	background-color: #662d91;
	color: white;
	padding: 0px;
	border-radius: 50px;
	height: 20px !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.add-service .removal-button::before {
	content: "\f00d";
	font-size: 13px;
	font-family: FontAwesome;
}
.add-service .removal-button:focus {
	outline: 0;
}

.add-service .file-chooser {
	padding: 1em;
	transition: background-color 1s, height 1s;
}
.add-service .file-chooser p {
	font-size: 18px;
	padding-top: 1em;
}

.add-service .file-uploader * {
	display: block;
}
.add-service .file-uploader input[type="submit"] {
	margin-top: 2em;
	float: right;
}
.add-service .file-list {
	max-width: 100%;
	display: -webkit-inline-box;
	align-items: center;
	gap: 14px;
	overflow: auto;
	background: transparent;
	margin-top: 15px;
}
.add-service .file-list__name {
	max-width: 100%;
	float: left;
	color: #662d91;
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
}
.add-service .removal-button {
	display: inline-block;
	height: 100%;
	float: right;
	margin-left: 10px;
	padding: 4px;
}
.add-service .file-chooser {
	width: 100%;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	padding: 10px 13px;
	border: 1px solid #e3e3e3;
	border-radius: 10px;
}
.add-service .file-chooser h4 {
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
	color: #738288;
	margin: 0;
}
.add-service .file-list li:after,
.add-service .file-uploader:after {
	content: "";
	display: table;
	clear: both;
}
.add-service .texte-form-wrapper textarea {
	background: #fff;
	padding: 10px;
	margin-bottom: 20px;
	resize: none;
	border-radius: 10px;
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
	color: #738288;
	border: 1px solid #e3e3e3;
}
.add-service .hidden {
	display: none;
}
.add-service .hidden input {
	display: none;
}
.add-service a.btn.file-uploader__submit-button {
	width: 150px;
}
.add-service .error {
	background-color: #27aae1;
	color: white;
}
.add-service .custom-select {
	position: relative;
	width: 300px;
}
.add-service .custom-select select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #e3e3e3;
	height: 50px;
	padding: 10px 16px;
	width: 100%;
}
.add-service .select2-container--default .select2-selection--multiple {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text;
	background: #fff;
	border-radius: 10px;
	height: 50px;
	padding: 10px 16px;
	border: 1px solid #e3e3e3;
	width: 100%;
}
.add-service .select2-container::after {
	content: "\f078"; /* Unicode character for down arrow */
	font-family: FontAwesome; /* Use the FontAwesome font */
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	pointer-events: none;
}
.add-service .select2-container {
	width: 100% !important;
}
.add-service
	.select2-container--default
	.select2-selection--multiple
	.select2-selection__rendered {
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	width: 100%;
	position: relative;
	right: -105%;
	top: -23px;
	display: flex;
	flex-wrap: nowrap;
	overflow: auto;
	padding: 10px 10px;
}
.add-service
	.select2-container--default
	.select2-selection--multiple
	.select2-selection__choice {
	background-color: #e9cffc;
	border: none;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 8px 15px;
}
.add-service
	.select2-container--default
	.select2-selection--multiple
	.select2-selection__choice {
	background-color: #e9cffc;
	border: none;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 8px 15px;
	display: flex;
	flex-direction: row-reverse;
	gap: 10px;
	align-items: center;
}
.add-service
	.select2-container--default
	.select2-selection--multiple
	.select2-selection__choice__remove {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px;
	background: #662d91;
	width: 19px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: #e9cffc !important;
}
.add-plus {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-top: 10px;
}
.bg-plus {
	background: #662d91;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-plus i {
	color: #fff;
}
.add-plus h4 {
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
	color: #662d91;
	margin: 0;
}
/* past booking id css */
.dashboard-past-booking-main-id .edit {
	flex-direction: column !important;
	align-items: normal !important;
}
.dashboard-past-booking-main-id .id-past-booking-date-time {
	display: flex;
	align-items: center;
	gap: 20px;
}
.dashboard-past-booking-main-id .id-past-booking-date-time h5 {
	color: #12001e;
	font-family: "Gilroy-Bold";
	font-size: 16px;
}
div#dashboard-past-booking span.border-right-id {
	background-color: #e9cffc !important;
}
.dashboard-past-booking-main-id .clear-name-id h4 {
	color: #346275;
	font-family: "Gilroy-Bold";
	font-size: 16px;
	margin: 0;
}
.dashboard-past-booking-main-id .clear-name-id h4 span a {
	display: inline-block;
	color: #27aae1 !important;
	text-decoration: underline;
	cursor: pointer;
}
.dashboard-past-booking-main-id .booking-status-content {
	color: #27aae1;
	font-family: "Gilroy-Bold";
	font-size: 14px;
	margin: 0;
	white-space: nowrap;
}
.dashboard-past-booking-main-id .payment-status-content {
	color: #662d91;
	font-family: "Gilroy-Bold";
	font-size: 14px;
	margin: 0;
	white-space: nowrap;
}
.dashboard-past-booking-main-id .booking-payment-status {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: end;
}
.dashboard-past-booking-main-id .past-booking-d-t-main-wrapper {
	margin-top: 17px;
}
/* .dashboard-past-booking-main-id .edit a:hover {
	color: #27aae1 !important;
} */
.dashboard-past-booking-main-id .table-wrapper .table thead {
	background: #e9cffc;
}
.dashboard-past-booking-main-id .table-wrapper .table thead tr th {
	border-bottom: none;
	border-top: none;
	text-align: center;
	padding: 20px 5px 20px 4px;
	font-size: 15px;
	color: #12001e;
	text-transform: capitalize;
	font-family: "Gilroy-Bold";
}
.w-wrapper-w {
	width: 140px;
}
div#dashboard-withdrawal-history .grid-wrapper .radio:checked ~ .plan-details {
	border: none !important;
	background: none !important;
}
div#dashboard-withdrawal-history .grid-wrapper .plan-details {
	border: none !important;
}
div#dashboard-withdrawal-history .card-imgs {
	background: #e9cffc;
	border-radius: 10px;
	width: 69px;
}
div#dashboard-withdrawal-history
	.grid-wrapper
	.radio:checked
	~ .plan-details
	.card-imgs {
	background-color: #e9cffc !important;
}
div#exampleModal .my-radius.add-additional-service {
	background: #f0dffd;
}
div#setting a.btn.hover-wrapper {
	width: 140px;
}
.hour-wrapper .inputWithIcon input {
	background: #fff;
	border-radius: 10px;
	font-size: 18px !important;
	color: #12001e !important;
	font-family: "Gilroy-Semibold";
	height: 50px;
	padding: 10px 16px;
	border: 1px solid #e3e3e3;
	width: 100%;
	font-size: 16px;
}
label.slot-duration {
	position: absolute;
	z-index: 1;
	top: 10%;
	left: 14px;
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
	color: #19181a;
}
.slot__option::after {
	content: "\f078";
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	font-family: "FontAwesome";
	z-index: 1111;
	color: #12011e;
	font-size: 16px;
}
.slot__option {
	margin-top: 26px;
}
.abc-cleaning-content::after {
	background-color: #e9cffc !important;
}
div#withdrew-dashboard .withdrew .nav-pills .nav-link.active {
	background-color: #662d91 !important;
}
.slot__option #slot-duration {
	padding: 28px 0 10px 10px;
	font-size: 16px;
	border: 1px solid #e3e3e3;
	border-radius: 10px;
	width: 100%;
	background-color: #fff;
	color: #333;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
}
.wrapper-modal a.btn.hover-wrapper {
	width: 140px;
}
div#dashboard-withdrawal-history .grid-wrapper .card {
	background-color: #f5e9fe;
	border-radius: var(--card-radius);
	position: relative;
	height: unset !important;
	margin-right: 0 !important;
	border: none;
	margin-top: 20px;
}
.dashboard-past-booking-main-id table.table {
	border-collapse: separate;
	border-spacing: 0 14px;
	border-top: 10px;
	border-bottom: 10px;
}
.dashboard-past-booking-main-id .table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.dashboard-past-booking-main-id .table-wrapper .table tbody tr td {
	text-align: center;
	vertical-align: text-bottom;
	font-size: 14px;
	border: none;
	vertical-align: middle;
	color: #053c52;
	font-weight: 400;
	padding: 0;
	font-family: "Gilroy-Bold";
	padding: 10px;
}
.dashboard-past-booking-main-id span.border-right-id {
	width: 100%;
	height: 1px;
	background: #ffffff;
	display: block;
}
.dashboard-past-booking-main-id span.border-right-id.pink {
	background: #e9cffc !important;
}
.dashboard-past-booking-main-id
	.edit-wrapper-id
	.upload-btn-wrapper.profilr-page-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
}
.dashboard-past-booking-main-id
	.edit-wrapper-id
	.upload-btn-wrapper.profilr-page-wrapper
	h4 {
	color: #12001e;
	font-size: 35px;
	font-style: normal;
	text-transform: capitalize;
	font-family: "Gilroy-Bold";
	margin: 0;
	text-wrap: nowrap;
}
.dashboard-past-booking-main-id .add-on-details-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.dashboard-past-booking-main-id .add-on-details-heading h4 {
	color: #053c52;
	font-family: "Gilroy-Bold";
	font-size: 20px;
}
.dashboard-past-booking-main-id ul.add-on-details-heading-service li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.dashboard-past-booking-main-id ul.add-on-details-heading-service li h5 {
	color: #053c52;
	font-family: "Gilroy-Bold";
	font-size: 16px;
}
.dashboard-past-booking-main-id .border-bottom-service {
	border-bottom: 1px solid #e9cffc;
	padding-bottom: 20px;
}
.dashboard-past-booking-main-id .paid-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.dashboard-past-booking-main-id .paid-heading h4 {
	color: #12001e;
	font-family: "Gilroy-Bold";
	font-size: 20px;
}
.dashboard-past-booking-main-id .address-bg {
	background: #e9cffc;
	padding: 30px;
	border-radius: 10px;
}
.dashboard-past-booking-main-id .address-content-service h4 {
	color: #12001e;
	font-family: "Gilroy-SemiBold";
	margin: 0;
	font-size: 20px;
}
.dashboard-past-booking-main-id .address-content-service h5 {
	color: #282828;
	font-family: "Gilroy-SemiBold";
	margin: 0;
	font-size: 16px;
}
.dashboard-past-booking-main-id .address-content-service {
	margin-top: 18px;
}
.dashboard-past-booking-main-id .star-icon-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
}
.dashboard-past-booking-main-id .star-icon a {
	background: #bbddeb;
	padding: 8px;
	border-radius: 10px;
}
.dashboard-past-booking-main-id .star-icon a i {
	color: #053c52;
}
.dashboard-past-booking-main-id .testimonial-wrapper-id {
	background-color: #ffff;
	padding: 14px 20px;
	height: 209px;
	border-radius: 8px;
}
.dashboard-past-booking-main-id
	.testimonial-wrapper-id
	.rating_star_wrapper
	.fa {
	color: #fee43e !important;
}
.dashboard-past-booking-main-id .testimonial-wrapper-id h4 {
	font-family: "Gilroy-Bold";
	margin: 0;
	font-size: 18px;
	color: #053c52 !important;
}
.dashboard-past-booking-main-id .testimonial-wrapper-id p {
	color: #053c52 !important;
	font-family: "Gilroy-SemiBold" !important;
}
h5.payment-status-content.canceled {
	color: #e55400;
}
.booking-payment-status.d-flex-pending-wrapper {
	flex-direction: column;
	justify-content: end;
	align-items: end;
}
h5.booking-status-content.pending {
	color: #e55400;
}
.pending {
	color: #e55400 !important;
	background-color: #fcdacf !important;
}
.dashboard-past-booking-main-id .upload-btn-wrapper.profilr-page-wrapper h4 {
	color: #12001e;
	font-size: 35px;
	font-style: normal;
	text-transform: capitalize;
	font-family: "Gilroy-Bold";
	margin: 0;
}
/*  */
.total-earning-contents h5 {
	color: #12001e;
	font-size: 26px;
	font-family: "Gilroy-Bold";
	margin: 10px 0;
}
.total-earning-contents h3 {
	color: #12001e;
	font-size: 38px;
	font-family: "Gilroy-Bold";
	margin: 10px 0;
}
.total-earning-contents h4 {
	color: #12001e;
	font-size: 22px;
	font-family: "Gilroy-SemiBold";
}
.total-earning-contents a.btn.hover-wrapper {
	width: 200px;
	padding: 14px 0px;
	margin-top: 30px;
}
.available-balance-total-earning {
	background: #662d91;
	width: 261px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 10px;
	padding: 30px 20px;
	margin-top: 14px;
}
.available-balance-total-earning h4 {
	color: #fff;
	font-size: 18px;
	font-family: "Gilroy-Bold";
}
.available-balance-total-earning h3 {
	color: #fff;
	font-size: 28px;
	font-family: "Gilroy-Bold";
}
.total-earning-main {
	display: flex;
	align-items: start;
	justify-content: space-between;
	margin-top: 40px;
	margin-bottom: 10px;
}
.border-bottom-white {
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
}
.dashboard-my-earning-main .address-content-service h4 {
	color: #12001e;
	font-family: "Gilroy-SemiBold";
	margin: 0;
	font-size: 15px;
}
.dashboard-my-earning-main .address-content-service h5 {
	color: #282828;
	font-family: "Gilroy-SemiBold";
	margin: 0;
	font-size: 20px;
}
/* withdrawal amount css */
:root {
	--card-line-height: 1.2em;
	--card-padding: 1em;
	--card-radius: 0.5em;
	--color-green: #558309;
	--color-gray: #e2ebf6;
	--color-dark-gray: #c4d1e1;
	--radio-border-width: 2px;
	--radio-size: 1.5em;
}
.grid-wrapper .card {
	background-color: #fff;
	border-radius: var(--card-radius);
	position: relative;
	height: unset !important;
	margin-right: 0 !important;
	border: none;
}
.grid-wrapper .card:hover {
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}

.grid-wrapper .radio {
	font-size: inherit;
	margin: 0;
	position: absolute;
	right: calc(var(--card-padding) + var(--radio-border-width));
	top: calc(var(--card-padding) + var(--radio-border-width));
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
	.grid-wrapper .radio {
		-webkit-appearance: none;
		-moz-appearance: none;
		background: #fff;
		border: var(--radio-border-width) solid var(--color-gray);
		border-radius: 50%;
		cursor: pointer;
		height: var(--radio-size);
		outline: none;
		transition: background 0.2s ease-out, border-color 0.2s ease-out;
		width: var(--radio-size);
	}
	.grid-wrapper .radio::after {
		border: var(--radio-border-width) solid #fff;
		border-top: 0;
		border-left: 0;
		content: "";
		display: block;
		height: 0.75rem;
		left: 25%;
		position: absolute;
		top: 50%;
		transform: rotate(45deg) translate(-50%, -50%);
		width: 0.375rem;
	}
	.grid-wrapper .radio:checked {
		background: #662d91;
		border-color: #fff;
	}
	.grid-wrapper .card:hover .radio {
		border-color: var(--color-dark-gray);
	}
	.grid-wrapper .card:hover .radio:checked {
		border-color: var(--color-green);
	}
}
.grid-wrapper .plan-details {
	border: var(--radio-border-width) solid var(--color-gray);
	border-radius: var(--card-radius);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	padding: var(--card-padding);
	transition: border-color 0.2s ease-out;
}

.grid-wrapper .card:hover .plan-details {
	border-color: var(--color-dark-gray);
}

.grid-wrapper .radio:checked ~ .plan-details {
	border-color: #662d91;
	background: #e9cffc;
}
.grid-wrapper .radio:checked ~ .plan-details .card-imgs {
	background-color: #fff !important;
}
.grid-wrapper .radio:focus ~ .plan-details {
	box-shadow: 0 0 0 2px var(--color-dark-gray);
}

.grid-wrapper .radio:disabled ~ .plan-details {
	color: var(--color-dark-gray);
	cursor: default;
}

.grid-wrapper .radio:disabled ~ .plan-details .plan-type {
	color: var(--color-dark-gray);
}

.grid-wrapper .card:hover .radio:disabled ~ .plan-details {
	border-color: var(--color-gray);
	box-shadow: none;
}

.grid-wrapper .card:hover .radio:disabled {
	border-color: var(--color-gray);
}

.grid-wrapper .plan-type {
	color: var(--color-green);
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1em;
}

.grid-wrapper .plan-cost {
	font-size: 2.5rem;
	font-weight: bold;
	padding: 0.5rem 0;
}

.grid-wrapper .slash {
	font-weight: normal;
}

.grid-wrapper .plan-cycle {
	font-size: 2rem;
	font-variant: none;
	border-bottom: none;
	cursor: inherit;
	text-decoration: none;
}

.grid-wrapper .hidden-visually {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}
.grid-wrapper {
	margin-top: 19px;
}
.card-imgs img {
	width: 100%;
	height: 60px !important;
	object-fit: scale-down;
}
.card-imgs {
	background: #e9cffc;
	border-radius: 10px;
	width: 80px;
}
.plan-details h4 {
	font-family: "Gilroy-SemiBold";
	font-size: 17px;
	margin-top: 12px;
	color: #12001e;
}
.select-the-service-booking {
	background: #e9cffc;
	border-radius: 10px;
	padding: 20px;
}
.select-the-service-booking h2 {
	text-align: start;
	color: #12001e;
	font-size: 25px;
	margin: 20px 0;
}
/* dashboard-chat */
.chat-application .chat-start {
	background: #f6f6f6;
	padding: 42px 24px 70px;
	border-radius: 20px;
	position: relative;
}

.chat-application .chat-start .chat-body {
	display: flex;
	flex-direction: column-reverse;
	gap: 24px;
	height: 353px;
	overflow-y: scroll;
	padding-top: 12px;
}
.chat-application .chat-start .chat-body::-webkit-scrollbar {
	display: none;
}

.chat-application .chat-start .chat-body .single-message {
	width: 100%;
	display: flex;
}

.chat-application .chat-start .chat-body .single-message .message p {
	width: 100%;
	color: #fff;
	font-size: 13px;
	margin: 16px 0px;
}
.chat-application .chat-start .chat-body .single-message.recieved-message {
	display: flex;
	justify-content: end;
	gap: 12px;
	flex-direction: column;
}
.decline-accept {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 10px;
}
.decline-accept a.btn {
	padding: 7px 25px !important;
}
section.chat-people .main-wrapper-mix {
	padding: 29px 40px;
}
section.chat-people .edit {
	border-bottom: none !important;
}
a.decline-wrapper {
	background: #fbdad1;
	border-radius: 5px;
	padding: 6px 25px;
	color: #fff;
	font-family: "Gilroy-SemiBold";
	font-weight: 500;
	font-size: 16px;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	text-transform: capitalize;
	border: none;
	overflow: hidden;
	border: 1px solid #e55400;
}
.chat-application .chat-start .chat-body .single-message.recieved-message span {
	text-align: right;
	display: block;
	margin-right: 6px;
	font-size: 11px;
	font-family: var(--primary-medium);
	color: #01323b;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
	padding-right: 18px;
	position: relative;
}
div#dashboard-past-booking .edit {
	border-bottom: none;
}
.chat-date-time-wrapper.left.color-change-chat h6 {
	color: #766a7f;
}
.chat-application
	.chat-start
	.chat-body
	.single-message.recieved-message
	span::before {
	content: "";
	position: absolute;
	display: block;
	height: 12px;
	width: 19px;
	background-image: url("../Img/svg/check.svg");
	background-repeat: no-repeat;
	background-size: 78%;
	left: 27px;
	top: 2px;
}

.chat-application .chat-start .chat-body .single-message.send-message span {
	text-align: right;
	display: block;
	margin-right: 5px;
	font-size: 9px;
	font-family: "Gilroy-Bold";
	color: #11011d;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
	padding-left: 9px;
	position: relative;
	white-space: nowrap;
}
.chat-application .chat-start .chat-body .single-message.send-message {
	display: flex;
	justify-content: start;
	gap: 10px;
}

.chat-application .chat-start .chat-body .single-message.send-message p {
	background-color: #fff;
	color: #000000;
	font-size: 13px;
	padding: 19px;
	margin-bottom: 0px;
	border-radius: 16px;
}
.chat-application .chat-start .chat-body .single-message figure img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.chat-application .chat-start .chat-footer {
	display: flex;
	gap: 13px;
	position: absolute;
	width: 93%;
	bottom: 16px;
}

.chat-application .chat-start .chat-footer button.send-btn {
	background: #fff;
	border-radius: 4px;
	padding: 7px 18px;
	border: 0px;
}

.chat-application .chat-start .chat-footer button.send-btn img {
	max-width: 17px;
	height: 17px;
}

.chat-application .chat-start .chat-footer input.form-control {
	border-radius: 18px;
	border: transparent;
	height: 47px;
	padding-left: 22px;
	color: #bababa;
	font-size: 15px;
}

.chat-application .chat-start .chat-footer input.form-control::placeholder {
	color: #11011d;
	font-size: 18px;
	font-family: "Gilroy-SemiBold";
}

.chat-application .messages-list-area {
	background-color: #e9cffc;
	border-radius: 0px 10px 10px 10px;
}
button.search-btn i {
	color: #4c6e71;
	font-size: 18px;
}
.chat-application .messages-list-area .top-area .searc-comversation {
	display: flex;
	width: 100%;
	background-color: #fff;
	padding: 13px 12px;
	border-radius: 10px;
}
.chat-application .messages-list-area .top-area .searc-comversation .search {
	border: 0px;
	padding: 3px 9px;
	display: block;
	width: calc(100% - 49px);
	color: #4c6e71;
	font-size: 17px;
	font-family: "Gilroy-SemiBold";
}
.chat-application
	.messages-list-area
	.top-area
	.searc-comversation
	.search-btn {
	border: 0px;
	min-width: 49px;
	padding-right: 0px;
	background-color: transparent;
	top: 3px;
	position: relative;
}
.chat-application .messages-list-area .top-area .top-text {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
	margin-top: 10px;
}
.chat-application .messages-list-area .top-area .top-text .xs-heading {
	font-size: 19px;
	color: #11011d;
	font-family: "Gilroy-Bold";
}
.chat-application .messages-list-area .top-area .top-text .alert-here {
	background-color: #662d91;
	color: #ffffff;
	padding: 3px 11px;
	border-radius: 42px;
	font-size: 12px;
	font-family: "Gilroy-Bold";
}
.chat-application .messages-list-area .top-area {
	padding: 20px 26px 0px;
}
.chat-application .messages-list-area .top-area .recent {
	color: #11011d;
	font-size: 22px;
	font-family: var(--primary-medium);
	margin-top: 20px;
	font-family: "Gilroy-Bold";
}

.chat-application .chat-start {
	background-color: #f5e9fe;
	/* padding: 23px 24px 74px; */
}
.chat-application .chat-start .chat-header {
	display: flex;
	align-items: baseline;
	gap: 15px;
	background-color: #fff;
	padding: 13px 17px;
	border-radius: 10px;
	margin-bottom: 10px;
}
.chat-application .chat-start .chat-header .about-user {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.chat-application .chat-start .chat-header .user-pic {
	height: 52px;
	width: 52px;
	position: relative;
	margin: 0;
}

.chat-application .chat-start .chat-header .user-pic.active::after {
	content: "";
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	border-radius: 50%;
	top: 1px;
	right: 3px;
	background-color: #44b229;
}

.chat-application .chat-start .chat-header .user-pic img {
	border-radius: 50%;
	height: 100%;
	width: 100%;
}

.chat-application .chat-start .chat-header .about-user .user-name {
	font-size: 19px;
	color: #11011d;
	font-family: "Gilroy-Bold";
}
.chat-application .chat-start .chat-header .about-user .user-role {
	color: #7d7d7d;
	font-size: 13px;
}
/* 
.chat-application .chat-start .chat-body .single-message p {
	max-width: 245px;
} */

.chat-application .chat-start .chat-body .single-message.send-message p {
	background-color: unset;
	background-image: linear-gradient(to top right, #b18e45, #d7b46b);
	border-radius: 10px;
	font-size: 12px;
	color: #fff;
	background: rgb(125, 76, 162);
	background: linear-gradient(
		180deg,
		rgba(125, 76, 162, 1) 6%,
		rgba(159, 121, 187, 1) 69%,
		rgba(159, 121, 187, 1) 78%,
		rgba(172, 139, 197, 1) 91%
	);
}
.chat-application
	.chat-start
	.chat-body
	.single-message.recieved-message
	.message {
	display: flex;
	flex-direction: row-reverse;
	align-items: end;
}

.chat-application .chat-start .chat-body .single-message.send-message .message {
	display: flex;
	flex-direction: row;
	align-items: end;
	gap: 9px;
}

.chat-application .chat-start .chat-footer .check-send-box {
	width: calc(100% - 71px);
	display: flex;
	align-items: center;
	background-color: #fff;
	border-radius: 7px;
}

.chat-application .chat-start .chat-footer .check-send-box .icon-bar {
	background-color: transparent;
	border: 0px;
	padding: 5px 16px;
	/* border-left: 1px solid #e3e3e3; */
	/* height: 25px; */
}
.chat-application .chat-start .chat-body .day-chenge {
	position: relative;
	text-align: center;
}

.chat-application .chat-start .chat-body .day-chenge .showday {
	display: block;
	width: fit-content;
	margin: auto;
	font-size: 14px;
	color: #11011d;
	background-color: #f5e9fe;
	z-index: 111;
	position: relative;
	padding: 0px 16px;
	font-family: "Gilroy-Bold";
}
.chat-application .chat-start .chat-body .day-chenge::before {
	content: "";
	position: absolute;
	display: block;
	height: 2px;
	width: 100%;
	background-color: #fff;
	top: 9px;
}
.friends-list .single-friends .about-user .username-date .date {
	position: relative;
}

.friends-list .single-friends .about-user .username-date .date .nex-chats {
	position: absolute;
	bottom: -17px;
	right: 4px;
	color: #ffffff;
	font-size: 10px;
	display: block;
	background-color: #662d91;
	height: 19px;
	width: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-family: var(--primary-semibold);
	line-height: 1;
}

/* .friends-list .single-friends:not(:last-child) {
	border-bottom: 1px solid #c7a45b30 !important;
	border-radius: 0px;
} */

.friends-list .single-friends.active {
	background-color: #f2e2fe;
	border-radius: 0px;
	position: relative;
}
.friends-list .single-friends {
	padding: 19px 13px;
	gap: 10px;
}
.friends-list .single-friends {
	background-color: transparent;
	padding: 24px;
	display: flex;
	gap: 16px;
	border-radius: 14px;
}
.friends-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.friends-list .single-friends figure {
	width: 42px;
	margin: 0;
}
.friends-list .single-friends figure img {
	width: 46px;
	height: 46px;
	object-fit: cover;
	border-radius: 50%;
}

.friends-list .single-friends .about-user {
	width: calc(100% - 45px);
}

.friends-list .single-friends .about-user .username-date span.username {
	color: #11011d;
	font-size: 18px;
	font-family: "Gilroy-Bold";
}

.friends-list .single-friends .about-user .username-date .date {
	color: #11011d;
	font-size: 11px;
	font-family: "Gilroy-SemiBold";
	line-height: 2.5;
}
.friends-list .single-friends .about-user p {
	color: #11011d;
	font-size: 12px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	margin-bottom: 0px;
	max-width: calc(100% - 31px);
}
.friends-list .single-friends .about-user .username-date {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.friends-list {
	display: flex;
	flex-direction: column;
	gap: 0px;
}
.carpet-cleaner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.main-chat {
	background: #053c52;
	padding: 0px;
	border-radius: 10px;
	max-width: 67%;
}
.carpet-cleaner h5 {
	color: #ffffff;
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
}
.payment-cleaner h6 {
	color: #fff;
	font-size: 8px;
	text-align: end;
	margin-top: 3px;
}
.add-on-service {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.add-on-service h5 {
	color: #ffffff;
	font-size: 16px;
	font-family: "Gilroy-SemiBold";
}
.add-on-service h6 {
	color: #ffffff;
	font-size: 16px;
	font-family: "Gilroy-SemiBold";
}
.slide-cleaning ul li {
	background: #28576a;
	border-radius: 10px;
	padding: 5px;
	text-align: start;
}

.slide-cleaning ul li h4 {
	color: #fff;
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
	white-space: nowrap;
}
.slide-cleaning ul li h5 {
	color: #fff;
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
	text-align: end;
}
.slide-cleaning {
	margin: 7px 0 0 0px;
}
.slide-cleaning ul {
	display: flex;
	gap: 10px;
	overflow-x: overlay;
}
.slide-cleaning ul::-webkit-scrollbar {
	width: 0px;
}
.add-flex {
	padding-top: 10px;
}
.add-padding-chat {
	padding: 20px 20px 0px 20px;
}
.add-padding-chat1 {
	padding: 0px 20px 20px 20px;
}
.expiry-date h6 {
	font-size: 8px;
	color: #fff;
}
.border-line {
	width: 100%;
	height: 1px;
	background: #325f71;
	margin-bottom: 13px;
}
.expiry-date h5 {
	font-size: 15px;
	color: #fff;
}
/* modal */
.wrapper-modal .modal-title {
	color: #12001e;
	font-family: "Gilroy-Bold" !important;
	font-size: 23px;
}
.wrapper-modal .modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: 0px 10px;
}
.wrapper-modal .modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #e9cffc;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	outline: 0;
	padding: 20px;
}
.wrapper-modal .modal-header {
	border-bottom: none;
}
.wrapper-modal .modal-footer {
	border-top: none;
	justify-content: start;
}
.wrapper-modal .btn-close {
	opacity: unset !important;
}
.wrapper-modal .rating input[type="radio"] {
	display: none;
}

.wrapper-modal .rating label {
	cursor: pointer;
}

.wrapper-modal .rating label i {
	color: #053c52;
}

.wrapper-modal .rating input[type="radio"]:checked ~ label i {
	color: #fee43e; /* Change color to the desired color for the filled star */
}
.wrapper-modal .rating-radio-btn {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* padding: 10px; */
	margin-top: 10px;
	padding: 12px 16px;
	border: 1px solid #e3e3e3;
	border-radius: 10px;
}
.wrapper-modal .modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(5px);
	justify-content: center;
	align-items: center;
	opacity: 0.9;
}

/***** Demo 3 *********/
.opacity-animate3 {
	animation: opt-animation3 1s;
	animation-fill-mode: forwards;
}

@-webkit-keyframes opt-animation3 {
	0% {
		opacity: 0;
		transform: scale(0.75);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-moz-keyframes opt-animation3 {
	0% {
		opacity: 0;
		transform: scale(0.75);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-o-keyframes opt-animation3 {
	0% {
		opacity: 0;
		transform: scale(0.75);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes opt-animation3 {
	0% {
		opacity: 0;
		transform: scale(0.75);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
.wrapper-modal .inputWithIcon {
	position: relative;
	margin-bottom: 20px;
}

.wrapper-modal .inputWithIcon input[type="date"] {
	padding-right: 30px;
	border: 1px solid #ccc;
	border-radius: 5px;
	height: 40px;
	width: 100%;
	box-sizing: border-box;
	font-size: 16px;
}

.wrapper-modal .inputWithIcon i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	pointer-events: none;
	color: #777;
}

/* Adjust icon size */
.wrapper-modal .inputWithIcon i.fa-solid {
	font-size: 20px;
}
.edit.chat-edit-border-none {
	border-bottom: none;
}
/* dashboard review */
.my-review .testimonial-wrapper-id {
	background-color: #ffff;
	padding: 14px 20px;
	height: 209px;
	border-radius: 8px;
}
.my-review .rating_star_wrapper .fa {
	color: #fee43e;
}
.review-content-heading p {
	font-size: 12px;
	font-family: "Gilroy-Bold";
}
.my-review .upload-btn-wrapper.profilr-page-wrapper h4 {
	color: #12001e;
	font-size: 35px;
	font-style: normal;
	text-transform: capitalize;
	font-family: "Gilroy-Bold";
	margin: 0;
}
/* upcoming-booking css */
.view-chat-wrapper a {
	background: #e9cffc;
	padding: 9px;
	border-radius: 5px;
	cursor: pointer;
}
.view-chat-wrapper a i {
	color: #662d91 !important;
}
.view-chat-wrapper {
	display: flex;
	gap: 10px;
}
div#upcoming-booking li.nav-item a {
	color: #000;
	font-size: 14px;
	font-family: "Gilroy-Bold";
}
div#upcoming-booking .navbar-nav .dropdown-menu {
	position: absolute;
	padding: 21px 10px;
	box-shadow: rgba(99, 99, 99, 0.2);
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border: none;
	max-width: 110px !important;
	height: unset;
	top: 42px;
	right: -39px;
}
.navbar-nav .dropdown-menu li {
	border-bottom: 1px solid #e1e1e1;
	padding: 10px 0;
	display: flex;
	align-items: center;
	gap: 10px;
}
a.upcoming-panding {
	background: #cff7fc;
	padding: 7px 20px !important;
	border-radius: 10px !important;
	color: #27aae1 !important;
	white-space: nowrap;
	border: none !important;
	font-size: 14px !important;
	font-family: "Gilroy-Bold";
}
a.upcoming-panding span {
	margin-left: 10px;
}
/* notification */
section.notification .custom-checkbox {
	position: relative;
	cursor: pointer;
	padding-left: 25px;
	padding: 0px;
}
/* Style the custom checkbox */
section.notification .custom-checkbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #e9cffc;
	border-radius: 4px;
}
/* Create the checkmark */
section.notification .custom-checkbox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when the checkbox is checked */
section.notification
	.custom-checkbox
	input[type="checkbox"]:checked
	+ .checkmark:after {
	display: block;
}

/* Style the checkmark icon */
section.notification .custom-checkbox .checkmark:after {
	left: 9px;
	top: 4px;
	width: 8px;
	height: 13px;
	border: solid #662d91;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
}
.view-blue {
	background: #e9cffc;
	color: #662d91;
	padding: 6px 20px;
}
/* dashboard setting */
.working-days-checkbox ul li .back-ground-checkbox-days {
	background: #fff;
	width: 200px;
	display: flex;
	padding: 19px;
	border-radius: 10px;
	align-items: center;
	justify-content: start;
	gap: 30px;
	cursor: pointer;
}
.back-ground-checkbox-days h4 {
	font-family: "Gilroy-SemiBold";
	font-size: 18px;
	color: #12001e;
	margin: 0;
}
.working-days-checkbox h3 {
	font-size: 25px;
	margin-bottom: 20px;
}
.working-days-checkbox ul li {
	margin-bottom: 20px;
}
.minus-dash {
	background: #e9cffc;
	text-align: center;
	padding: 10px;
	border-radius: 10px;
}
.working-days-checkbox.working-hours ul li {
	margin-bottom: 10px;
}
/* Style for the select dropdown */
#slot-duration {
	padding: 10px;
	font-size: 16px;
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 100%;
	background-color: #fff;
	color: #333;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
}
/* Style for the custom arrow icon */
#slot-duration::after {
	content: "\f078"; /* Down arrow character */
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	font-family: FontAwesome; /* Use the FontAwesome font */
}

/* Style for hover and focus states */
#slot-duration:hover,
#slot-duration:focus {
	outline: none;
	border-color: #999;
}
.set-slot {
	font-size: 28px;
}
/* view complain */
.complain-id-main {
	background: #f3e4fe;
	padding: 32px 20px;
	border-radius: 10px;
	margin-top: 20px;
}
.content-complain-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.content-complain-main h4 {
	font-family: "Gilroy-Bold";
	color: #053c52;
	font-size: 16px;
}
.content-complain-main h5 {
	font-family: "Gilroy-Bold";
	color: #053c52;
	font-size: 16px;
}
.review-icon-chat {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
}
.review-icon-chat i {
	background: #fff;
	padding: 10px;
	color: #27a9e0;
	border-radius: 10px;
}
.chat-btn-content h6 {
	font-family: "Gilroy-Medium";
	font-size: 16px;
	color: #fff;
}
.chat-btn-content h5 {
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
	color: #fff;
}
a.btn.chat {
	padding: 13px;
}
.abc-cleaning-content h3 {
	color: #053c52;
	font-size: 18px;
	margin-bottom: 10px;
	font-family: "Gilroy-Bold";
}
.abc-cleaning-content h4 {
	color: #053c52;
	font-size: 14px;
	margin-bottom: 10px;
	font-family: "Gilroy-Bold";
}
.abc-cleaning-content a.btn {
	font-size: 14px;
	padding: 9px 20px;
}
.description-content h3 {
	color: #053c52;
	font-size: 18px;
	margin-bottom: 10px;
	font-family: "Gilroy-Bold";
}
.description-content p {
	color: #6e95a4;
	font-size: 15px;
	margin-bottom: 10px;
	font-family: "Gilroy-SemiBold";
}
.abc-cleaning-content::after {
	content: "";
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: end;
	width: 1px;
	background-color: #bbddeb;
	height: 100%;
	top: 0;
	right: 7%;
}
.upload-btn {
	display: none;
}
.select-past-booking-wrapper {
	text-align: start;
	color: #12001e;
	font-size: 25px;
	margin: 20px 0;
}
ul.select-to-past {
	display: flex;
	align-items: center;
	gap: 10px;
	overflow: auto;
	padding-bottom: 10px;
}
li.form-group-slect {
	background: #fff;
	padding: 20px 20px;
	border-radius: 10px;
	gap: 8px;
	margin: 10px;
	cursor: pointer;
	position: relative;
	border: 1px solid #e9cffc;
	white-space: nowrap;
}
li.form-group-slect h6 {
	color: #053c52;
	font-family: "Gilroy-Bold";
	font-size: 14px;
}
li.form-group-slect h4 {
	color: #053c52;
	font-family: "Gilroy-Bold";
	font-size: 22px;
	margin-top: 3px;
	margin-bottom: 3px;
}
li.form-group-slect h5 {
	color: #053c52;
	font-family: "Gilroy-Bold";
	font-size: 14px;
}
li.form-group-slect a.btn {
	width: 120px;
	padding: 10px;
	margin-top: 10px;
}
ul.select-to-past::-webkit-scrollbar {
	width: 20px;
}

ul.select-to-past::-webkit-scrollbar-track {
	background-color: #e9cffc;
	border-radius: 100px;
	width: 20px;
}

ul.select-to-past::-webkit-scrollbar-thumb {
	border-radius: 100px;
	border: 5px solid transparent;
	background-clip: content-box;
	background-color: #662d91;
}
a.btn.light-sky {
	background: #e9cffc;
	color: #053c52;
}
/* view complain chat wrapper css */
.view-complain-chat .complain-id-status h5 {
	color: #053c52;
	font-family: "Gilroy-Bold";
	font-size: 16px;
}
.view-complain-chat .abc-cleaning-id-wrapper h4 {
	color: #12001e;
	font-family: "Gilroy-Bold";
	font-size: 22px;
}
.view-complain-chat h5.complain-wrapper {
	color: #662d91 !important;
}
.upload-btn-wrapper.profilr-page-wrapper h4 {
	color: #053c52;
}
.chat-date-time-wrapper.left {
	text-align: start !important;
	display: flex;
	flex-direction: column;
	align-items: start;
}
.chat-date-time-wrapper {
	margin: 0px 10px;
}
.chat-date-time-wrapper h6 {
	font-family: "Gilroy-Bold";
	font-size: 12px;
	text-align: end;
	color: #11011d;
	white-space: nowrap;
}
.complain-id-status {
	margin-top: 8px;
}
.view-complain-chat .caleder-time-btn a {
	padding: 16px;
	background: #fff;
	border-radius: 10px;
	color: #12001e;
	font-family: "Gilroy-SemiBold";
}
.view-complain-chat .caleder-time-btn a i {
	margin-right: 10px;
}
.view-complain-chat .caleder-time-btn {
	display: flex;
	align-items: center;
	gap: 10px;
}
.view-complain-chat .abc-cleaning-id-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}
.view-complain-chat .abc-cleaning-id-wrapper a.booking-anchor {
	text-decoration: underline;
	color: #27aae1;
	font-family: "Gilroy-Bold";
	font-size: 16px;
}
.view-complain-chat ul.list-complan {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: start;
	overflow: auto;
}
.view-complain-chat ul.list-complan li {
	position: relative; /* Positioning context for the pseudo-element */
}

.view-complain-chat ul.list-complan li::after {
	content: ""; /* Required for pseudo-elements */
	position: absolute; /* Position the pseudo-element relative to the parent li */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f1fbff; /* Color overlay */
	opacity: 0.5; /* Adjust the opacity to control the intensity of the overlay */
	z-index: 1; /* Ensure the overlay is above the image */
	border-radius: 20px; /* Rounded corners to match the image */
}

.view-complain-chat ul.list-complan li img.img-fluid {
	border: 1px solid #dfdfdf;
	border-radius: 20px;
	width: 100%;
	height: 100px;
	object-fit: scale-down;
}
.view-complain-chat li.active::after {
	background-color: transparent !important;
	opacity: 1 !important;
}
.view-complain-chat .edit.border-wrap-chat-support {
	border-bottom: none !important;
}
.view-complain-chat .chat-application .chat-start .chat-body {
	display: flex;
	flex-direction: column !important;
	gap: 24px;
	height: 313px;
	overflow-y: scroll;
	padding-top: 12px;
}
.view-complain-chat
	.chat-application
	.chat-start
	.chat-header
	.user-pic.active::after {
	display: none;
}
.view-complain-chat figure.user-pic-img img {
	width: 100%;
	height: 50px;
	object-fit: scale-down;
}
.view-complain-chat .chat-application .chat-start .chat-header {
	display: flex;
	align-items: center !important;
	margin-bottom: 20px;
}
.view-complain-chat figure.user-pic-img {
	background: #662d91;
	margin-bottom: 0;
	border-radius: 100%;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.view-complain-chat
	.chat-application
	.chat-start
	.chat-body
	.day-chenge
	.showday {
	background-color: #f3e4fe !important;
}
.view-complain-chat .chat-application .chat-start {
	background: #f3e4fe;
	padding: 52px 24px 80px;
	border-radius: 20px;
	position: relative;
}
.view-complain-chat .main-chat {
	background: #053c52;
	padding: 20px;
	border-radius: 10px;
	max-width: 50%;
}
.view-complain-chat
	.chat-application
	.chat-start
	.chat-body
	.single-message.send-message
	.message {
	display: flex;
	flex-direction: row;
	align-items: end;
	gap: 9px;
	max-width: 50%;
}
.view-complain-chat .view-complain-help-support-wrapper {
	display: none;
}
.view-complain-chat .chat-application .chat-start .chat-body {
	display: flex;
	flex-direction: column !important;
	gap: 24px;
	height: 368px;
	overflow-y: scroll;
	padding-top: 12px;
}
.view-complain-chat
	.chat-application
	.chat-start
	.chat-header
	.user-pic.active::after {
	display: none;
}
.view-complain-chat figure.user-pic-img img {
	width: 100%;
	height: 50px;
	object-fit: scale-down;
}
figure.user-pic-img {
	background: #27aae1;
	margin-bottom: 0;
	border-radius: 100%;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.responsive-table.table-responsive::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(241, 251, 255, 0.3);
	border-radius: 10px;
	background-color: #f5f5f5;
}

.responsive-table.table-responsive::-webkit-scrollbar {
	width: 12px;
	background-color: #f5f5f5;
}

.responsive-table.table-responsive::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(241, 251, 255, 0.3);
	background-color: #e9cffc;
}
.view-complain-chat .main-chat {
	background: #053c52;
	padding: 20px;
	border-radius: 10px;
	max-width: 50%;
}
.view-complain-chat
	.chat-application
	.chat-start
	.chat-body
	.single-message.send-message
	.message {
	display: flex;
	flex-direction: row;
	align-items: end;
	gap: 9px;
	max-width: 50%;
}
a.btn.select-sky {
	background: #e9cffc;
	color: #053c52;
}
.select2__placeholder {
	z-index: 1;
	top: 50% !important;
	left: 27px !important;
	transform: translateY(-50%);
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
	color: #738288;
	margin: 0;
}
.my-services a.btn.hover-wrapper {
	width: 126px;
}
.dashboard-past-booking-main-id a.btn.hover-wrapper {
	background: #662d91;
	padding: 14px 10px;
	width: 180px;
}
.file-uploader__message-area {
	visibility: hidden;
	height: 0;
}
.border-bottom-hidden-wrapper {
	border-bottom: none !important;
}
/* add ons services */
a.btn.hover-wrapper.ons-services-add {
	width: 140px;
}
div#add-ons-service .action-wrapper {
	display: flex;
	align-items: center;
	gap: 9px;
	width: 100%;
	justify-content: center;
}
div#add-ons-service .table-wrapper .table tbody tr td {
	text-align: center;
	vertical-align: text-bottom;
	font-size: 16px;
	border: none;
	vertical-align: middle;
	color: #053c52;
	font-weight: 400;
	padding: 0;
	font-family: "Gilroy-Bold";
	padding: 25px;
}
.view-services-on-add
	.edit-wrapper-id
	.upload-btn-wrapper.profilr-page-wrapper
	h4 {
	color: #12001e;
	font-size: 35px;
	font-style: normal;
	text-transform: capitalize;
	font-family: "Gilroy-Bold";
	margin: 0;
	text-wrap: nowrap;
}
.view-services-on-add span.border-right-id.pink {
	background: #e9cffc !important;
}
/* .view-services-on-add .border-bottom-service {
	border-bottom: 1px solid #e9cffc;
	padding-bottom: 20px;
} */
.view-services-on-add .add-on-details-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.view-services-on-add .add-on-details-heading h4 {
	color: #053c52;
	font-family: "Gilroy-Bold";
	font-size: 20px;
}
.view-services-on-add .add-on-details-heading h4 {
	color: #053c52;
	font-family: "Gilroy-Bold";
	font-size: 20px;
}
.view-services-on-add ul.add-on-details-heading-service li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.view-services-on-add ul.add-on-details-heading-service li h5 {
	color: #053c52;
	font-family: "Gilroy-Bold";
	font-size: 16px;
}
.view-services-on-add ul.add-on-details-heading-service li h5 {
	color: #053c52;
	font-family: "Gilroy-Bold";
	font-size: 16px;
}
@media (max-width: 1367px) {
	.list-dashboard h3 {
		font-size: 16px;
	}
	.total-earning-contents h5 {
		font-size: 22px;
	}
	.friends-list .single-friends .about-user .username-date span.username {
		font-size: 13px;
	}
	.friends-list .single-friends {
		padding: 24px;
	}
	.total-earning-contents h3 {
		font-size: 27px;
	}
	.main-wrapper-mix {
		padding: 40px 20px;
	}
	.dashboard-past-booking-main-id .address-content-service h4 {
		font-size: 15px;
	}
	.dashboard-past-booking-main-id .address-content-service h5 {
		font-size: 12px;
	}
	.dashboard-past-booking-main-id .upload-btn-wrapper.profilr-page-wrapper h4 {
		font-size: 26px;
	}
	.list-dashboard h4 {
		font-size: 15px;
	}
	.upload-btn-wrapper.profilr-page-wrapper h4 {
		font-size: 25px;
	}
	.dashboard-recent-reviews h4 {
		font-size: 17px;
	}
	.dashboard-recent-reviews p {
		font-size: 14px;
	}
	.first-name h5 {
		font-size: 19px;
	}
	.dashboard-profile-detail-bottom-border .first-name h6 {
		font-size: 15px;
	}
	.personal-detail-dashboard h4 {
		font-size: 21px;
	}
	.membership-diamond-heading h4 {
		font-size: 18px;
	}
	ul.list-daimond-wraper-content li h4 {
		font-size: 12px;
	}
	.my-radius-content h3 {
		font-size: 23px;
	}
	.membership-diamond-heading h3 {
		font-size: 20px;
	}
	.main-content-renewel-purchase h4 {
		font-size: 20px;
		font-family: "Gilroy-SemiBold";
		margin: 0;
	}
	.main-btn-renewel-purchase a {
		width: 140px;
		padding: 14px;
		font-size: 13px;
	}
	.pro-img h4 a {
		font-size: 19px;
	}
	.account-sidebar li.nav-item-wrapper a {
		font-size: 19px;
	}
	.my-services .table-wrapper .table thead tr th {
		padding: 20px 15px 20px 14px;
	}
	.my-services .table-wrapper .table tbody tr td {
		font-size: 13px;
	}
	.super-clean-services h4 {
		font-size: 19px;
	}
	.super-clean-services h5 {
		font-size: 17px;
	}
	.super-content-services p {
		font-size: 13px;
	}
	.view-services .syncing-img-slider img {
		width: 100%;
		height: 60px;
		object-fit: fill;
		border: 1px solid #b7b7b7;
		border-radius: 10px;
	}
	.view-blue {
		padding: 6px 15px;
	}
}
@media (min-width: 1000px) and (max-width: 1025px) {
	.pro-img h4 a {
		font-size: 18px;
	}
	.pro-img h4 {
		font-size: 18px;
	}
	.view-complain-chat .complain-id-status h5 {
		margin-top: 4px;
	}
	.view-complain-chat .caleder-time-btn a {
		font-size: 14px;
	}
	.upload-btn-wrapper.profilr-page-wrapper h4 {
		font-size: 20px;
	}
	.chat-application .chat-start .chat-header .user-pic {
		height: 42px;
		width: 52px;
		position: relative;
		margin-bottom: 0;
	}
	.dashboard-past-booking-main-id
		.edit-wrapper-id
		.upload-btn-wrapper.profilr-page-wrapper
		h4 {
		font-size: 28px;
	}
}
@media (max-width: 576px) {
	.list-dashboard {
		margin-top: 20px;
	}
	#dashboard {
		padding: 20px 0px;
	}
	.main-wrapper-mix {
		margin-top: 30px !important;
	}
	.my-radius-content a.btn.hover-wrapper {
		width: 160px;
		margin-top: 10px;
		margin-bottom: 19px;
	}
	.main-btn-renewel-purchase {
		margin-bottom: 20px;
	}
	.withdrew .nav-item .nav-link {
		font-size: 14px;
		padding: 15px 9px;
	}
	.upload-btn-wrapper.profilr-page-wrapper h4 {
		font-size: 19px;
		margin-right: 10px;
	}
	.dashboard-past-booking-main-id
		.edit-wrapper-id
		.upload-btn-wrapper.profilr-page-wrapper
		h4 {
		font-size: 21px;
	}
	.hour-wrapper .inputWithIcon input {
		font-size: 13px !important;
	}
	.btn {
		font-size: 14px;
	}
	.available-balance-total-earning {
		width: 100%;
		padding: 30px 10px;
		flex-direction: column;
	}
	.available-balance-total-earning h4 {
		font-size: 13px;
	}
	.available-balance-total-earning h3 {
		font-size: 20px;
	}
	.total-earning-contents h3 {
		font-size: 24px;
	}
	.total-earning-contents h5 {
		font-size: 20px;
	}
	.total-earning-contents h4 {
		font-size: 17px;
	}
	.dashboard-past-booking-main-id .upload-btn-wrapper.profilr-page-wrapper h4 {
		font-size: 18px;
	}
	.friends-list .single-friends {
		padding: 15px 20px;
	}
	.main-chat {
		max-width: 80%;
	}
	.chat-application
		.chat-start
		.chat-body
		.single-message.recieved-message
		span {
		padding-right: 0px;
	}
	.chat-application .chat-start .chat-header {
		margin-bottom: 19px;
	}
	.slide-cleaning ul li h4 {
		font-size: 12px;
	}
	.carpet-cleaner h5 {
		font-size: 12px;
	}
	.slide-cleaning ul li h5 {
		font-size: 12px;
	}
	section.view-complain.main-sec-dashboard .edit {
		flex-direction: column;
		align-items: start;
		gap: 10px;
	}
	.content-complain-main {
		display: flex;
		align-items: start;
		justify-content: start;
		margin-bottom: 20px;
		flex-direction: column;
	}
	.abc-cleaning-content a.btn {
		font-size: 12px;
	}
	.chat-btn-content h6 {
		font-size: 13px;
	}
	.chat-btn-content h5 {
		font-size: 13px;
	}
	.description-content {
		margin-top: 20px;
	}
	.content-complain-main {
		display: flex;
		align-items: start;
		justify-content: start;
		margin-bottom: 20px;
		flex-direction: column;
	}
	section.view-complain-chat.main-sec-dashboard
		.main-wrapper.view-complain-chat.main-wrapper-mix
		.edit {
		flex-direction: column;
		align-items: start;
	}
	.complain-id-status {
		flex-direction: column;
		align-items: start;
	}
	.complain-id-status {
		flex-direction: column;
		align-items: start !important;
		margin: 20px 0;
	}
	.view-complain-chat .abc-cleaning-id-wrapper {
		display: flex;
		align-items: start;
		justify-content: start;
		margin-top: 10px;
		flex-direction: column;
	}
	.view-complain-chat .abc-cleaning-id-wrapper h6 {
		margin-bottom: 11px;
	}
	.view-complain-chat .main-chat {
		max-width: 80%;
	}
	.view-complain-chat
		.chat-application
		.chat-start
		.chat-body
		.single-message.send-message
		.message {
		max-width: 100%;
	}
	.wrapper-dflex-note {
		flex-direction: column;
		align-items: start !important;
		margin-top: 10px;
		gap: 1px !important;
	}
	.flex-note-main {
		align-items: start !important;
	}
}
li.form-group {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	padding: 20px 20px;
	border-radius: 10px;
	gap: 8px;
	margin: 10px;
	cursor: pointer;
	position: relative;
}
.select-srvice-step ul.checkbox-list li.form-group {
	align-items: baseline;
}
.form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}
.form-group .lable-wrapper {
	position: relative;
	cursor: pointer;
}
.form-group .lable-wrapper:before {
	content: "";
	-webkit-appearance: none;
	border: none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
		inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 13px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	background: #662d91;
	border-radius: 5px;
}
.form-group input[type="checkbox"]:checked + .lable-wrapper:after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 9px;
	width: 8px;
	height: 14px;
	border: solid #fff;
	border-width: 0px 3px 3px 0px;
	transform: rotate(45deg);
}
li.form-group h4 {
	font-size: 18px;
	margin: 0;
	font-family: "Gilroy-SemiBold";
	color: #12001e;
	white-space: nowrap;
}
ul.checkbox-list li.form-group h5 {
	margin-top: 6px;
	font-size: 16px;
}
td.use-w {
	width: 250px;
}
td.number-wrapper1 {
	width: 127px;
}
.map-radius-heading h4 {
	color: #b8b8b8;
	margin-bottom: 20px;
	font-size: 16px;
	font-family: "Gilroy-Light";
}
/* upload */

div#view-complain-help-support .file-uploader__message-area {
	font-size: 18px;
	padding: 0.5em;
	text-align: start;
}
div#view-complain-help-support .file-list {
	background-color: white;
	font-size: 16px;
}

div#view-complain-help-support .file-list__name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div#view-complain-help-support .file-list li {
	/* height: 50px; */
	/* line-height: 50px; */
	/* margin-left: 0.5em; */
	/* border: none; */
	overflow: hidden;
}
div#view-complain-help-support .file-chooser label {
	background: #e9cffc;
	padding: 10px;
	border-radius: 10px;
	cursor: pointer;
}
div#view-complain-help-support .removal-button {
	width: 30px;
	border: none;
	background-color: #27a9e0;
	color: white;
	padding: 0px;
	border-radius: 50px;
}
div#view-complain-help-support .removal-button::before {
	content: "\f00d";
	font-size: 13px;
	font-family: FontAwesome; /* Font family ko apne use kiye font family se replace karein */
}
div#view-complain-help-support .removal-button:focus {
	outline: 0;
}

div#view-complain-help-support .file-chooser {
	padding: 1em;
	transition: background-color 1s, height 1s;
}
div#view-complain-help-support .file-chooser p {
	font-size: 18px;
	padding-top: 1em;
}

div#view-complain-help-support .file-uploader * {
	display: block;
}
div#view-complain-help-support .file-uploader input[type="submit"] {
	margin-top: 2em;
	float: right;
}
div#view-complain-help-support .file-list {
	max-width: 100%;
	display: -webkit-inline-box;
	align-items: center;
	gap: 14px;
	overflow: auto;
	background: transparent;
	margin-top: 13px;
}
div#view-complain-help-support .file-list__name {
	max-width: 100%;
	float: left;
	color: #27aae1;
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
}
div#view-complain-help-support .removal-button {
	display: inline-block;
	height: 100%;
	float: right;
	margin-left: 10px;
	padding: 0px;
	width: 21px;
	height: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 4px;
}
div#view-complain-help-support .file-uploader__message-area {
	display: none;
}
div#view-complain-help-support .file-chooser {
	width: 100%;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	padding: 16px 30px;
}
div#view-complain-help-support .file-chooser h4 {
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
	color: #738288;
	margin: 0;
}
div#view-complain-help-support .file-list li:after,
div#view-complain-help-support .file-uploader:after {
	content: "";
	display: table;
	clear: both;
}
div#view-complain-help-support .texte-form-wrapper textarea {
	background: #fff;
	padding: 10px;
	margin-bottom: 20px;
	resize: none;
	border-radius: 10px;
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
	color: #27aae1;
}
div#view-complain-help-support .texte-form-wrapper textarea::placeholder {
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
	color: #27aae1;
}
div#view-complain-help-support .edit {
	background: #faf3ff;
	margin-top: 0;
	padding: 24px;
	border-bottom: 0;
}
div#view-complain-help-support .row.bg-support {
	padding: 24px;
	background: #f2e3fe;
	margin: 0px;
	border-radius: 20px;
}
div#view-complain-help-support {
	padding: 0 !important;
}
div#view-complain-help-support a.btn.file-uploader__submit-button {
	width: 140px;
}
div#view-complain-help-support .file-list__name {
	max-width: 100%;
	float: left;
	color: #662d91;
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
}
div#view-complain-help-support .removal-button {
	width: 24px;
	border: none;
	background-color: #662d91 !important;
	color: white;
	padding: 0px;
	border-radius: 50px;
	height: 23px;
}
div#view-complain-help-support a.btn.seleted-wrapper.light-sky.selected {
	background-color: #662d91 !important;
	color: #fff;
}
div#view-complain-help-support .file-chooser h4 {
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
	color: #27aae1;
	margin: 0;
}
.form-control.select-service-ons select {
	background: #fff;
	border-radius: 10px;
	height: 50px;
	padding: 10px 16px;
	font-size: 16px;
	color: #b8b8b8;
	font-family: "Gilroy-Light";
	position: relative;
	border: 1px solid #e3e3e3;
}
.form-control.select-service-ons::after {
	content: "\f078";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	font-family: "FontAwesome";
	z-index: 1111;
	color: #707070;
	font-size: 16px;
}
.form-control.select-service-ons {
	position: relative;
}
.form-control.select-service-ons::placeholder {
	font-size: 15px;
	color: #b8b8b8;
	font-family: "Gilroy-Medium";
}
span.un-paid-wr.paid-wrapper {
	color: #e55400;
	background: #fcdacf;
}
a.btn.paid-wrapper:hover {
	color: #fff !important;
}