.account-img-heading h3 {
	font-size: 18px;
	color: #000000;
	font-family: "Gilroy-Medium";
}
.arrow-right {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.account-img-heading h4 {
	font-size: 22px;
	color: #662d91;
	font-family: "Gilroy-Bold";
}
.account-sidebar {
	background: #faf3ff;
	padding: 15px;
}
section.profile-account-wrapper {
	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;
}
.account-sidebar .nav-tabs2 {
	flex-direction: column;
	list-style: unset;
	padding-left: 21px;
	border-bottom: none;
}
section.profile-account-wrapper .nav-tabs .nav-item.show a,
section.profile-account-wrapper .nav-tabs a.active {
	color: #662d91;
	border: none !important;
	background-color: transparent;
}
section.profile-account-wrapper .nav-tabs a {
	font-family: "Gilroy-SemiBold";
	color: #000;
	background-color: transparent;
	border: none;
	padding: 0px 18px !important;
	outline: none !important;
}
section.profile-account-wrapper .nav-tabs a:focus,
section.profile-account-wrapper .nav-tabs a:hover {
	border: none;
	padding: 0px 18px !important;
	outline: none !important;
}
section.profile-account-wrapper: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;
}
li.nav-item-wrapper:last-child {
	border-bottom: none;
}
.drop-tabs {
	display: none;
}
.drop-tabs1 {
	display: none;
}
li.nav-item-wrapper a {
	color: #053c52;
	font-family: "Gilroy-SemiBold";
	font-size: 22px;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.nav-link.active {
	color: #662d91;
}
/* my profile css start */
div#delivery .edit {
	margin-bottom: 0;
}
.change-password {
	display: flex;
	align-items: baseline;
}
.btn-profile1 {
	padding: 10px 37px;
	text-transform: capitalize;
}
.upload-btn-wrapper h4 {
	font-size: 16px;
	text-transform: uppercase;
	font-family: "Gilroy-Medium";
	color: #fff;
}
.first-name h5 {
	color: #000000;
	font-size: 22px;
	font-family: "Gilroy-Medium";
}
.first-name h6 {
	color: #662d91;
	font-size: 23px;
	font-family: "Gilroy-Bold";
	font-style: normal;
}
.password h5 {
	font-style: normal;
	color: #fff;
	font-size: 22px;
	font-family: "Gilroy-SemiBold";
	font-style: normal;
}
.password h6 {
	font-style: normal;
	color: #fff;
	font-size: 15px;
	font-family: "Gilroy-SemiBold";
	font-style: normal;
}
.profile-icon i {
	background: #08a9e6;
	height: 22px;
	width: 22px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #fff;
	border: 1px solid #fff;
}
.profile-icon {
	position: absolute;
	top: 15px;
	right: 52px;
}
.btn-profile i {
	margin-left: 10px;
}
li.nav-item1 {
	position: absolute;
	right: 0;
	top: 2px;
}
li.nav-item1 a .btn {
	border: 1px solid var(--first-color);
	padding: 7px 28px;
	border-radius: 0px;
	color: var(--first-color);
	font-size: 16px;
	font-family: "poppins";
	font-weight: 500;
	width: 130px;
	height: 43px;
}
.edit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 9px;
	border-bottom: 1px solid #bbddeb;
	padding-bottom: 20px;
}
.past-booking-main-wrapper .edit {
	border-bottom: none !important;
}
div#upcoming-booking .edit {
	border-bottom: none !important;
}
.review-icon.visibility {
	visibility: hidden;
}
/*
div#past-booking .table-wrapper .table tbody tr td {
	padding: 19px 4px 19px 31px;
}
div#past-booking .table-wrapper .table thead tr th {
	padding: 19px 4px 19px 31px;
}
div#past-booking {
	padding: 0;
}
div#upcoming-booking {
	padding: 0;
}

div#upcoming-booking .table-wrapper .table tbody tr td {
	padding: 19px 4px 19px 31px;
}
div#upcoming-booking .table-wrapper .table tbody tr th {
	padding: 19px 4px 19px 31px;
} */
.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;
}
h4.showingpage-wrapper {
	font-size: 16px;
}
.upload-btn-wrapper.profilr-page-wrapper h4 {
	color: #053c52;
	font-size: 28px;
	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;
}
.top-wrapper {
	margin-top: 0px;
}
.main-wrapper-mix {
	position: relative;
	background: #f1fbff;
	padding: 20px 40px;
}
.main-wrapper-mix1 {
	padding: 50px 45px 0px 43px;
}
.main-wrapper-mix2 {
	margin: 10px 60px 0px 40px;
	border-top: 1px solid #707070;
}
.main-wrapper-mix-bg {
	position: relative;
	background: #222222;
	padding: 0;
}
.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";
}
div#newpost {
	display: none;
}
/* my profile css end */

/* my address css start */
.remve-img-content {
	position: relative;
}
: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;
}
.review-icon {
	margin-right: 6px;
}
.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));
}
a.btn.edit-address {
	width: 160px;
	border-radius: 12px;
}
@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: 15px;
		outline: none;
		transition: background 0.2s ease-out, border-color 0.2s ease-out;
		width: 15px;
	}
	/* .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: #27aae1;
		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: none;
	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: #e3e3e3;
	background: #fff;
} */
/* .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;
}
.address-plan-details h4 {
	color: #053c52;
	font-family: "Gilroy-SemiBold";
	font-size: 20px;
	margin-bottom: 14px;
}
.edit-delete-icon {
	border-bottom: 1px solid #bbddeb;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.edit-delete-icon i {
	color: #bbddeb;
}
.address-plan-details p {
	color: #053c52;
	font-family: "Gilroy-SemiBold";
	font-size: 14px;
	margin: 5px 0px;
}
.address-plan-details h5 {
	color: #053c52;
	font-family: "Gilroy-SemiBold";
	font-size: 14px;
}
.address-plan-details h6 {
	color: #053c52;
	font-family: "Gilroy-SemiBold";
	font-size: 14px;
	margin: 5px 0px;
}
.main-wrapper-add-address {
	display: none;
}
.main-wrapper-edit-address {
	display: none;
}
/* profile past booking */
.past-booking-main-wrapper .table-wrapper .table thead {
	background: #e2f3f9;
}
.past-booking-main-wrapper .table-wrapper .table thead tr th {
	border-bottom: none;
	border-top: none;
	text-align: center;
	padding: 20px 5px 20px 14px;
	font-size: 17px;
	color: #053c52;
	text-transform: capitalize;
	font-family: "Gilroy-Bold";
	white-space: nowrap;
}
.past-booking-main-wrapper table.table {
	border-collapse: separate;
	border-spacing: 0 14px;
	border-top: 10px;
	border-bottom: 10px;
}
.past-booking-main-wrapper .table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.past-booking-main-wrapper .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;
}
.past-booking-main-wrapper .complete {
	padding: 10px 18px;
	font-size: 12px;
	letter-spacing: 0px;
	margin: 0;
	color: #fff;
	background: #053c52;
	font-family: "Gilroy-Bold";
	border-radius: 10px;
	cursor: pointer;
}
.past-booking-main-wrapper .paid-wrapper {
	background: #e9cffc;
	padding: 10px 20px;
	border-radius: 10px;
	color: #662d91;
	font-family: "Gilroy-Bold";
	font-size: 12px;
}
.past-booking-main-wrapper .rebook.btn {
	padding: 8px 13px;
	text-wrap: nowrap;
	font-size: 14px;
}
.past-booking-main-wrapper .action-wrapper {
	display: flex;
	align-items: center;
	gap: 9px;
}
.past-booking-main-wrapper .past-content-date-time h5 {
	font-size: 15px;
	font-family: "Gilroy-Bold";
	color: #053c52;
	margin-bottom: 3px;
}
.past-booking-main-wrapper .review-icon a {
	background: #c8d5d9;
	padding: 9px;
	border-radius: 5px;
	cursor: pointer;
}
.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;
}
.past-booking-main-wrapper .eye-icon a {
	background: #662d91;
	padding: 9px;
	border-radius: 5px;
	cursor: pointer;
}
.past-booking-main-wrapper .eye-icon a i {
	color: #fff;
}
.past-booking-main-wrapper .main-wrapper-past-booking {
	padding: 20px;
}
.past-booking-main-wrapper .un-paid {
	background: #fcdacf !important;
	color: #e55400 !important;
	text-wrap: nowrap;
}
.past-booking-main-wrapper .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;
}
/* past booking id  */
.past-booking-main-id .edit {
	flex-direction: column !important;
	align-items: normal !important;
}
.id-past-booking-date-time {
	display: flex;
	align-items: center;
	gap: 20px;
}
.id-past-booking-date-time h5 {
	color: #346275;
	font-family: "Gilroy-Bold";
	font-size: 16px;
}
.clear-name-id h4 {
	color: #346275;
	font-family: "Gilroy-Bold";
	font-size: 16px;
	margin: 0;
}
.clear-name-id h4 span a {
	display: inline-block;
	color: #27aae1 !important;
	text-decoration: underline;
	cursor: pointer;
}
.booking-status-content {
	color: #34cb75;
	font-family: "Gilroy-Bold";
	font-size: 14px;
	margin: 0;
}
.payment-status-content {
	color: #662d91;
	font-family: "Gilroy-Bold";
	font-size: 14px;
	margin: 0;
}
.booking-payment-status {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: end;
}
.past-booking-d-t-main-wrapper {
	margin-top: 17px;
}
/* .past-booking-main-id .edit a:hover {
	color: #27aae1 !important;
} */
.past-booking-main-id .table-wrapper .table thead {
	background: #e2f3f9;
}
.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: #053c52;
	text-transform: capitalize;
	font-family: "Gilroy-Bold";
}
.past-booking-main-id table.table {
	border-collapse: separate;
	border-spacing: 0 14px;
	border-top: 10px;
	border-bottom: 10px;
}
.past-booking-main-id .table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.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;
}
span.border-right-id {
	width: 100%;
	height: 1px;
	background: #bbddeb;
	display: block;
}
.edit-wrapper-id .upload-btn-wrapper.profilr-page-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}
.edit-wrapper-id .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;
}
.add-on-details-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.add-on-details-heading h4 {
	color: #053c52;
	font-family: "Gilroy-Bold";
	font-size: 20px;
}
ul.add-on-details-heading-service li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
ul.add-on-details-heading-service li h5 {
	color: #053c52;
	font-family: "Gilroy-Bold";
	font-size: 16px;
}
.border-bottom-service {
	border-bottom: 1px solid #bbddeb;
	padding-bottom: 20px;
}
.paid-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.paid-heading h4 {
	color: #053c52;
	font-family: "Gilroy-Bold";
	font-size: 20px;
}
.address-bg {
	background: #e2f3f9;
	padding: 30px;
	border-radius: 10px;
}
.address-content-service h4 {
	color: #053c52;
	font-family: "Gilroy-SemiBold";
	margin: 0;
	font-size: 20px;
}
.address-content-service h5 {
	color: #053c52;
	font-family: "Gilroy-SemiBold";
	margin: 0;
	font-size: 16px;
}
.address-content-service {
	margin-top: 18px;
}
.star-icon-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
}
.star-icon a {
	background: #bbddeb;
	padding: 8px;
	border-radius: 10px;
}
.star-icon a i {
	color: #053c52;
}
.testimonial-wrapper-id {
	background-color: #ffff;
	padding: 14px 20px;
	height: 209px;
	border-radius: 8px;
}
.testimonial-wrapper-id .rating_star_wrapper .fa {
	color: #fee43e !important;
}
.testimonial-wrapper-id h4 {
	font-family: "Gilroy-Bold";
	margin: 0;
	font-size: 18px;
	color: #053c52 !important;
}
.testimonial-wrapper-id p {
	color: #053c52 !important;
	font-family: "Gilroy-SemiBold" !important;
}
/* modal */
.wrapper-modal .modal-title {
	color: #053c52;
	font-family: "Gilroy-Bold" !important;
	font-size: 26px;
}
.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: #e2f3f9;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	outline: 0;
}
.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);
	}
}
/* re-booking */
/* calender */
#calendar-rebook {
	width: 100%;
	margin: 0px auto;
	border: none;
	padding: 30px;
	background: #fff;
	border-radius: 10px;
}
section.wizard .select-the-service #calendar-rebook select {
	padding: 5px;
	margin: 5px;
	background: #e9cffc;
	border: none;
	border-radius: 5px;
	padding: 10px;
	font-family: "Gilroy-SemiBold";
	font-size: 14px;
	color: #12001e;
}
div#calendar-rebook h3 {
	color: #12001e;
	font-family: "Gilroy-SemiBold";
	font-size: 18px;
}
#calendar-rebook table {
	width: 100%;
	border-collapse: collapse;
}
#calendar-rebook .current-day:before {
	background-color: #053c52;
	color: white;
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 7px;
	border-radius: 100px;
	z-index: -1;
	/* top: 3px; */
}
#calendar-rebook th,
#calendar-rebook td {
	border: none;
	padding: 8px;
	text-align: center;
}
#calendar-rebook th {
	background-color: #f1fbff;
	color: #12001e;
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
	width: 100px;
}

#calendar-rebook td {
	cursor: pointer;
}

#calendar-rebook td:hover {
	background-color: #f2f2f2;
}

#calendar-rebook .current-day {
	color: white;
	position: relative;
	z-index: 1111;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#calendar-rebook .selected-day {
	color: white;
	position: relative;
	z-index: 1111;
}
#calendar-rebook .selected-day:before {
	background-color: #662d91;
	color: white;
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 50%;
	transform: translateX(50%);
	border-radius: 100px;
	z-index: -1;
	top: 5%;
	padding: 15px;
}
/* Custom checkbox styling */
.dbgCont input[type="checkbox"] {
	display: none;
}

.dbgCont label {
	cursor: pointer;
	position: absolute;
	top: 4px;
	right: 0;
}
.dbgOuter {
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: center;
	width: 100%;
}
.dbgCont {
	padding: 26px 7px 20px 8px;
	border: none;
	display: inline-block;
	position: relative;
	border-radius: 11px;
	background: #fff;
	cursor: pointer;
	color: #12001e;
	font-family: "Gilroy-SemiBold";
	font-size: 15px;
	width: 100%;
}
/* Custom arrow icon */
.dbgCont label: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: 10px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	background: #bbddeb;
	border-radius: 35px;
}
.dbgCont input:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 7px;
	width: 7px;
	height: 12px;
	border: solid #27aae1;
	border-width: 0px 3px 3px 0px;
	transform: rotate(45deg);
}
/* Checked mark aspect changes */
.dbgCont input[type="checkbox"]:not(:checked) + label::before {
	content: "";
}

/* Disabled checkbox styling */
.dbgCont input[type="checkbox"]:disabled:checked + label::before,
.dbgCont input[type="checkbox"]:disabled:not(:checked) + label::before {
	color: #999;
}

.dbgCont input[type="checkbox"]:disabled + label {
	color: #aaa;
}

/* Accessibility */
.dbgCont input[type="checkbox"]:checked:focus + label::before,
.dbgCont input[type="checkbox"]:not(:checked):focus + label::before {
	border: 1px dotted blue;
}
.use-wallet-content h4 {
	font-size: 16px;
}
.slect-payment {
	padding: 0px 0px;
}
.personal-details-content h4 {
	color: #053c52;
	font-family: "Gilroy-Bold" !important;
	font-size: 26px;
	margin: 0;
}
#calendar-rebook select {
	padding: 5px;
	margin: 5px;
	background: #f1fbff;
	border: none;
	border-radius: 5px;
	padding: 10px;
	font-family: "Gilroy-SemiBold";
	font-size: 11px;
	color: #12001e;
	width: 89px;
}
.select-the-service {
	background: #e2f3f9;
	border-radius: 10px;
	padding: 20px;
}
.select-the-service h2 {
	text-align: start;
	color: #053c52;
	font-size: 19px;
	margin: 20px 0;
}
/*  */
/* payment */
: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;
}
.main-wrapper-re-booking-payment .grid-wrapper .card {
	background-color: #fff;
	border-radius: var(--card-radius);
	position: relative;
	height: unset !important;
	margin-right: 0 !important;
	border: none;
}
.main-wrapper-re-booking-payment .grid-wrapper .card:hover {
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}

.main-wrapper-re-booking-payment .grid-wrapper .radio {
	font-size: inherit;
	margin: 0;
	position: absolute;
	right: 7px;
	top: 6px;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
	.main-wrapper-re-booking-payment .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);
		visibility: hidden;
	}
	.main-wrapper-re-booking-payment .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;
	}
	/* .main-wrapper-re-booking-payment .grid-wrapper .radio:checked {
		background: #662d91;
		border-color: #fff;
	} */
	.main-wrapper-re-booking-payment .grid-wrapper .card:hover .radio {
		border-color: var(--color-dark-gray);
	}
	.main-wrapper-re-booking-payment .grid-wrapper .card:hover .radio:checked {
		border-color: transparent;
	}
}
.main-wrapper-re-booking-payment .grid-wrapper .plan-details {
	border: transparent;
	border-radius: var(--card-radius);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	padding: 9px;
	transition: border-color 0.2s ease-out;
}
.main-wrapper-re-booking-payment .grid-wrapper .card:hover .plan-details {
	border-color: var(--color-dark-gray);
}

.main-wrapper-re-booking-payment .grid-wrapper .radio:checked ~ .plan-details {
	border: 1px solid #27aae1;
	background: #e2f3f9;
}
.main-wrapper-re-booking-payment
	.grid-wrapper
	.radio:checked
	~ .plan-details
	.card-imgs {
	background-color: #fff !important;
}
.main-wrapper-re-booking-payment .grid-wrapper .radio:focus ~ .plan-details {
	box-shadow: 0 0 0 2px var(--color-dark-gray);
}

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

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

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

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

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

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

.main-wrapper-re-booking-payment .grid-wrapper .slash {
	font-weight: normal;
}

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

.main-wrapper-re-booking-payment .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;
}
.main-wrapper-re-booking-payment .grid-wrapper {
	margin-top: 19px;
}
.main-wrapper-re-booking-payment .card-imgs img {
	width: 100%;
	height: 60px !important;
	object-fit: scale-down;
}
.main-wrapper-re-booking-payment .card-imgs {
	background: #e2f3f9;
	border-radius: 10px;
	width: 80px;
}
.main-wrapper-re-booking-payment .plan-details h4 {
	font-family: "Gilroy-SemiBold";
	font-size: 13px;
	margin-top: 12px;
	color: #12001e;
}
.main-wrapper-re-booking-payment .select-the-service-booking {
	background: #e2f3f9;
	border-radius: 10px;
	padding: 20px;
}
.main-wrapper-re-booking-payment .select-the-service-booking h2 {
	text-align: start;
	color: #12001e;
	font-size: 25px;
	margin: 20px 0;
}
.main-wrapper-re-booking-payment .address-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.main-wrapper-re-booking-payment .address-details {
	background: #fff;
	padding: 16px;
	border-radius: 20px;
}
.main-wrapper-re-booking-payment h3.booking-heading-main {
	font-size: 27px;
	font-family: "Gilroy-Medium";
	color: #12001e;
	margin-bottom: 26px;
}
.main-wrapper-re-booking-payment .address-detail-content h4 {
	font-size: 14px;
	font-family: "Gilroy-Medium";
	color: #12001e;
}
.main-wrapper-re-booking-payment .address-detail-content {
	margin-bottom: 10px;
}
.main-wrapper-re-booking-payment .address-details p {
	font-size: 14px;
}
.main-wrapper-re-booking-payment .total-amount h3 {
	font-size: 25px;
	font-family: "Gilroy-Medium";
	color: #053c52;
}
.main-wrapper-re-booking-payment .total-amount h4 {
	font-size: 25px;
	font-family: "Gilroy-Medium";
	color: #053c52;
}
.main-wrapper-re-booking-payment .booking-content {
	border-top: 1px solid #b5bec9;
	border-bottom: 1px solid #b5bec9;
}
.main-wrapper-re-booking-payment .add-our-service {
	padding-bottom: 20px;
}
.main-wrapper-re-booking-payment .ironiog-wrapper h4 {
	color: #3b314a;
	font-size: 16px;
	font-family: "Gilroy-SemiBold";
}
.main-wrapper-re-booking-payment .booking-price h5 {
	color: #12001e;
	font-size: 15px;
	font-family: "Gilroy-SemiBold";
}
.main-wrapper-re-booking-payment .booking-price h6 {
	color: #50495f;
	font-size: 11px;
	font-family: "Gilroy-Bold";
}
.main-wrapper-re-booking-payment .add-our-service .address-flex h3 {
	color: #12001e;
	font-size: 18px;
	font-family: "Gilroy-SemiBold";
}
.main-wrapper-re-booking-payment .add-our-service .address-flex h4 {
	color: #12001e;
	font-size: 18px;
	font-family: "Gilroy-SemiBold";
}
.main-wrapper-re-booking-payment .our-service-details h5 {
	color: #12001e;
	font-size: 14px;
	font-family: "Gilroy-SemiBold";
}
.main-wrapper-re-booking-payment span.border-d-content {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 0px 6px;
	margin: 0px 5px;
}
.main-wrapper-re-booking-payment .booking-detail {
	margin-top: 15px;
}
.main-wrapper-re-booking-payment .add-date-time-booking-details h4 {
	font-size: 15px;
	margin: 0;
	font-family: "Gilroy-SemiBold";
	color: #12001e;
}
.main-wrapper-re-booking-payment .add-date-time-booking-details h5 {
	font-size: 12px;
	font-family: "Gilroy-SemiBold";
	color: #12001e;
}
.main-wrapper-re-booking-payment .add-date-time-booking-details {
	margin-top: 10px;
	margin-bottom: 30px;
}
.main-wrapper-re-booking-payment .dbgCont {
	padding: 30px 7px 10px 28px;
	border: none;
	display: inline-block;
	position: relative;
	border-radius: 12px;
	background: #fff;
	cursor: pointer;
	color: #12001e;
	font-family: "Gilroy-SemiBold";
	font-size: 15px;
	width: 100%;
	border: 1px solid #e3e3e3;
}
h4.add-doller {
	font-size: 24px;
}
.use-wallet-content.color-wrapper-wallet h4 {
	color: #053c52;
}
h4.add-doller span {
	font-size: 16px !important;
}
.main-wrapper-re-booking-payment .form-control input {
	background: #fff;
	border-radius: 10px;
	height: 50px;
	padding: 10px 16px;
	border: 1px solid #e3e3e3;
}
.main-wrapper-re-booking-payment .select-the-service {
	background: transparent;
	border-radius: 10px;
	padding: 0px;
}
.main-wrapper-re-booking-payment .select-the-service h2 {
	text-align: start;
	color: #053c52;
	font-size: 24px;
	margin: 20px 0;
	font-family: "Gilroy-Bold";
}
.main-wrapper-re-booking-payment .btn {
	width: 200px;
}
/*  */
.main-wrapper-re-booking {
	display: none;
}
.main-wrapper-re-booking-calender {
	display: none;
}
.main-wrapper-re-booking-payment {
	display: none;
}
/*  */
.complete-pa {
	padding: 10px 18px;
	font-size: 12px;
	letter-spacing: 0px;
	margin: 0;
	color: #fff;
	background: #27aae1;
	font-family: "Gilroy-Bold";
	border-radius: 10px;
	cursor: pointer;
}
.verify-job-btn {
	padding: 8px 13px;
	text-wrap: nowrap;
	font-size: 14px;
	background-color: #c8d5d9;
	color: #8ca6af;
}
a.verify-job-btn-dark-blue {
	background-color: #053c52;
	color: #fff;
	padding: 8px 13px;
	text-wrap: nowrap;
	font-size: 14px;
}
.grey-icon a {
	background: #c8d5d9 !important;
	padding: 9px;
	border-radius: 5px;
	cursor: pointer;
}
.grey-icon a i {
	color: #053c52 !important;
}
.review-icon-chat1 a {
	background: #bedbe5;
	padding: 9px;
	border-radius: 5px;
	cursor: pointer;
}
.review-icon-chat1 a i {
	color: #053c52 !important;
}
h5.booking-status-content.orange {
	color: #e55400 !important;
}
/* save cleaner */
.main-wrapper-upcoming-booking-id {
	display: none;
}
section.profile-account-wrapper .card .add-detail h4 {
	margin-top: 10px;
}
a.view-profile-btn.btn {
	width: 130px;
	margin-top: 10px;
}
.delete-btn-slider .delete-icon-trash {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	z-index: 11;
	background: #053c52;
	border-radius: 10px;
	width: 30px;
	height: 33px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px;
	cursor: pointer;
}
.delete-btn-slider .delete-icon-trash i {
	color: #fff;
}
section.save-cleaner li.slick-active {
	background-color: #fff !important;
	transform: scale(1.8);
}
section.save-cleaner ul.slick-dots li {
	background-color: #707070;
	border-radius: 50%;
	width: 10px;
	height: 10px;
}
/* save cleaner */
/* notification */
/* Hide the default checkbox */
section.notification .custom-checkbox input[type="checkbox"] {
	position: absolute;
	opacity: 0;
}

/* Style the custom checkbox container */
section.notification .custom-checkbox {
	position: relative;
	cursor: pointer;
	padding-left: 25px;
	padding: 10px;
}
/* Style the custom checkbox */
section.notification .custom-checkbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #bedbe5;
	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 #27a9e0;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
}
.view-blue {
	background: #bedbe5;
	color: #053c52;
	padding: 6px 20px;
}
/* chat wrapper */
.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: 13px;
	font-size: 9px;
	font-family: var(--primary-medium);
	color: #01323b;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
	padding-right: 18px;
	position: relative;
}

.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-date-time-wrapper.left.color-change-chat h6 {
	color: #766a7f;
}
.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;
}

.variable-col .chat-footer input.form-control::placeholder {
	color: #4c6e71 !important;
	font-size: 18px;
	font-family: "Gilroy-SemiBold";
}
.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: #faf3ff;
	/* 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;
	flex-direction: column;
}

.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;
}
td.use-w {
	width: 250px;
}
td.number-wrapper1 {
	width: 127px;
}
.chat-application .chat-start .chat-footer .check-send-box {
	width: calc(100% - 71px);
	display: flex;
	align-items: center;
	background-color: #fff;
	border-radius: 7px;
}
.wrapper-modal .rating-radio-btn h6 {
	color: #b8b8b8;
	font-family: "Gilroy-Medium";
	font-size: 16px;
}
button.btn.submit-modal-btn-wrapper {
	width: 150px;
}
.edit.border-wrapper-hidden {
	border-bottom: none !important;
}
.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: #faf3ff;
	z-index: 9999;
	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;
}
/* Chat Application */
.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: 0;
	border-radius: 10px;
	max-width: 67%;
}
.add-padding-chat {
	padding: 20px 20px 0px 20px;
}
.add-padding-chat1 {
	padding: 0px 20px 20px 20px;
}
.border-line {
	width: 100%;
	height: 1px;
	background: #325f71;
	margin-bottom: 13px;
}
.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;
}
.expiry-date h6 {
	font-size: 8px;
	color: #fff;
}
.expiry-date h5 {
	font-size: 15px;
	color: #fff;
}
/* wallets */
.total-refund h3 {
	color: #053c52;
	font-size: 25px;
}
.total-refund h4 {
	color: #001f2c;
	font-size: 25px;
	font-family: "Gilroy-Bold";
	margin-top: 10px;
}
section.chat-people.profile-account-wrapper .edit {
	padding-bottom: 0;
}
section.chat-people .main-wrapper-mix {
	padding: 29px 20px;
}
.total-refund h5 {
	color: #053c52;
	font-family: "Gilroy-SemiBold";
	font-size: 21px;
	margin-bottom: 7px;
}
.total-refund span {
	color: #000000;
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
}
.available-balance-wrapper {
	background: #e2f3f9;
	padding: 35px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.main-total-refund-balance {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
/* help-support css */
.complain-id-main {
	background: #d4ebf4;
	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: #662d91;
	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";
}
.view-complain-help-support-wrapper {
	background: #faf3ff;
}
.view-complain-help-support-wrapper {
	padding: 0 !important;
}
.view-complain-help-support-wrapper .edit {
	background: aliceblue;
	margin-top: 0;
	padding: 24px;
	border-bottom: 0;
}
a.btn.light-sky.selected {
	background: #27aae1 !important;
	color: #fff !important;
}
.row.bg-support {
	padding: 24px;
}
.abc-cleaning-content::after {
	content: "";
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: end;
	width: 2px;
	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: #bbddeb;
	color: #053c52;
}
/* upload */

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

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

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

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

.file-uploader * {
	display: block;
}
.file-uploader input[type="submit"] {
	margin-top: 2em;
	float: right;
}
.file-list {
	max-width: 100%;
	display: -webkit-inline-box;
	align-items: center;
	gap: 14px;
	overflow: auto;
	background: transparent;
	margin-top: 13px;
}
.file-list__name {
	max-width: 100%;
	float: left;
	color: #27aae1;
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
}
.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;
}
.file-uploader__message-area {
	display: none;
}
.file-chooser {
	width: 100%;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	padding: 16px 30px;
}
.file-chooser h4 {
	font-family: "Gilroy-SemiBold";
	font-size: 16px;
	color: #738288;
	margin: 0;
}
.file-list li:after,
.file-uploader:after {
	content: "";
	display: table;
	clear: both;
}
.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;
}
.hidden {
	display: none;
}
.hidden input {
	display: none;
}
a.btn.file-uploader__submit-button {
	width: 150px;
}
.error {
	background-color: #27aae1;
	color: white;
}
/*  */
.complain-id-status h5 {
	color: #053c52;
	font-family: "Gilroy-Bold";
	font-size: 16px;
}
.abc-cleaning-id-wrapper h4 {
	color: #12001e;
	font-family: "Gilroy-Bold";
	font-size: 22px;
}
h5.complain-wrapper {
	color: #662d91 !important;
}
.caleder-time-btn a {
	padding: 16px;
	background: #fff;
	border-radius: 10px;
	color: #12001e;
	font-family: "Gilroy-SemiBold";
}
.chat-date-time-wrapper h6 {
	font-family: "Gilroy-Bold";
	font-size: 12px;
	text-align: end;
	color: #11011d;
	white-space: nowrap;
}
.chat-date-time-wrapper.left {
	text-align: start !important;
	display: flex;
	flex-direction: column;
	align-items: start;
}
.chat-date-time-wrapper {
	margin: 0px 10px;
}
.caleder-time-btn a i {
	margin-right: 10px;
}
.complain-id-status {
	margin-top: 8px;
}
.caleder-time-btn {
	display: flex;
	align-items: center;
	gap: 10px;
}
.abc-cleaning-id-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}
.abc-cleaning-id-wrapper a.booking-anchor {
	text-decoration: underline;
	color: #662d91;
	font-family: "Gilroy-Bold";
	font-size: 16px;
}
ul.list-complan {
	margin-top: 37px;
}
ul.list-complan li {
	position: relative; /* Positioning context for the pseudo-element */
}

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 */
}

ul.list-complan li img.img-fluid {
	border: 1px solid #dfdfdf;
	border-radius: 20px;
	width: 100%;
	height: 100%;
	object-fit: fill;
}
li.active::after {
	background-color: transparent !important;
	opacity: 1 !important;
}
.edit.border-wrap-chat-support {
	border-bottom: none !important;
}
.complain-detail-wrapper .chat-application .chat-start .chat-body {
	display: flex;
	flex-direction: column !important;
	gap: 24px;
	height: 313px;
	overflow-y: scroll;
	padding-top: 12px;
}
.complain-detail-wrapper .chat-application .chat-start {
	background-color: #e2f3f9 !important;
	/* padding: 23px 24px 74px; */
}
.complain-detail-wrapper
	.chat-application
	.chat-start
	.chat-header
	.user-pic.active::after {
	display: none;
}
.complain-detail-wrapper figure.user-pic-img img {
	width: 100%;
	height: 50px;
	object-fit: scale-down;
}
.complain-detail-wrapper .chat-application .chat-start .chat-header {
	display: flex;
	align-items: center !important;
	margin-bottom: 15px;
}
figure.user-pic-img {
	background: #27aae1;
	margin-bottom: 0;
	border-radius: 100%;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.complain-detail-wrapper
	.chat-application
	.chat-start
	.chat-body
	.day-chenge
	.showday {
	background-color: #e2f3f9 !important;
}
.complain-detail-wrapper .chat-application .chat-start {
	background: #f6f6f6;
	padding: 42px 24px 54px;
	border-radius: 20px;
	position: relative;
}
.complain-detail-wrapper .main-chat {
	background: #053c52;
	padding: 20px;
	border-radius: 10px;
	max-width: 50%;
}
.complain-detail-wrapper
	.chat-application
	.chat-start
	.chat-body
	.single-message.send-message
	.message {
	display: flex;
	flex-direction: row;
	align-items: end;
	gap: 9px;
	max-width: 50%;
}
.support-chat-wrapper .chat-application .chat-start {
	background: #f6f6f6;
	padding: 42px 24px 114px;
	border-radius: 20px;
	position: relative;
}
.view-complain-help-support-wrapper {
	display: none;
}
.complain-detail-wrapper {
	display: none;
}
.support-chat-wrapper {
	display: none;
}
.support-chat-wrapper .chat-application .chat-start .chat-body {
	display: flex;
	flex-direction: column !important;
	gap: 24px;
	height: 368px;
	overflow-y: scroll;
	padding-top: 12px;
}
.support-chat-wrapper .chat-application .chat-start {
	background-color: #e2f3f9 !important;
	/* padding: 23px 24px 74px; */
}
.support-chat-wrapper
	.chat-application
	.chat-start
	.chat-header
	.user-pic.active::after {
	display: none;
}
.support-chat-wrapper figure.user-pic-img img {
	width: 100%;
	height: 50px;
	object-fit: scale-down;
}
.support-chat-wrapper .chat-application .chat-start .chat-header {
	display: flex;
	align-items: center !important;
	margin-bottom: 20px;
}
figure.user-pic-img {
	background: #27aae1;
	margin-bottom: 0;
	border-radius: 100%;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.support-chat-wrapper
	.chat-application
	.chat-start
	.chat-body
	.day-chenge
	.showday {
	background-color: #e2f3f9 !important;
}
.support-chat-wrapper .main-chat {
	background: #053c52;
	padding: 20px;
	border-radius: 10px;
	max-width: 50%;
}
.support-chat-wrapper
	.chat-application
	.chat-start
	.chat-body
	.single-message.send-message
	.message {
	display: flex;
	flex-direction: row;
	align-items: end;
	gap: 9px;
	max-width: 50%;
}
.support-chat-wrapper .chat-application .chat-start {
	background: #f6f6f6;
	padding: 42px 24px 80px;
	border-radius: 20px;
	position: relative;
}
.bottomborder a.btn.hover-wrapper {
	width: 120px;
}
a#change-pic {
	width: 110px;
}
a.btn.add-address {
	width: 140px;
}
a.btn.password-address {
	width: 150px;
}
.our-service-details h6 {
	font-size: 14px;
}
.main-wrapper-re-booking-calender a.btn.payment-proceed {
	width: 183px;
	padding: 10px;
	font-size: 16px;
}
section.save-cleaner.profile-account-wrapper .card {
	border: none;
	border-radius: 10px;
	margin-right: 0px !important;
	height: unset !important;
}
section.save-cleaner.profile-account-wrapper .add-detail {
	padding: 7px;
}
section.save-cleaner.profile-account-wrapper .card img {
	width: 100% !important;
	height: 210px !important;
	object-fit: fill;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.available-balance-wrapper h4 {
	width: 110px;
	color: #053c52;
	font-family: "Gilroy-Bold";
	font-size: 18px;
	margin: 0;
}
.available-balance-wrapper h3 {
	color: #053c52;
	font-family: "Gilroy-Bold";
	font-size: 30px;
}
.our-service-details {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 10px 0;
}
.our-service-details h5 {
	color: #12001e;
	font-size: 16px;
	font-family: "Gilroy-SemiBold";
}
@media (max-width: 1367px) {
	.past-booking-main-id .upload-btn-wrapper.profilr-page-wrapper h4 {
		font-size: 23px;
	}
	.main-wrapper-re-booking-payment .plan-details h4 {
		font-size: 11px !important;
	}
	.friends-list .single-friends .about-user .username-date span.username {
		font-size: 15px;
	}
	section.chat-people .main-wrapper-mix {
		padding: 29px 10px;
	}
	.dbgOuter {
		gap: 6px;
	}
	.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: 13px;
		font-family: "Gilroy-SemiBold";
	}
	.friends-list .single-friends {
		gap: 9px;
		padding: 24px;
	}
	.available-balance-wrapper h3 {
		font-size: 25px;
	}
	.available-balance-wrapper h4 {
		font-size: 22px;
	}
	.total-refund h4 {
		font-size: 20px;
	}
	.total-refund h3 {
		color: #053c52;
		font-size: 22px;
		margin-bottom: 9px;
	}
	.friends-list .single-friends figure img {
		width: 100%;
		height: 46px;
		object-fit: scale-down;
		border-radius: 50%;
	}
	.dbgCont {
		font-size: 12px;
	}
	.dbgCont label:before {
		padding: 10px;
	}
	/* #calendar-rebook .current-day:before {
		right: 8px;
	} */
	.dbgCont input:checked + label:after {
		content: "";
		display: block;
		position: absolute;
		top: 3px;
		left: 7px;
		width: 7px;
		height: 12px;
		border: solid #27aae1;
		border-width: 0px 3px 3px 0px;
		transform: rotate(45deg);
	}
	div#calendar-rebook h3 {
		color: #12001e;
		font-family: "Gilroy-SemiBold";
		font-size: 14px;
	}
	#calendar-rebook {
		padding: 10px;
	}
	.main-wrapper-re-booking-calender a.btn.payment-proceed {
		width: 183px;
		padding: 10px;
		font-size: 14px;
	}
	.testimonial-wrapper-id h4 {
		font-size: 13px;
	}
	.personal-details-content h4 {
		font-size: 21px;
	}
	.testimonial-wrapper-id p {
		font-size: 13px;
	}
	.star-icon-wrapper {
		gap: 5px;
	}
	.past-booking-main-id .btn {
		padding: 13px 25px;
		font-size: 14px;
	}
	.id-past-booking-date-time h5 {
		font-size: 12px;
		white-space: nowrap;
	}
	.clear-name-id h4 {
		font-size: 13px;
	}
	.booking-status-content {
		font-size: 12px;
	}
	.payment-status-content {
		font-size: 12px;
	}
	.address-content-service h4 {
		font-size: 17px;
	}
	.address-content-service h5 {
		font-size: 14px;
	}
	.past-booking-main-wrapper .table-wrapper .table thead tr th {
		padding: 19px 4px 19px 31px;
		font-size: 17px;
	}
	.past-booking-main-wrapper .table-wrapper .table tbody tr td {
		font-size: 15px;
	}
	.main-wrapper-mix {
		padding: 20px 20px;
	}
	.first-name h6 {
		font-size: 15px;
	}
	.first-name h5 {
		font-size: 18px;
		margin-bottom: 5px;
	}
	.account-img-heading h3 {
		font-size: 18px;
	}
	.account-img-heading h4 {
		font-size: 21px;
	}
	.pro-img h4 {
		font-size: 19px;
	}
	li.nav-item-wrapper a {
		font-size: 19px;
	}
	.caleder-time-btn a {
		font-size: 14px;
		white-space: nowrap;
	}
	.complain-id-status h5 {
		font-size: 13px;
	}
	.main-wrapper-re-booking-payment .card-imgs {
		width: 61px;
	}
}
@media (max-width: 991px) {
	.chat-application .messages-list-area {
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 99999;
		transform: translateX(-102%);
	}

	.chat-application .messages-list-area.active {
		transform: unset;
	}
}
@media (min-width: 1000px) and (max-width: 1025px) {
	.pro-img h4 {
		font-size: 18px;
	}
	li.nav-item-wrapper a {
		font-size: 18px;
	}
	.upload-btn-wrapper.profilr-page-wrapper h4 {
		font-size: 30px;
	}
}
@media (max-width: 576px) {
	.upload-btn-wrapper.profilr-page-wrapper h4 {
		font-size: 26px;
	}
	.abc-cleaning-content::after {
		display: none;
	}
	section.save-cleaner.profile-account-wrapper .card {
		height: unset;
	}
	.chat-application .messages-list-area {
		position: unset;
		left: 0px;
		top: 0px;
		z-index: 99999;
		transform: none;
	}
	.main-wrapper-mix {
		margin-top: 30px !important;
	}
	.friends-list .single-friends {
		gap: 9px;
		padding: 19px 24px;
	}
	.carpet-cleaner h5 {
		font-size: 12px;
	}
	.add-on-service h5 {
		font-size: 14px;
	}
	.slide-cleaning ul li h4 {
		font-size: 12px;
	}
	.main-total-refund-balance {
		display: flex;
		align-items: start;
		justify-content: space-between;
		margin-top: 20px;
		flex-direction: column;
		gap: 20px;
	}
	.available-balance-wrapper h4 {
		font-size: 20px;
	}
	.available-balance-wrapper h3 {
		font-size: 21px;
	}
	.content-complain-main {
		display: flex;
		align-items: start;
		justify-content: space-between;
		margin-bottom: 20px;
		flex-direction: column;
	}
	.abc-cleaning-content a.btn {
		font-size: 12px;
		padding: 9px 0px;
		width: 100%;
	}
	.chat-btn-content h5 {
		font-family: "Gilroy-SemiBold";
		font-size: 14px;
		color: #fff;
	}
	.chat-btn-content h6 {
		font-family: "Gilroy-Medium";
		font-size: 14px;
		color: #fff;
	}
	.description-content {
		margin-top: 20px;
	}
	.support-chat-wrapper .main-chat {
		max-width: 80%;
	}
	.support-chat-wrapper
		.chat-application
		.chat-start
		.chat-body
		.single-message.send-message
		.message {
		display: flex;
		flex-direction: row;
		align-items: end;
		gap: 4px;
		max-width: 100%;
	}
	.main-chat {
		max-width: 80%;
	}
	.slide-cleaning ul li h5 {
		font-size: 12px;
	}
	div#password-address {
		margin-top: 30px;
	}
	.content-upload-wrapper h4 {
		margin-right: 10px;
	}
	.grid-wrapper .card {
		margin-bottom: 30px;
	}
	ul.list-complan li {
		position: relative;
		margin-bottom: 10px;
	}
	.main-wrapper.complain-detail-wrapper.main-wrapper-mix .edit {
		display: flex;
		align-items: start;
		justify-content: start;
		margin-top: 9px;
		border-bottom: 1px solid #bbddeb;
		padding-bottom: 20px;
		flex-direction: column;
	}
	.caleder-time-btn a {
		padding: 14px;
	}
	.wrapper-id-flex-set {
		flex-direction: column !important;
		align-items: start !important;
		gap: 10px;
	}
	.id-past-booking-date-time {
		display: flex;
		align-items: start;
		gap: 10px;
		flex-direction: column;
	}
	.past-booking-main-id .upload-btn-wrapper.profilr-page-wrapper h4 {
		font-size: 21px;
	}
	.booking-payment-status {
		display: flex;
		align-items: start;
		gap: 10px;
		justify-content: start;
		margin-top: 8px;
	}
	.select-the-service {
		background: #e2f3f9;
		border-radius: 10px;
		padding: 8px;
		margin-top: 20px;
	}
	#calendar-rebook th {
		font-size: 14px;
	}
	.complain-detail-wrapper .main-chat {
		max-width: 70%;
	}
	.complain-id-status h5 {
		font-size: 12px;
	}
}