@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Piazzolla:ital,opsz,wght@0,8..30,100..900;1,8..30,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
	--red-color: #FE0000;
	--green-color: #22941D;
	--black-color: #000000;
	--delete-color: #0B0A0A;
	--Color4: #455A64;
	--redshadow: #D0B9B9FC;
	--Button-border: #455A64;
	--buttonredcolor: #FE0000;
	--greencolornew: #00C853;
	--bluruppereffect: #B5AFAF80;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: "Roboto", sans-serif !important;
	text-transform: capitalize;
}

/* 06-02-2025 */

/* 06-02-2025 */



.addproperty,
button,
a {
	cursor: pointer;
}

.custom-checkbox-design {
	position: relative;
	min-height: 1.5rem;
	border-radius: 6px;
	color: #455A64;
	border: 1px solid #000000;
	padding: 10px 10px;
}

#dropdownContent.dropdown-content.show {
	height: 250px;
	overflow-y: scroll;
	overflow-x: hidden;
}

input[type="checkbox"] {
	accent-color: green;
}

.form-select-custum.left_icon_selectdetals option:hover {
	color: var(--redshadow);
}

.tabs-menu1.tab-container.justify-content-start.mobile_design_arrow.iconnone.tab_design_content.inmobile_scroll {
	width: 100%;
}

option:hover {
	background-color: var(--green-color);
}

select option:hover {
	background-color: var(--green-color);
}

.heading_design_rewards {
	box-shadow: 0px 0px 12px 0px #C3C0C080;
	background: var(--Color, #FFFFFF);
	padding: 30px;
	border-radius: 8px;
	margin-bottom: 14px;

}

select.form-control {
	font-size: 12px;
}

select.custom-select,
select.form-control,
input.form-control {
	font-size: 12px;
}

.plan-features li.plan-feature {
	display: flex;
}

.margin-10 {
	margin: 10px 0px;
}

.item1-links a .icon1 {
	font-family: Piazzolla;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.myrewardsheading {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-bottom: 0px;
}

.coinnumber {
	font-family: Piazzolla;
	font-size: 24px;
	font-weight: 700;
	line-height: 22px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.addrewardsdesign {
	border-radius: 8px;
	color: #fff;
	background: var(--buttonredcolor);
	padding: 10px 20px;
}

.myrewardsdesign h3 {
	font-family: Roboto;
	font-size: 20px;
	font-weight: 700;
	line-height: 23.44px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.myrewardsdesign p {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 500;
	line-height: 18.75px;
	text-align: left;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: var(--green-color)
}

.headingdetails {
	width: 800px;
	height: 112px;
	border-radius: 12px;
	justify-content: center;
	display: flex;
	align-items: center;
	background: var(--f9-white, #F9F9F9);
	box-shadow: 0px 0px 24px 0px #C3C0C080;

}

.qrcode_design {
	width: 350px;
	/* height:322px; */
	margin: 20px auto;
	box-shadow: 0px 0px 24px 0px #C3C0C080;
	background: var(--f9-white, #F9F9F9);

}

.qrcode_design .qrcodeweb img {
	width: 100%;
	height: 100%;
}

.headingdetails h3 {
	font-family: Piazzolla;
	font-size: 20px;
	font-weight: 600;
	line-height: 22px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #000;
}

.property {
	width: 350px;
	margin: auto;
}

.property p {
	font-family: Piazzolla;
	font-size: 24px;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #484747;
}

.tabactiveclassnew>* {
	/* background: var(--green-color); */
	background: #87D683;
	color: #fff;
}

.tabactiveclassnew .sectionroom .category .categorydetails {
	color: #000;
}

/* custum css bootrap  */
/* addhar card desig  */
.wideget-user-tab.wideget-user-tab3 .tab_design_content ul li a {
	display: block;
	width: auto;
	height: 50px;
	border-radius: 8px;
	border-radius: 5px 5px;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
	font-family: Piazzolla;
	font-size: 20px;
	font-weight: 500;
	line-height: 34.08px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.sectionroom.roomandpgdesigntab {
	height: 150px;
}

.image_profile_aadhar {
	height: 90px;
	width: 90px;
	margin: auto;
}

.image_profile_aadhar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.addharcard_name {
	font-family: Piazzolla;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.Cardnumber label {
	font-family: Piazzolla;
	font-size: 20px;
	font-weight: 500;
	line-height: 18px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #000000;
}

.Cardnumber span {
	font-family: Piazzolla;
	font-size: 20px;
	font-weight: 700;
	line-height: 18px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #000000;
}

.aadhar-item label {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-bottom: 0px;
}

.aadharcarddesign {
	max-width: 524px;
	width: 100%;
	max-height: 668px;
	height: 100%;
	box-shadow: 0px 0px 24px 0px #C3C0C080;
	border-radius: 12px;
	margin: auto;
}

.aadhar-item span {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.aadhar-label {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #000;
}

.aadhar-value {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.closebtndesign {
	width: 28px;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 0px 8px 0px #BBB8B89E;
	background: var(--text-back-box, #F6F3F3);
	border-radius: 50%;

}

.margin-bottom-100 {
	margin-bottom: 100px;
}

.aadhar-detail {
	width: 70%;
	margin: auto;
}

.termsuse {
	margin: 10px 0px
}

.termsuse .bi {
	color: var(--green-color);
}

.addressdesign_design {
	max-height: 98px !important;
	height: 100%;
	width: 100%;
	border: 1px solid #C5C0C0 !important;
	border-radius: 8px;
	padding: 10px;
	resize: none;
}

.termsuse span {
	font-family: Piazzolla;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #000;
	margin: 5px 0px;
}

/* addhar card desig  */
.aadharcardverification {}

/* aadhar card otp button  */
/* Modal Styling */
.custom-modal {
	position: absolute;
	z-index: 1;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #F9F9F9;
	padding: 55px
}



.custom-modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.custom-modal-header h2 {
	margin: 0;
}

.close-btn {
	font-size: 30px;
	color: #aaa;
	cursor: pointer;
}

.close-btn:hover,
.close-btn:focus {
	color: black;
	text-decoration: none;
}

.custom-modal-body {
	margin-top: 20px;
}

.form-group {
	margin-bottom: 15px;
}

.form-group label {
	display: block;
	font-weight: bold;
}


.form-group.height_48 input {
	padding: 8px;
	margin-top: 5px;
	border-radius: 4px;
	width: auto;
	border: none;
}

.col-sm-12.col-12.col-md-4 .height_48 .custom-checkbox {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-family: Arial, sans-serif;
	margin: 0px 0px
}

.time-slots {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.form-group input {
	width: 100%;
	padding: 8px;
	margin-top: 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.form-group .error {
	color: red;
	font-size: 12px;
}

.form-actions {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.form-actions button {
	padding: 10px 20px;
	border: none;
	background-color: #4CAF50;
	color: white;
	cursor: pointer;
	border-radius: 5px;
}

.form-actions button:hover {
	background-color: #45a049;
}

/* Cancel Button Style */
.form-actions button:nth-child(2) {
	background-color: #f44336;
}

.form-actions button:nth-child(2):hover {
	background-color: #e53935;
}

/* aadhar card otp button  */
/* Margin utilities */
a,
button {
	cursor: pointer;
}

.width_facilities {
	width: 50%;
	margin: 20px 0px 0px;
	font-weight: bold;
}

.privacypolicy .text_capitalize span,
.privacypolicy .text_capitalize {
	text-transform: lowercase !important;
}

.m-1 {
	margin: 5px;
}

.display_none.box-shadow-new {
	display: none;
}

.m-2 {
	margin: 10px;
}

.m-3 {
	margin: 15px;
}

.m-4 {
	margin: 20px;
}

.m-5 {
	margin: 25px;
}

/* Padding utilities */
.p-1 {
	padding: 5px;
}

.p-2 {
	padding: 10px;
}

.p-3 {
	padding: 15px;
}

.p-4 {
	padding: 20px;
}

.p-5 {
	padding: 25px;
}

/* Gap utilities (useful for flexbox or grid layout) */
.gap-1 {
	gap: 5px;
}

.gap-2 {
	gap: 10px;
}

.gap-3 {
	gap: 15px;
}

.gap-4 {
	gap: 20px;
}

.gap-5 {
	gap: 25px;
}

/* Margin top, bottom, left, right */
.mt-1 {
	margin-top: 5px;
}

.mt-2 {
	margin-top: 10px;
}

.mt-3 {
	margin-top: 15px;
}

.mt-4 {
	margin-top: 20px;
}

.mt-5 {
	margin-top: 25px;
}

.mb-1 {
	margin-bottom: 5px;
}

.mb-2 {
	margin-bottom: 10px;
}

.mb-3 {
	margin-bottom: 15px;
}

.mb-4 {
	margin-bottom: 20px;
}

.mb-5 {
	margin-bottom: 25px;
}

.ml-1 {
	margin-left: 5px;
}

.ml-2 {
	margin-left: 10px;
}

.ml-3 {
	margin-left: 15px;
}

.ml-4 {
	margin-left: 20px;
}

.ml-5 {
	margin-left: 25px;
}

.mr-1 {
	margin-right: 5px;
}

.mr-2 {
	margin-right: 10px;
}

.mr-3 {
	margin-right: 15px;
}

.mr-4 {
	margin-right: 20px;
}

.mr-5 {
	margin-right: 25px;
}

/* Padding top, bottom, left, right */
.pt-1 {
	padding-top: 5px;
}

.pt-2 {
	padding-top: 10px;
}

.pt-3 {
	padding-top: 15px;
}

.pt-4 {
	padding-top: 20px;
}

.pt-5 {
	padding-top: 25px;
}

.pb-1 {
	padding-bottom: 5px;
}

.pb-2 {
	padding-bottom: 10px;
}

.pb-3 {
	padding-bottom: 15px;
}

.pb-4 {
	padding-bottom: 20px;
}

.pb-5 {
	padding-bottom: 25px;
}

.pl-1 {
	padding-left: 5px;
}

.pl-2 {
	padding-left: 10px;
}

.pl-3 {
	padding-left: 15px;
}

.pl-4 {
	padding-left: 20px;
}

.pl-5 {
	padding-left: 25px;
}

.pr-1 {
	padding-right: 5px;
}

.pr-2 {
	padding-right: 10px;
}

.pr-3 {
	padding-right: 15px;
}

.pr-4 {
	padding-right: 20px;
}

.pr-5 {
	padding-right: 25px;
}

.margin_25 {
	margin: 25px 0px;
}

.fillterbgcolor {
	background: #fff;
	border-radius: 25px;
}

.headingcustumer {
	background: #fff;
	padding: 11px;
	border-radius: 12px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 24px 0px #C3C0C080;
	height: 53px;
}

/* tabs design  */
.custum_p_0 .tabs .tab-button.active {
	background-color: #455A64;
	color: #fff;
	border-radius: 5px;
}

.custum_p_0 .tab-container {
	position: relative;
	display: inline-block;
	gap: 70px;
	margin-bottom: 10px;
	justify-content: center;
}

.tab-container {
	position: relative;
	display: flex;
	gap: 105px;
	margin-bottom: 10px;
	justify-content: start;
	width: 68%;
	margin: auto;
}

.tab-button {
	padding: 4px 20px;
	font-size: 16px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.tab-button.active {
	background-color: transparent;
	color: #fff;
}

.tab-container.second .tab-background {
	background-color: cyan;
}

.tab-background {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #22941d;
	transition: width 0.3s, left 0.3s;
	border-radius: 20px;
}

.fillterbgcolor .form-select-custum:nth-child(1) {
	border-top-left-radius: 100%;
	border-bottom-left-radius: 100%;
}

.fillterheaddetsilspage .form_select_designnew:nth-child(1) {
	border-top-left-radius: 24px;
	border-bottom-left-radius: 24px;
}

/* booked room  */
.booked_room {
	position: relative;
	user-select: none;
}

/* .booked_room:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ffffffb0;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 10;
	border-radius: 12px;
} */

.bookedbtn {
	width: 160px;
	height: 48px;
	border-radius: 12px;
	border: 1px solid #000000;
	background: #F9F9F9;
	position: absolute;
	top: 50%;
	z-index: 9;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 50%;
	transform: translate(-50%, -50%);
	user-select: none;
}

.bookedbtn button {
	user-select: none;
	font-family: Piazzolla;
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	outline: none;
	border: none;
	color: #FE0000;
	background: transparent
}

/* booked room  */
/* googe iamge  */
.image-container {
	position: relative;
	overflow: hidden;
	/* Ensures the image stays within bounds */
	width: 100%;
	max-width: 600px;
	margin: auto;
	border: 1px solid #ddd;
}

#zoomable-image {
	width: 100%;
	/* Default to 100% width */
	transition: transform 0.3s ease, width 0.3s ease;
	transform-origin: center center;
}

.zoom-controls {
	text-align: center;
	position: absolute;
	top: 0px;
	right: 0px;
	display: flex;
	flex-direction: column;
	bottom: 0px;
}

.zoom-controls button {
	padding: 0px;
	margin: 5px;
	font-size: 16px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	border: none;
	outline: none;
	border-radius: 5px;
	background: #fff;
}

/* googe iamge  */
.Subscribenews {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	line-height: 16.41px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #fff;
}

.footerheading {
	text-decoration: underline !important;
}

.rahavasdekhotext {
	font-family: Roboto;
	font-size: 10px;
	font-weight: 400;
	line-height: 11.72px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #F1F6F9;
	margin: 9px 0px;
	display: block;

}

.mb-custum {
	margin-bottom: 20px;
}

.footer_enquiry img {
	width: 14px;
	height: 14px;
}

.tab-content {
	margin-top: 20px;
	margin-bottom: 0px;
}

.ta-tab-item {
	display: none;
}

.ta-tab-item.active {
	display: block;
}

/* tabs design  */

/* room details page  */
.roomslider {
	height: 333px;
}

.headerdetailspage {
	padding: 15px 0px;
}

.headerdetailspage .container .d-flex h5 {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 500;
	line-height: 22.72px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-bottom: 0px;
	color: #484747;

}

.headerdetailspage .container .d-flex h4 span {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 400;
	line-height: 22.72px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #181818;

}

.headerdetailspage .container .d-flex h4 {
	font-family: Piazzolla;
	font-size: 24px;
	font-weight: 600;
	line-height: 34.08px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

	margin-bottom: 0px;
	color: #181818;

}

.headerdetailspage .container .d-flex h3 {
	font-family: Piazzolla;
	font-size: 24px;
	font-weight: 500;
	line-height: 34.08px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #22941D;

}

/* room details page  */


.submitbutton {
	padding: 10px 30px;
	border-radius: 8px;
	border: 0px;
	outline: none;
	color: #fff;
	font-size: 14px;
}

/* near by design  */
.sectionnearby {
	margin: 30px 0px 30px;
}

.sectionnearby .nearbydesign .nearby {
	font-family: Piazzolla;
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #22941D;
	background: transparent;
	box-shadow: none;
}

.roomdetailspagesdesign {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 600;
	line-height: 17px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-bottom: 0px;
	color: #484747;
}

.product-slider .detailsroomitem {
	background-color: #F8F8F8;
	box-shadow: 0px 2px 2px 0px var(--belowblureffect);
	width: 100%;
	height: 61px;
	border-radius: 12px 12px;
	padding: 0px 20px;
}

.areadesign {
	font-family: Piazzolla;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-right: 10px;

}

.wideget-user-tab {
	margin-top: 20px;
}

.box_shaodw_height {
	box-shadow: 0px 2px 1px 0px #455A6480;
	width: 100%;
	height: 10px;
	border: 1px solid #CCC9C9;
	margin: 10px 0px
}

.destinatioseection {
	flex-wrap: wrap;
}

.destinationde .d-flex h3 {
	font-family: Piazzolla;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-bottom: 0px;
	width: 46%;
}

.destinationde .d-flex p {
	font-family: Piazzolla;
	font-size: 16px;
	width: 54%;
	margin-bottom: 0px;
	font-weight: 600;
	line-height: 17px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.Description {
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: Piazzolla;
	font-size: 24px;
	font-weight: 600;
	line-height: 17px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.margin-top-bottom {
	margin: 50px 0px;
}

.contentdesign p {
	font-family: Piazzolla;
	font-size: 14px;
	font-weight: 500;
	line-height: 28px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.destinationde {
	width: 49%;
	text-align: left;
	margin: 16px 0px 0px;
}

.areafeet {
	font-family: Piazzolla;
	font-size: 20px;
	font-weight: 500;
	line-height: 17px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.sectionnearby .nearbydesign li {
	font-family: Piazzolla;
	font-size: 13px;
	font-weight: 600;
	line-height: 17px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #484747;
	background: #F8F8F8;
	width: 155px;
	height: 34px;
	border-radius: 8px;
	display: flex;
	box-shadow: 3px 0px 5px 0px var(--bluruppereffect),
		-3px 0px 5px 0px var(--bluruppereffect);
	align-items: center;
	justify-content: center;
}

/* near by design  */
/* testimonials  */
#testimonial-slider .owl-nav {
	position: absolute;
	top: -57px;
	right: 0px;
	width: 40px;
	height: 40px;
}

#testimonial-slider .owl-nav .owl-prev {
	position: absolute;
	top: 0%;
	left: -55px;
	width: 40px;
	height: 40px;
}

#testimonial-slider .owl-nav .owl-next {
	position: absolute;
	top: 0%;
	left: -8px;
	width: 40px;
	height: 40px;
}

.testimonial {
	margin: 0 10px 0px;
	background: #f1f6f9;
	border-radius: 5px;
	padding: 10px 0px 30px;
	width: 100%;
}

.testimonial .testimonial-content {
	padding: 20px 16px 20px 5px;
	margin-bottom: 0px;
	background: #f1f6f9;
	margin: 0px;
	background: #f1f6f9;
	border-radius: 5px;
	position: relative;
}

/* .testimonial .testimonial-content:before{
	content: "";
	position: absolute;
	bottom: -30px;
	left: 0;
	border-top: 15px solid #718076;
	border-left: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
.testimonial .testimonial-content:after{
	content: "";
	position: absolute;
	bottom: -30px;
	right: 0;
	border-top: 15px solid #718076;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
} */
.imagetestimonials {
	position: absolute;
	left: -13px;
	width: 120px;
	border-radius: 15px;
	overflow: hidden;
	top: 0px;
	height: 120px;
	background: #fff;
}

.imagetestimonials img {
	display: block;
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.testimonial-content .testimonial-icon {
	width: 50px;
	height: 45px;
	background: #0CCA4A;
	text-align: center;
	font-size: 22px;
	color: #fff;
	line-height: 42px;
	position: absolute;
	top: 37px;
	left: -19px;
}

.testimonial-content .testimonial-icon:before {
	content: "";
	border-bottom: 16px solid #05A739;
	border-left: 18px solid transparent;
	position: absolute;
	top: -16px;
	left: 1px;
}

.nameanddstar {
	padding: 0px 15px;
}

.testimonial .description {
	font-size: 15px;
	font-style: italic;
	color: #8a8a8a;
	line-height: 23px;
	margin: 0;
	height: 100px;
	padding-left: 115px;
}

.testimonial .title {
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: #525252;
	text-transform: capitalize;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
}

.testimonial .post {
	display: block;
	font-size: 14px;
	color: #0CCA4A;
}

.owl-theme .owl-controls {
	margin-top: 20px;
}

.owl-theme .owl-controls .owl-page span {
	background: #ccc;
	opacity: 1;
	transition: all 0.4s ease 0s;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #0CCA4A;
}

/* testimonials  */
/* home page design  */
.design_location {
	display: flex;
	align-items: end;
}

.imagepartner {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0px -2px 0px 0px var(--bluruppereffect), 0px 2px 2px 0px var(--belowblureffect);
	height: 220px;
	width: 100%;
}

.location_design_new {
	/* position: relative;
	top: -132px;
	z-index: -1; */
	margin-top: -100px;
}

.addproperty {
	width: 250px;
	height: 48px;
	border-radius: 8px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 700;
	line-height: 18.75px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	background: #22941D;
	box-shadow: 4px 4px 4px 0px #324032;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;

}

.margin-top-50 {
	margin-top: 50px;
}

.addproperty h3 {
	margin-bottom: 0px;
}

.imagepartner img {
	border-radius: 8px;
	overflow: hidden;
	object-fit: contain;
	object-position: center;
	height: 100%;
	box-shadow: 0px -2px 0px 0px var(--bluruppereffect), 0px 2px 2px 0px var(--belowblureffect);
}

.partnerbutton a {
	width: 109.33px;
	height: 29.16px;
	border-radius: 10px;
	background: var(--red-color);
	color: #fff;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;

}

.processbookingnew {
	position: relative;
}

.col-md-3.col-3.processbookingnew::before {
	content: "";
	width: 120px;
	background-image: url(../../assets/images/arrowdesign.png);
	height: 60px;
	display: block;
	background-repeat: no-repeat;
	position: absolute;
	top: 27px;
	right: -60px;
}

.latestroom_section .owl-nav button.owl-prev,
#newpartentslidssserdesign .owl-nav button.owl-prev {
	position: absolute;
	left: 0px;
	top: 35%;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	opacity: 0.6px;
	background: #E7E7E7;

}

.latestroom_section .owl-nav button.owl-next,
#newpartentslidssserdesign .owl-nav button.owl-next {
	position: absolute;
	right: 0px;
	top: 35%;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	opacity: 0.6px;
	background: #E7E7E7;

}

.col-md-3.col-3.processbookingnew:nth-child(4)::before {
	content: none;
}


.propertycolor {
	box-shadow: 0px 0px 20px 5px #EAA8A880;
	background: #FFFDFD;
	width: 627px;
	height: 120px;
	border-radius: 12px;
	position: relative;
	padding: 0px 80px;
	align-items: center;
	gap: 37px;
}

.homeimage {
	width: 150px;
}

.homeimage img {
	width: 84px;
	height: 84px;
}

.propertycolor h3 {
	font-family: Roboto;
	font-size: 32px;
	font-weight: 700;
	line-height: 37.5px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.top-bottom-section {
	padding: 30px 0px 0px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

.addproperty a {
	width: 250px;
	height: 48px;
	border-radius: 8px;
	color: #fff;
	box-shadow: 0px 4px 4px 0px #00000040;
	background: #22941D;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Roboto;
	cursor: pointer;
	font-size: 20px;
	font-weight: 700;
	line-height: 23.44px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.rightimage {
	width: 110px;
	height: 110px;
	box-shadow: 0px 4.9px 3.06px 0px #C0BCBC33;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: absolute;
	right: -54px;
	background: #fff;
	top: 4px;
}

.rightimagecenter {
	width: 84px;
	height: 84px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 4.9px 3.06px 0px #C0BCBC33;


}

.rightimage img {
	width: 60px;
}

.homepage {
	margin: 20px 0px 80px;
}

.headingsection {
	margin-bottom: 15px;
}

.headingsection h3 {
	font-family: Roboto;
	font-size: 36px;
	font-weight: 700;
	line-height: 42.19px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.headingsection p {
	font-family: Roboto;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 0px;
	line-height: 28.13px;
	text-align: center;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #22941D;
}

.margin-top-30 {
	margin-top: 30px
}

.image_grid_services {
	border-radius: 8px;
	margin-right: 10px;
	width: 100%;
}

.image_grid_services {
	transition: 0.2s linear all;
	transform: scale(0.9);

}

.content-home h4 {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 600;
	line-height: 18.75px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-top: 10px;
	margin-bottom: 0px;
}

.width90 {
	width: 90%;
	margin: auto;
}

.width80 {
	width: 80%;
	margin: auto;
}

.image_grid_services:hover {
	transform: scale(1);
}

.image_home_design {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
}

.image_grid_services .image_home_design img {
	width: 100%;
	height: 225px;
}

.bg_image_home {
	/* background: linear-gradient(rgb(255 255 255 / 50%), rgb(255 255 255 / 50%)), url({!! asset($home_page_sliders->video_src) !!}); */
	height: 402px;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 11.04px;
	background-size: cover !important;
	padding: 30px 0px;
	text-align: center;
}

.form-select-custum {
	position: relative;
	width: 300px;
	height: 56px;
	background-color: var(--button-back, rgb(255, 255, 255));
	padding: 0px 20px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0px;

}

.form-select-custum.left_icon_select {
	background: url(../../assets/images/left-arrow-icon.svg) 96% / 8% no-repeat #fff;
}

.form-select-custum.left_icon_selectdetals {
	background: url(../../assets/images/left-arrow-icon.svg) 96% / 8% no-repeat;
}

.fillterheaddetsilspage .form_select_designnew {
	border: 0.5px solid var(--input-text, #455A64);

}

.text-decoration-none-custum a {
	text-decoration: none !important;
}

.fillterdetailspagedesignnew .selection .select2-selection .select2-selection__rendered {
	width: 100%;
	height: 42px;
	font-size: 13px;
	white-space: break-spaces;
	padding: 0px 8px;
	display: flex;
	align-items: center;
	justify-content: start;
}

.roomavailbel h3 {
	font-family: Roboto;
	font-size: 24px;
	font-weight: 600;
	line-height: 28.13px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: var(--green-color);
	margin-bottom: 0px;
}

.showingdataentries {
	padding: 20px 0px 5px;
}

.form-select-custum select {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	line-height: 16.41px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.searchbutton button {
	width: 200px;
	height: 56px;
	text-align: center;
	border: none;
	border-radius: 0px 24px 24px 0px;
	outline: none;
	color: #fff;
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
}

.searchbutton button i {
	font-family: Roboto;
	font-size: 18px;
	font-weight: 700;
	line-height: 24.96px;
	color: #fff;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.searchbutton button span {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 700;
	line-height: 24.96px;
	color: #fff;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.bg_image_home h3 {
	font-family: Roboto;
	font-size: 20px;
	font-weight: 800;
	line-height: 23.44px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #12970D;

}

.bg_image_home h2 {
	font-family: Roboto;
	font-size: 24px;
	font-weight: 600;
	line-height: 28.13px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #181818;
}

.design_services {
	gap: 70px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.design_services p {
	font-family: Piazzolla;
	font-size: 16.64px;
	font-weight: 500;
	line-height: 23.63px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

/* details page  */
.background_cardabody {
	background: #201C1CFC;
	border: 1px solid #F1F0F0;
	padding: 15px;
}

.color_rent {
	background: #201C1CFC !important;
	color: #fff;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	margin-bottom: 15px;
	width: 100%;
	height: 50px;
	border: 1px solid #F1F0F0;
	opacity: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 15px;
}

.color_rent h3 {
	font-family: Piazzolla;
	font-size: 24px;
	font-weight: 600;
	line-height: 34.08px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-bottom: 0px;
	color: #FFFFFF;

}

.amountroomrent h3 {
	font-family: Piazzolla;
	font-size: 24px;
	font-weight: 600;
	line-height: 34.08px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #fff;
}

.amountroomrent h3 span {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 400;
	line-height: 22.72px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #fff;
}

.noofperson select {
	background: transparent;
	color: #fff;
	font-family: Piazzolla;
	font-size: 13px;
	font-weight: 600;
	line-height: 18.46px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #F9F9F9;
}

.border-bottom-details-page {
	border-bottom: 1px solid #F9F9F9;
}

.coinpage .mycoins {
	color: #fff;
	font-family: Piazzolla;
	font-size: 11px;
	font-weight: 700;
	line-height: 17px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

	margin-bottom: 0px;
}

.coinpage {
	width: 90px;
	display: inline-block;
}

.walletpage {
	width: 100%;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.walletpage p {
	color: #fff;
	font-size: 11px;
	margin-bottom: 0px;

}

.coinpage h4 {
	border: 1px solid #ccc;
	text-align: center;
	color: #fff;
	height: 53px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0px;
	width: 90px;
}

.remainingaccess {
	width: 100%;
	border: 1px solid #ccc;
	text-align: left;
	color: #fff;
	padding: 10px;
	width: 100%;
	height: 53px;

}

.categorydetails p {
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	line-height: 17px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #3BDE34;
}

.coinwallet {
	margin: 10px 0px;
	gap: 10px;
}

/* .custom-checkbox {
    display: none!important; Hide the default checkbox
} */

.custom-label {
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
	padding-left: 30px;
	/* Space for the custom checkbox */
	font-size: 16px;
	color: #333;
}

.custom-label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	border: 1px solid #F9F9F9;
	border-radius: 4px;
	/* Rounded corners */
	transition: background-color 0.3s, border-color 0.3s;
}

.termsandcondition {
	border-bottom: 1px solid #F9F9F9
}

.custom-checkbox:checked+.custom-label::before {
	background-color: var(--green-color);
	/* Fill color for the custom checkbox when checked */
	border-color: var(--green-color);
}

.custom-label::after {
	content: '✔';
	/* Checkmark */
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%) scale(0);
	/* Hidden initially */
	font-size: 14px;
	color: #fff;
	/* Checkmark color */
	transition: transform 0.3s ease-in-out;
}

.custom-checkbox:checked+.custom-label::after {
	transform: translateY(-50%) scale(1);
	/* Scale up the checkmark */
}

.coinwallet label {
	font-family: Piazzolla;
	font-size: 13px;
	font-weight: 700;
	line-height: 17px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #F9F9F9;
	margin-bottom: 0px;
}

.walletcoindesign p {
	margin-bottom: 0px;
}

.walletcoindesign p a {
	text-align: left;
	font-family: Piazzolla;
	font-size: 13px;
	font-weight: 700;
	line-height: 17px;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #22941D;
	margin-bottom: 0px
}

.text-white_new {
	color: #fff
}

.walletcoindesign span a {
	font-family: Piazzolla;
	font-size: 10px;
	font-weight: 400;
	line-height: 17px;
	text-align: right;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #F9F9F9;
}

p.dangerclass {
	color: var(--red-color)
}

.remainingaccess p {
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	line-height: 17px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-bottom: 0px;
}

.contentdetails {
	margin: 20px 0px;
}

.contentdetails button {
	width: 250px;
	height: 42px;
	border-radius: 12px;
	background-color: #FE0000;
	color: #fff;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 700;
	line-height: 18.75px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.alert_heading>.alertheadingtext {
	font-family: Piazzolla;
	font-size: 14px;
	font-weight: 800;
	line-height: 20px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #F9F9F9;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.alertdesign p {
	font-family: Roboto;
	font-size: 11px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #F9F9F9;
	margin-bottom: 0px;
	padding-bottom: 0px;

}

.addressnear {
	font-family: Piazzolla;
	font-size: 14px;
	font-weight: 600;
	line-height: 19.88px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #22941D;
}

.addressdesign {
	font-family: Piazzolla;
	font-size: 14px;
	font-weight: 600;
	line-height: 19.88px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #22941D;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	width: 50%;
}

.linkwithid a h3 {
	display: inline-block;
	margin: 5px 0px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 14.06px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	border-bottom: 1px solid #484747;
}

.servicesprices {
	font-family: Piazzolla;
	font-size: 14.83px;
	font-weight: 600;
	line-height: 26.74px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #181818;
}

.servicesprices span {
	font-family: Piazzolla;
	font-size: 15.07px;
	font-weight: 600;
	line-height: 21.39px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #181818;

}

.text-green-custum {
	color: var(--green-color)
}

.heading_design {
	font-family: Roboto;
	font-size: 20px;
	font-weight: 700;
	line-height: 23.44px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.googlemap_design {
	width: 694px;
	height: 250px;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid var(--login-black, #373F39);
}

.googlemap_design img {
	width: 100%;
	border-radius: 16px;

	height: 100%;
	object-fit: cover;
	object-position: center;
}

.building_rulesection,
.amenity_val {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}

.openingtime {
	padding: 20px 0px;
	width: 100%;
}

.margin-top-20 {
	margin-top: 20px;
}

.nearbyservices_bottom {
	padding: 10px
}

.detailscontentset.nearbyservices {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 60px
}

.pricecode {
	font-family: Piazzolla;
	font-size: 24px;
	font-weight: 600;
	line-height: 34.08px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #F9F9F9;
	display: flex;
	justify-content: center;
	align-items: end;
	margin: 10px 0px;
}

.usecode {
	padding: 15px 0px;
	border-top: 1px solid var(--f9-white, #F9F9F9);
	border-bottom: 1px solid var(--f9-white, #F9F9F9);
}

.form-control.promocode {
	background: transparent;
	border: 1px solid #fff;
	text-align: center;
	margin-top: 10px;
	color: #fff;
}

.form-control.promocode::placeholder {
	text-align: center;
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 400;
	line-height: 22.72px;
	text-transform: capitalize;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #fff;
}

.usecodepromo {
	font-family: Piazzolla;
	font-size: 13px;
	font-weight: 600;
	line-height: 18.46px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #fff;
}

.contactbtnnewdesign:hover,
.contactbtnnewdesign:focus,
.contactbtnnewdesign {
	width: 250px;
	height: 42px;
	border-radius: 12px;
	font-family: Piazzolla;
	font-size: 20px;
	font-weight: 700;
	line-height: 28.4px;
	border: none;
	outline: none;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin: 10px 0px;
	background: var(--buttonredcolor);
	color: #fff;
}

.pricecode span {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 400;
	line-height: 22.72px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.nearbyservices {
	font-family: Roboto;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-bottom: 0px;
}

.notallow .notallowpara {
	font-family: Piazzolla;
	font-size: 14px;
	font-weight: 500;
	line-height: 19.88px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #FE0000;
}

.building_rulesection li,
.amenity_val li {
	width: 49%;
	display: inline-block;
	margin: 10px 0px;
}

.openingtime h4 {
	font-family: Piazzolla;
	font-size: 20px;
	font-weight: 600;
	line-height: 17px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #22941D;
}

.amenitysection {
	margin: 0px 0px 10px;
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 0px;
}

.amenitysection h5.amenity_title {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 700;
	line-height: 22.72px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #181818;
}

/* details page  */
/* latest room  */
.latestroom {
	border: 2px solid #cccccc96;
	border-radius: 12px;
}

.serviceroomdetails {
	box-shadow: 0px 1px 0px 0px var(--belowblureffect), 0px -1px 0px 0px var(--belowblureffect), -1px 0px 0px 0px var(--belowblureffect), 1px 0px 0px 0px var(--belowblureffect);
	width: 275px;
	height: 42px;
	background: #FBF8F8;
	border-radius: 4px;
}

.serviceroomdetails select {
	border: none;
	outline: none;
	background: transparent;
	box-shadow: none;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.breadcrumblist_new {
	display: none;
}

.latestroom.detailspagheight {
	margin-bottom: 50px;
	overflow: hidden;
}

.form-control.select-sm.w-75.sort-val-cls .latestroom {
	max-width: 300px;
	border-radius: 12px;
	width: 100%;
	margin-bottom: 50px;
}

.sortbydetails {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 600;
	line-height: 22.72px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #484747;
	margin-bottom: 0px;
}

.searchbtnleftsidebar {
	margin-top: 20px;
}

.search_design_new.card-body-mobile {
	box-shadow: 0px 0px 4px 0px var(--blurtext);
	border-radius: 4px;
	border: 1.23px solid #455A6464;
}

.searchbtnleftsidebar button {
	width: 220px;
	height: 42px;
	border-radius: 12px;
	box-shadow: 0px 1px 0px 0px var(--belowblureffect),
		0px -1px 0px 0px var(--belowblureffect),
		-1px 0px 0px 0px var(--belowblureffect),
		1px 0px 0px 0px var(--belowblureffect);
	background-color: var(--buttonredcolor);
	color: #fff;
	font-family: Piazzolla;
	font-size: 20px;
	font-weight: 600;
	line-height: 28.4px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;


}

.sectionroom {
	box-shadow: 0px -2px 0px 0px var(--bluruppereffect);
	max-height: 250px;
	border-radius: 12px;
	height: 100%;
}

.sectionroom img {
	width: 100%;
	border-top-left-radius: 12px;
	height: 100%;
	border-top-right-radius: 12px;
}

.sectionroom .discount {
	font-family: Piazzolla;
	font-size: 24px;
	font-weight: 700;
	line-height: 34.08px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #FE0000;
	z-index: 2;
	-webkit-text-stroke: #000;
	-webkit-text-fill-color: #FE0000;
	-webkit-text-stroke-width: 0.5px;
	position: absolute;
	top: 7px;
	left: 15px;
}

.sectionroom .category {
	z-index: 1;
	position: absolute;
	bottom: 15px;
	left: 16px;
	background: #fbf8f8;
	height: 34px;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	background-size: contain;
	text-align: center;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	border-left: 0px;
	/* background-image: url(../../assets/images/categoryimage.png); */

}

.sectionroom .categorydetails {
	font-family: Poppins;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	width: 100%;
	border-left: 3px solid #484747;
	height: 35px;
	padding: 0px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;

}

.imgage_slider_details a img {
	width: 100%;
	height: 100%;
}

.sectionroom .categorydetails:before {
	position: absolute;
	content: "";
	width: 100%;
	z-index: -1;
	left: 0px;
	height: 32px;
	background: #fbf8f8;
	transform-style: preserve-3d;
	transform: perspective(80px) rotatey(2deg);
	transform-origin: left center;
	border: 1px solid #dfdfdf;
	border-radius: 2px;

}

.detailspage_room.latestroom {
	box-shadow: 0px -2px 0px 0px var(--bluruppereffect);
	height: auto;
	max-width: 300px;
	border-radius: 12px;
	width: 100%;
	margin-bottom: 50px;
}

.detailspage_room .sectionroom {
	box-shadow: 0px -2px 0px 0px var(--bluruppereffect);
	height: auto;
	max-width: 300px;
	border-radius: 12px;
	width: 100%;
}

.multiroompage .owl-nav button.owl-prev {
	position: absolute;
	top: 46%;
	left: 26px;
	border-radius: 50%;
	opacity: 0.8;
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #F1F1F1;
}

.multiroompage .owl-stage-outer .owl-item div {
	max-height: 250px;
	height: 100%;
	overflow: hidden;
	border-radius: 12px;
}

.multiroompage.new_multiroom .owl-stage-outer .owl-item .imgage_slider_details a {
	max-height: 150px;
	height: 100%;
	overflow: hidden;
	border-radius: 12px;
}

.multiroompage.new_multiroom {
	height: 150px;
	overflow: hidden;
}

.multiroompage.new_multiroom .owl-stage-outer .owl-item .imgage_slider_details a img {
	max-height: 150px;
	width: 100%;
	object-fit: cover;
	height: 100%;
	min-height: 150px;
}

.multiroompage .owl-stage-outer .owl-item div img {
	max-height: 250px;
	overflow: hidden;
	border-radius: 12px;
	height: 100%;
}

.multiroompage {
	position: relative !important;
}

.multiroompage .owl-nav button.owl-next {
	position: absolute;
	top: 46%;
	right: 26px;
	border-radius: 50%;
	opacity: 0.8;
	width: 24px;
	background: #F1F1F1;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.multiroompage .owl-nav button.owl-next span,
.multiroompage .owl-nav button.owl-prev span {
	line-height: 0px;
	height: 24px;
	width: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	position: relative;
	top: -2px;
}

.date_icon {
	position: absolute;
	right: 8px;
	width: 21px;
	height: 21px;
	top: 30px;
}

.detailsroom h3 {
	text-decoration: underline;
}

.detailsroom {
	padding: 0px 10px;
	
}

.detailsroom a,
.detailsroom h3 {
	font-family: Piazzolla;
	font-size: 10px;
	font-weight: 500;
	line-height: 14.2px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	text-decoration: underline;
	margin-top: 10px;
	margin-bottom: 10px;
}

.detailsroom h2 {
	font-family: Piazzolla;
	font-size: 14px;
	font-weight: 600;
	line-height: 19.88px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;

}

.detailsroom div h3 {
	font-family: Piazzolla;
	font-size: 18.83px;
	font-weight: 600;
	line-height: 26.74px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	text-decoration: none;
	margin: 0px 0px 8px;

}

.detailsroom .price .month {
	font-size: 13px;
	display: flex;
	align-items: start;
	position: relative;
	line-height: 1.2;
}

.details_all_room .detailsheading h3 {
	font-family: Piazzolla;
	font-size: 14px;
	font-weight: 600;
	line-height: 19.88px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin: 0px;
	padding: 0px;

}

.details_all_room .detailsheading p {
	font-family: Piazzolla;
	font-size: 12px;
	font-weight: 500;
	line-height: 17.04px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin: 0px;
	padding: 0px;
}

.details_all_room .detailsheading {
	width: 50%;
	margin-bottom: 15px;
}

/* latest room  */



/* Process Desing  */
.designone {
	width: 110px;
	height: 110px;
	margin: auto;
	border-radius: 50%;
	box-shadow:
		0px 8px 5px 0px var(--bluruppereffect),
		0px -8px 5px 0px var(--bluruppereffect),
		8px 0px 5px 0px var(--bluruppereffect),
		-8px 0px 5px 0px var(--bluruppereffect);
	background: var(--Side-scroll, #F1F6F9);
	display: flex;
	justify-content: center;
	align-items: center;
}

.circledesign {
	width: 94px;
	height: 94px;
	margin: auto;
	border-radius: 50%;
	box-shadow:
		0px 8px 5px 0px var(--bluruppereffect),
		0px -8px 5px 0px var(--bluruppereffect),
		8px 0px 5px 0px var(--bluruppereffect),
		-8px 0px 5px 0px var(--bluruppereffect);
	background: var(--Side-scroll, #F1F6F9);
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 500;
	line-height: 17.4px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.squredesign {
	width: 200px;
	height: 200px;
	border-radius: 8px;
	border: 1px;
	background: var(--Side-scroll, #F1F6F9);
	box-shadow:
		0px 8px 5px 0px var(--bluruppereffect),
		0px -8px 5px 0px var(--bluruppereffect),
		8px 0px 5px 0px var(--bluruppereffect),
		-8px 0px 5px 0px var(--bluruppereffect);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 40px auto 0px;
}

.squredesignsec {
	width: 160px;
	height: 160px;
	background: var(--Side-scroll, #F1F6F9);
	box-shadow:
		0px 8px 5px 0px var(--bluruppereffect),
		0px -8px 5px 0px var(--bluruppereffect),
		8px 0px 5px 0px var(--bluruppereffect),
		-8px 0px 5px 0px var(--bluruppereffect);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;

}

.squredesignsec p {
	font-family: Piazzolla;
	font-size: 14px;
	font-weight: 500;
	line-height: 19.88px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-bottom: 0px;
	padding: 2px;

}

/* Process Desing  */



/* latest room  */


.headingdetailsdesign {
	width: 100%;
	height: 58px;
	border-radius: 12px;
	background: var(--f9-white, #F9F9F9);
	box-shadow: 0px 0px 24px 0px #C3C0C080;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: Piazzolla;
	font-size: 20px;
	font-weight: 600;
	line-height: 22px;
	text-align: center;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.form-label.label_custum_design {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 400;
	line-height: 22.72px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #000000;

}









/* home page design  */

/* login page design  */
.loginpage_design {
	width: 381px;
	padding: 30px 48px 48px;
	gap: 32px;
	border-radius: 20px;
	box-shadow: 0px 0px 20px 0px var(--redshadow);
	margin-left: auto;
}

.padding_all {
	padding: 25px;
}

.loginlogo {
	width: 85px;
	height: 51px;
	margin: 0px auto 20px;
}

.loginlogo img {
	width: 100%;
	height: 100%;
}

.form_custum_design {
	border: 1px solid var(--Button-border, #455A64);
	width: 100%;
	height: 48px;
	border-radius: 8px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	line-height: 16.41px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	padding: 15px;
}

.form_custum_design::placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	line-height: 16.41px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.loginbutton {
	width: 100%;
	height: 48px;
	border-radius: 8px;
	box-shadow: 0px 0px 8px 0px #BE444480;
	background-color: var(--buttonredcolor);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
	border: none;
	outline: none;
	text-align: center;
	color: #fff;
	font-family: Roboto;
	font-size: 20px;
	font-weight: 700;
	line-height: 23.44px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}



.forgetpassword {
	text-align: center;
	margin: 10px 0px 20px;
}

.forgetpassword a {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	line-height: 16.41px;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	height: 10px;
	color: var(--greencolornew);

}

.googleloginbutton {
	width: 100%;
	height: 48px;
	background: #FAFAFA;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #455A64;
	border-radius: 8px;
	margin-top: 10px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 500;
	line-height: 18.75px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.googleloginbutton button {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 400;
	line-height: 18.75px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	background-color: transparent;
	border: 0px;
	outline: none;

}

.googleloginbutton .createaccount {
	color: #FE0000;
}

.margin-top-16 {
	margin-top: 16px;
}

.image_google {
	width: 20px;
	height: 20px;
}


/* forget password  */
.centeralldevice {
	height: 100vh;
	display: flex;
	align-items: center;
}

.loginpage_design_forgetpassword {
	width: 455px;
	box-shadow: 0px 0px 15px 0px var(--redshadow);
	border-radius: 12px;
	padding: 30px;
}

.text-side-forget {
	width: 80%;
	margin: auto;
}

.text-side-forget .leftsidepsw {
	width: 165px;
	height: 100px;
	margin: 0px auto 30px;
}

.text-side-forget .leftsidepsw img {
	width: 100%;
	height: 100%;
}

.text-side-forget .textpsw p {
	font-family: Roboto;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.forgetpassswordpage h3 {
	font-family: Roboto;
	font-size: 32px;
	font-weight: 700;
	line-height: 37.5px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.forgetpassswordpage p {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 400;
	line-height: 18.75px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.show_details_psw {
	font-family: Roboto;
	font-size: 12px;
	font-weight: 400;
	line-height: 14.06px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #85948B;

}

.changepasswordwidth {
	/* padding-right: 60px; */
	margin-top: 30px;
}

.changepassword::placeholder {
	padding: 4px 12px 4px 12px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	line-height: 16.41px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #090A09;
	text-transform: capitalize;
}

/* forget password  */

/* register design  */
.signupgoogle {
	margin-bottom: 30px
}

.Verify {
	position: absolute;
	right: 15px;
	top: 15px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	line-height: 16.41px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: var(--buttonredcolor)
}

/* register design  */

/* login page design  */
/* custum css bootrap  */
/* label design  */
.create_label {
	font-family: Piazzolla;
	font-size: 14px;
	font-weight: 400;
	line-height: 19.88px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.fw-bold {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 600;
	line-height: 16.41px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.apporverequest {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 700;
	line-height: 16.41px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #22941D;

}

/* label design  */
.heading_newall {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.heading_newall i {
	font-size: 24px;
}

/* heading_all  */
.heading_all {
	padding: 12px 37px 12px 37px;
	gap: 10px;
	border-radius: 12px;
	opacity: 1;
	background-color: #F9F9F9;
	box-shadow: 0px 0px 24px 0px #C3C0C080;
	margin: 25px 0px;
	justify-content: center;
}

.heading_all .heading_title {
	font-family: Roboto;
	font-size: 20px;
	font-weight: 700;
	line-height: 23.44px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: var(--Color4);
	margin-bottom: 0px;
}

/* heading_all  */

.custom-control {
	position: relative;
	display: block !important;
	min-height: 1.5rem;
	border-radius: 6px;
	color: #455A64;
	border: 1px solid #000000;
	padding: 10px 10px;
}

/* form design custum  */

.height_48 {
	height: 48px;
	border: 1px solid #C5C0C0 !important;
	border-radius: 4px;
	margin-bottom: 0;
}

select.custom-select,
select.form-control,
input.form-control {
	height: 48px;
	border-radius: 4px;
}

/* form design custum  */

textarea::placeholder,
input.form-control::placeholder {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 400;
	line-height: 22.72px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #4F4C4C;
}

.submitnow {
	width: 280px;
	height: 48px;
	padding: 17px 46px 17px 46px;
	border-radius: 8px;
	font-family: Piazzolla;
	font-size: 20px;
	font-weight: 600;
	line-height: 28.4px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

/* breadcrumb_grid */
.box_shaodw_breadcrumb {
	box-shadow: 0px 0px 1px 0px var(--Color4);
	border-bottom: 1.1px solid #455a6433;
}

/* breadcrumb_grid */
.labelradio span:before {
	border: 1px solid #222021;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
}

.page_mybuilding {
	box-shadow: 0px 0px 12px 0px #C3C0C080;
	padding: 12px 38px 12px 37px;
	gap: 0.5px;
	border-radius: 8px;
	opacity: 1px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	margin-bottom: 20px;
}

.pagetitleheader h4 {
	font-family: Roboto;
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.addbuliding_btn a {
	background-color: #FE0000;
	border-radius: 5px;
	height: 36px;
	max-width: 200px;
	display: block;
	white-space: nowrap;
	text-align: center;
	padding: 0px 30px;
	line-height: 36px;
	width: 100%;
}

.modalbutton button {
	background-color: #FE0000;
	border-radius: 5px;
	height: 36px;
	max-width: 100px;
	display: block;
	white-space: nowrap;
	text-align: center;
	padding: 0px 30px;
	line-height: 36px;
	width: 100%;
	border: none;
	outline: none;
	color: #fff;
}

.modalbutton a {
	background-color: transparent;
	border-radius: 5px;
	height: 36px;
	max-width: 100px;
	display: block;
	white-space: nowrap;
	text-align: center;
	padding: 0px 30px;
	line-height: 36px;
	width: 100%;
	border: none;
	outline: none;
	color: var(--red-color);
	border: 1px solid var(--red-color);
}


.btn_search,
.btn_search:hover {
	border: 1px solid #ff382b !important;
	border: none;
	color: #000;
	background: transparent;
	width: 145px;
	display: flex;
	align-items: center;
	height: 48px;
	justify-content: center;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 700;
	border-radius: 8px;
	line-height: 18.75px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.btn-all:hover,
.btn-all {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 700;
	line-height: 18.75px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	border: 1px solid #000;
	height: 48px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.position-relative {
	position: relative;
}



.writemessage {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s ease-in-out;
	font-family: Piazzolla;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	top: 15px;
	left: 36px;
}

.messageadd {
	width: 550px;
	height: 88px;
	gap: 0.5px;
	border-radius: 12px;
	box-shadow: 0px 0px 8px 0px #D6D5D58A;
	display: flex;
	align-items: start;
	padding: 12px;

}

/* add todo list  */
.add_todo_list {
	width: 220px;
	height: 48px;
	padding: 8px;
	border-radius: 4px;
	border: 0.5px solid #000;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 7px;
	color: var(--red-color);

}

/* add todo list  */

/* declare  terms and condition*/
.declare {
	font-family: Piazzolla;
	font-size: 12px;
	font-weight: 500;
	line-height: 14.2px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.custom-checkboxnew {
	height: 40px;
	width: 20px;
	cursor: pointer;
	display: inline-grid;
	border-radius: 4px;
	border: 1px solid #000;
}

.submitnow {
	width: 250px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--red-color);
	color: #fff;
	border-radius: 8px;
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 600;
	line-height: 28.4px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	border: none;
	box-shadow: 0px 0px 40px 0px #C3C0C080;
	outline: none;

}

.mycoin_text {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.addharcard_design {
	height: 48px;
	border: 1px solid #C5C0C0 !important;
	border-radius: 4px;
	padding: 5px;
}

.ClickHere {
	width: 180px;
	height: 36px;
	padding: 12px;
	gap: 10px;
	border-radius: 4px;
	background-color: var(--green-color);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.ClickHere:hover {
	color: #fff;
}

.frontpaddingleft {
	padding-left: 60px;
}

.profile_image_right img {
	width: 80px;
	height: 80px;
}

.mycoin_text {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.passwordtext {
	color: green;
	padding: 28px;
	box-shadow: 0px 0px 12px 0px #C3C0C080;
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 600;
	line-height: 22.72px;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	text-align: center;
}

.changepasswordbg {
	box-shadow: 0px 0px 24px 0px #C3C0C080;
	background: var(--f9-white, #F9F9F9);
	padding: 51px 144px 52px 124px;
	gap: 0.5px;
	border-radius: 8px;
	margin-top: 30px;

}

.passwordcontent {
	margin-top: 15px;
}

.editbtn,
.editbtn:hover {
	border-radius: 6px;
	border: 1px solid #000000;
	padding: 7px 14px;
	color: var(--green-color);
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-size: 14px;

}

.approvedrequest {
	color: var(--green-color);
}

.upcomingservice span {
	color: #000;
	font-size: 16px;
}

.servicesuserupcoming .servicesuserupcoming {
	color: #000;
	font-size: 9px;
	flex-wrap: wrap;
	justify-content: center;
	display: flex;
}

.btndelete,
.btndelete:hover {
	border-radius: 6px;
	border: 1px solid #000000;
	padding: 7px 14px;
	color: var(--red-color);
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-size: 14px;
}

.notficationcontent .newupdate {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.notficationcontent .paragraphnotification p {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-bottom: 8px;
	color: #1C8218;

}

.notficationcontent .notficationtime {
	font-family: Roboto;
	font-size: 12px;
	font-weight: 400;
	line-height: 10px;
	text-align: left;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.Rahavaasdekho {
	font-family: Roboto;
	font-size: 10px;
	font-weight: 700;
	line-height: 10px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #455A64;
}

.custum_width {
	width: 100%;
}

.card-header_new {
	width: 80%;
}

.autoname {
	font-size: 15px;

}

.announcementnew {
	width: 160px;
	height: 36px;
	border-radius: 8px;
	border: 1px solid #000;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	box-shadow: 0px 0px 3px 0px #B8BFB7;

}

h4.mytenatnlistnew {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.searchsubmit {
	width: 100%;
	max-width: 100px;
	padding: 10px 10px;
	color: var(--red-color);
	background-color: transparent;
	border: 1px solid #000000;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 600;
	line-height: 18.75px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	height: 48px;
	white-space: nowrap;
	display: flex;
	align-items: center;

}

.announcement_details {
	padding: 15px;
}

.showallbtn {
	height: 48px;
	white-space: nowrap;
	width: 100%;
	max-width: 100px;
	display: flex;
	align-items: center;
	padding: 10px 10px;
	color: var(--green-color);
	background-color: transparent;
	border: 1px solid #000000;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 600;
	line-height: 18.75px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.chatbot {
	width: 150px;
	height: 36px;
	display: block;
	text-align: center;
	border: 1px solid #000;
	align-items: center;
	line-height: 36px;
	border-radius: 8px;
	color: var(--green-color);
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	line-height: 16.41px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	display: flex;
	justify-content: center;
	gap: 5px;
}

.buildingplanlist {
	background: #fff;
	padding: 11px;
	border-radius: 4px;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
	margin-bottom: 20px;
}

.btn_mytenent {
	border: 1px solid var(--Color-4, #455A64);
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 0px 16px;
	color: var(--red-color);
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	line-height: 16.41px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.btn_mytenent.green {
	color: var(--green-color);
}

.chatbot i {
	color: var(--black-color);
}

.generate_bill {
	padding: 17px 46px 17px 46px;
	border-radius: 8px;
	border: 2px solid var(--Color-3, #22941D);
	display: block;
	text-align: center;
	font-family: Roboto;
	font-size: 20px;
	font-weight: 700;
	line-height: 23.44px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: var(--green-color);
}

.checkbox_new_all {
	width: 31%;
	margin-right: 10px;
}

/* chat bot css  */



.chatlist {
	outline: 0;
	height: 100%;
	overflow: hidden;
	width: 300px;
	float: left;
	padding: 15px;
}

.chat-area .modal-content {
	border: none;
	border-radius: 0;
	outline: 0;
	height: 100%;
	width: 100%;
}



.chatbox {
	width: auto;
	height: 100%;
	border-left: 1px solid #ccc;
}

.chatbox .modal-dialog,
.chatlist .modal-dialog {
	max-width: 100%;
	margin: 0;
}

.msg-search {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.chat-area .form-control {
	display: block;
	width: 80%;
	padding: 0.375rem 0.75rem;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #222;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.chat-area .form-control:focus {
	outline: 0;
	box-shadow: inherit;
}

a.add img {
	height: 36px;
}

.chat-area .nav-tabs {
	border-bottom: 1px solid #dee2e6;
	align-items: center;
	justify-content: space-between;
	flex-wrap: inherit;
}

.chat-area .nav-tabs .nav-item {
	width: 100%;
}

.chat-area .nav-tabs .nav-link {
	width: 100%;
	color: #180660;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	text-transform: capitalize;
	margin-top: 5px;
	margin-bottom: -1px;
	background: 0 0;
	border: 1px solid transparent;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.chat-area .nav-tabs .nav-item.show .nav-link,
.chat-area .nav-tabs .nav-link.active {
	color: #222;
	background-color: #fff;
	border-color: transparent transparent #000;
}

.chat-area .nav-tabs .nav-link:focus,
.chat-area .nav-tabs .nav-link:hover {
	border-color: transparent transparent #000;
	isolation: isolate;
}

.chat-list h3 {
	color: #222;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	text-transform: capitalize;
	margin-bottom: 0;
}

.chat-list p {
	color: #343434;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	text-transform: capitalize;
	margin-bottom: 0;
}

.chat-list a.d-flex {
	margin-bottom: 15px;
	position: relative;
	text-decoration: none;
}

.chat-list .active {
	display: block;
	content: '';
	clear: both;
	position: absolute;
	bottom: 3px;
	left: 34px;
	height: 12px;
	width: 12px;
	background: #00DB75;
	border-radius: 50%;
	border: 2px solid #fff;
}

.msg-head h3 {
	color: #222;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 0;
}

.msg-head p {
	color: #343434;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	text-transform: capitalize;
	margin-bottom: 0;
}

.msg-head {
	padding: 15px;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

.moreoption {
	display: flex;
	align-items: center;
	justify-content: end;
}

.moreoption .navbar {
	padding: 0;
}

.moreoption li .nav-link {
	color: #222;
	font-size: 16px;
}

.moreoption .dropdown-toggle::after {
	display: none;
}

.moreoption .dropdown-menu[data-bs-popper] {
	top: 100%;
	left: auto;
	right: 0;
	margin-top: 0.125rem;
}

.msg-body ul {
	overflow: hidden;
}

.msg-body ul li {
	list-style: none;
	margin: 15px 0;
}

.msg-body ul li.sender {
	display: block;
	width: 100%;
	position: relative;
}

.msg-body ul li.sender:before {
	display: block;
	clear: both;
	content: '';
	position: absolute;
	top: -6px;
	left: -7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 15px 12px;
	border-color: transparent transparent #f5f5f5 transparent;
	-webkit-transform: rotate(-37deg);
	-ms-transform: rotate(-37deg);
	transform: rotate(-37deg);
}

.msg-body ul li.sender p {
	color: #000;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	padding: 15px;
	background: #f5f5f5;
	display: inline-block;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom: 0;
}

.msg-body ul li.sender p b {
	display: block;
	color: #180660;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500;
}

.msg-body ul li.repaly {
	display: block;
	width: 100%;
	text-align: right;
	position: relative;
}

.msg-body ul li.repaly:before {
	display: block;
	clear: both;
	content: '';
	position: absolute;
	bottom: 15px;
	right: -7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 15px 12px;
	border-color: transparent transparent #4b7bec transparent;
	-webkit-transform: rotate(37deg);
	-ms-transform: rotate(37deg);
	transform: rotate(37deg);
}

.msg-body ul li.repaly p {
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	padding: 15px;
	background: #4b7bec;
	display: inline-block;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: 0;
}

.msg-body ul li.repaly p b {
	display: block;
	color: #061061;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500;
}

.msg-body ul li.repaly:after {
	display: block;
	content: '';
	clear: both;
}

.time {
	display: block;
	color: #000;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
}

li.repaly .time {
	margin-right: 20px;
}

.divider {
	position: relative;
	z-index: 1;
	text-align: center;
}

.msg-body h6 {
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5;
	color: #222;
	background: #fff;
	display: inline-block;
	padding: 0 5px;
	margin-bottom: 0;
}

.divider:after {
	display: block;
	content: '';
	clear: both;
	position: absolute;
	top: 12px;
	left: 0;
	border-top: 1px solid #EBEBEB;
	width: 100%;
	height: 100%;
	z-index: -1;
}



.send-box form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}

.send-box .form-control {
	display: block;
	width: 85%;
	padding: 0.375rem 0.75rem;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #222;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}



#upload {
	display: inline-block;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
}

.send-btns .attach .form-control {
	display: inline-block;
	width: 120px;
	height: auto;
	padding: 5px 8px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	color: #343945;
	background-color: #F6F7FA;
	background-clip: padding-box;
	border: 1px solid #F6F7FA;
	border-radius: 3px;
	margin-bottom: 5px;
}

.send-btns .button-wrapper span.label img {
	margin-right: 5px;
}

.button-wrapper {
	position: relative;
	width: 100px;
	height: 100px;
	text-align: center;
	margin: 0 auto;
}

button:focus {
	outline: 0;
}

.add-apoint {
	display: inline-block;
	margin-left: 5px;
}

.add-apoint a {
	text-decoration: none;
	background: #F6F7FA;
	border-radius: 8px;
	padding: 8px 8px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.2;
	color: #343945;
}

.add-apoint a svg {
	margin-right: 5px;
}

.chat-icon {
	display: none;
}

.closess i {
	display: none;
}

.locationoppotunity .mobile_heading_design .headingsection>* {
	text-align: left;
}

.desktoprrefer {
	display: flex;
	align-items: center;
	justify-content: start;
}

.desktoprrefer a {
	background: #FE0000;
	font-family: Roboto;
	font-size: 24px;
	font-weight: 700;
	line-height: 34.08px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #fff;
	cursor: pointer;
	display: flex;
	padding: 6px 24px;
	align-items: center;
	justify-content: center;
	font-family: Roboto;
	border-radius: 7px;
	gap: 10px;
	margin-bottom: 15px;
}

.mobileshowrefer:hover,

.mobileshowrefer {
	width: 102px;
	height: 24px;
	border-radius: 5.58px;
	display: none;
	align-items: center;
	justify-content: center;
	background: #FE0000;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 14.06px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #fff;
}

.chatbox .modal-content {
	position: relative;
	background: #fff;
	border-radius: 8px;
	/* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); */
	padding: 20px;
	animation: fadeIn 0.3s;
	margin: 0px auto;
	height: 100vh;
}

.btnapprovecancel {
	padding: 4px 10px;
	color: #fff;
	background-color: var(--buttonredcolor);
	border-radius: 5px;
}

@media (max-width: 767px) {

	.chatbox .modal-content {
		position: relative;
		background: #fff;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
		animation: fadeIn 0.3s;
		padding: 0px;
		margin: 0px auto;
	}

	.locationimgagetwo {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		margin-bottom: 40px;
	}

	.persondetails {
		position: absolute;
		right: 23px;
		top: -158px;
	}

	ul.services li.active .section-content {
		opacity: 1;
		background: #f5f2f2;
		width: 350.38px;
		height: 384px;
		border-radius: 18.67px;
		position: absolute;
		left: 0px;
		background: #f5f2f2b3;
		backdrop-filter: blur(13px);
	}

	.desktop-none-testimonial {
		display: block;

	}

	.services .active .image-container {
		width: 125px;
		height: 150px;
		border-radius: 16px;
		position: absolute;
		z-index: 99;
	}

	.mobileshowrefer {
		display: flex;
	}

	.mobile_image_location_width {
		width: 161.95px;
		height: 142.1px;
	}

	.design_location {
		display: flex;
		align-items: end;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.locationoppotunity .mobile_heading_design .headingsection>* {
		text-align: center;
	}

	.location_design_new {
		top: 0px;
		margin-top: 0px;
	}

	.homepage .container {
		max-width: 100%;
		min-width: 100%;
		width: 100%;
		margin: auto;
		padding: 0px;
	}

	.sectionroom {
		height: 250px;
		width: 100%;
		overflow: hidden;
	}

	.sectionroom img {
		width: 100%;
		border-radius: 12px;
		height: 100%;
		overflow: hidden;
	}

	.latestroom {
		width: 100%;
		border-radius: 12px;
		overflow: hidden;
	}

	.designone {
		width: 80px;
		height: 80px;
		box-shadow:
			0px 2.53px 1.58px 0px var(--bluruppereffect),
			/* Bottom-right shadow */
			0px -2.53px 1.58px 0px var(--bluruppereffect),
			/* Top-left shadow */
			2.53px 0px 1.58px 0px var(--bluruppereffect),
			/* Right shadow */
			-2.53px 0px 1.58px 0px var(--bluruppereffect);
		/* Left shadow */

	}

	.circledesign {
		font-family: Roboto;
		font-size: 7px;
		font-weight: 500;
		line-height: 1.5;
		text-align: center;
		text-underline-position: from-font;
		text-decoration-skip-ink: none;
		width: 70px;
		height: 70px;
		box-shadow: 0px 2.53px 1.58px 0px var(--bluruppereffect), 0px -2.53px 1.58px 0px var(--bluruppereffect), 2.53px 0px 1.58px 0px var(--bluruppereffect), -2.53px 0px 1.58px 0px var(--bluruppereffect);
		font-size: 11px;
	}

	.col-md-3.col-3.processbookingnew::before {
		background-image: url(../../assets/images/mobilearrowprocess.png);
		width: 25px;
		height: 31px;
		right: -14px;
		top: 12px;
	}

	.squredesign {
		width: 150px;
		height: 150px;
		margin: 10px auto 0px;
		box-shadow:
			0px 2.53px 1.58px 0px var(--bluruppereffect),
			0px -2.53px 1.58px 0px var(--bluruppereffect),
			2.53px 0px 1.58px 0px var(--bluruppereffect),
			-2.53px 0px 1.58px 0px var(--bluruppereffect);
	}

	#testimonial-slider .owl-nav {
		top: -64px;
	}

	.headingsection h3 {
		font-family: Roboto;
		font-size: 16px;
		font-weight: 700;
		line-height: 28.13px;
		text-align: center;
		text-underline-position: from-font;
		text-decoration-skip-ink: none;

	}

	/* For screens smaller than 600px (simulate 1.5 items) */

	.headingsection p {
		font-family: Roboto;
		font-size: 12px;
		font-weight: 500;
		line-height: 16.41px;
		text-align: center;
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-underline-position: from-font;
		text-decoration-skip-ink: none;

	}

	.top-bottom-section {
		padding: 15px 0px;
	}

	.squredesignsec {
		width: 130px;
		height: 130px;
		box-shadow:
			0px 2.53px 1.58px 0px var(--bluruppereffect),
			/* Bottom shadow */
			0px -2.53px 1.58px 0px var(--bluruppereffect),
			/* Top shadow */
			2.53px 0px 1.58px 0px var(--bluruppereffect),
			/* Right shadow */
			-2.53px 0px 1.58px 0px var(--bluruppereffect);
		/* Left shadow */

	}

	.squredesignsec p {
		font-size: 12px;
		font-weight: 400;
		margin-bottom: 0px;
		display: -webkit-box;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
	}

	.chat-icon {
		display: block;
		margin-right: 5px;

	}

	.searchbutton button {
		border-radius: 0px 10px 10px 0px;

	}

	.form-select-custum {
		width: 110px;
		height: 42px;
		font-size: 13px;
		padding: 0px 10px;
	}

	.bg_image_home {
		height: 290px;

	}

	.image_home_design {
		border-radius: 8px;
		overflow: hidden;
	}

	.image_grid_services {
		border-radius: 8px;
		margin-right: 10px;
		width: 244px;
		overflow: hidden;
	}

	.image_grid_services:hover {
		transform: unset;
	}

	.services_design .owl-stage-outer .owl-stage:first-child .owl-item.active {
		transform: scale(1.1);
	}

	.image_grid_services .image_home_design img {
		width: 100%;
		height: 100%;
	}

	.homepage {
		margin: 20px 0px 190px;
	}

	.bg_image_home h2 {
		font-size: 14px;
	}

	.bg_image_home h3 {
		font-size: 14px;
	}

	.searchbutton button {
		width: 100px;
		height: 42px;
	}

	.width80 {
		width: 90%;
		margin: auto;
	}

	.propertycolor {
		width: 300px;
		height: 85px;
		border-radius: 12px;
		padding: 0px 38px;
		gap: 20px;
		margin-bottom: 10px;
	}

	.propertycolor h3 {
		font-family: Roboto;
		font-size: 16px;
		font-weight: 700;
		line-height: 18.75px;
		text-align: left;
		text-underline-position: from-font;
		text-decoration-skip-ink: none;

	}

	.homeimage {
		width: 70px;
		height: 39px;

	}

	.rightimage {
		width: 48px;
		height: 48px;
		left: 0px;
		top: 96px;
		background: #fff;
	}

	.rightimagecenter {
		width: 37px;
		height: 37px;
	}

	.homeimage img {
		width: 100%;
		height: 100%;
	}

	.flex-wrap-mobile {
		flex-wrap: wrap;
	}

	.chatlist {
		width: 100%;
	}

	/* .chatbox {
		width: 100%;
		position: absolute;
		left: 1000px;
		right: 0;
		background: #fff;
		transition: all 0.5s ease;
		border-left: none;
	} */

	.showbox {
		left: 0 !important;
		transition: all 0.5s ease;
	}

	.msg-head h3 {
		font-size: 12px;
	}

	.msg-head p {
		font-size: 12px;
	}

	.msg-head .flex-shrink-0 img {
		height: 30px;
	}


	.send-box .form-control {
		width: 70%;
	}

	.chat-list h3 {
		font-size: 14px;
	}

	.chat-list p {
		font-size: 12px;
	}

	.msg-body ul li.sender p {
		font-size: 13px;
		padding: 8px;
		border-bottom-left-radius: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
	}

	.msg-body ul li.repaly p {
		font-size: 13px;
		padding: 8px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		border-bottom-left-radius: 6px;
	}
}

.p-3 {
	padding: 10px;
}

.msg1 {
	width: 100%;
}

/* .neww {
	height: 294px;
	width: 100%;
	overflow-y: scroll;
} */

.msgLeft {
	float: left;
	width: 100%;
	text-align: right;
	padding: 8px;
	margin: 8px;
	background: red;
	margin-left: auto;
	color: white;

}

.msgEight {
	float: right;
	width: ;
	margin: 8px;
	text-align: left;
	background: blue;
	padding: 8px;
	color: white;
}

.sender_background {

	display: flex;
	margin-left: auto;
	margin-bottom: 10px;

}

.sender_background p {
	display: inline-block;
	position: relative;
	background-color: #007afb !important;
	padding: 7px 10px;
	color: #fff;
	border-radius: 6px;
	text-align: left;
	margin-left: auto;
}

.sender_background p:before {
	content: "";
	right: -7px;
	position: absolute;
	width: 15px;
	height: 15px;
	background: #007afb;
	transform: rotate(137deg);
}

.reciver_message p {
	display: inline-block;
	position: relative;
	background-color: #d3dde7 !important;
	padding: 7px 10px;
	color: #000;
	border-radius: 6px;
	text-align: left;
	margin-left: auto;
}

.reciver_message p:before {
	content: "";
	left: -7px;
	position: absolute;
	width: 15px;
	height: 15px;
	background: #d3dde7;
	transform: rotate(137deg);
}


.chatboxnew {
	padding: 15px;
}

.margin-bottom_custum {
	margin-bottom: 10px;
}



/* fornt end design start  */
.left_sidebar_front {
	padding-bottom: 15px;
}

.profile_image {
	width: 36px;
	height: 36px;
}

.profile_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.left_sidebar_front .headerprofile .profile {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.left_sidebar_front .headerprofile .profileid {
	font-family: Piazzolla;
	font-size: 12px;
	font-weight: 600;
	line-height: 22px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;


}

.item-user .profile-pic .coinimage img {
	width: 20px;
	height: 20px;
}

input[type="number"] {
	-webkit-appearance: none;
	-moz-appearance: textfield;
	appearance: none;
}

input[type="number"]:hover {
	-webkit-appearance: none;
	-moz-appearance: textfield;
	appearance: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.overlaypopup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
	z-index: 2;
}

.accountutility {
	position: fixed;
	width: 320px;
	height: 256px;
	border-radius: 12px;
	background: #fff;
	z-index: 999;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	box-shadow: 0px 0px 20px 0px #CBDDD266;
	padding: 20px;
	z-index: 3;
}

.accountutility h3 {
	font-family: Roboto;
	font-size: 20px;
	font-weight: 700;
	line-height: 23.44px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

/* Hide the default radio button */
input[type="radio"] {
	display: none;
}

/* Style the custom square */
.custom-radio {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-family: Arial, sans-serif;
	margin: 10px 0;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 700;
	line-height: 18.75px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.continuedesign {
	width: 120px;
	height: 32px;
	border-radius: 12px;
	background: #22941D;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	margin-top: 30px;
}

.custom-checkbox {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-family: Arial, sans-serif;
	margin: 10px 0;
}

/* Style the custom checkmark */
.custom-square {
	width: 20px;
	height: 20px;
	border: 2px solid #000;
	border-radius: 4px;
	/* Square shape */
	margin-right: 10px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Add the checkmark when checked */
input[type="radio"]:checked+.custom-square::after {
	content: "✓";
	font-size: 14px;
	color: #fff;
	position: absolute;
}

/* Change background and border color when checked */
input[type="radio"]:checked+.custom-square {
	background-color: var(--green-color);
	/* Blue background */
	border-color: var(--green-color);
	color: #fff;
}

.radio-group {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 25px;
}

.closeform {
	position: absolute;
	right: 3px;
	background: transparent;
	border: 0px;
	height: 30px;
	width: 30px;
	box-shadow: 0px -2px 4px 0px #847D7D33;
	border-radius: 50%;
	top: 7px;
}

/* Modal Overlay */


/* Modal Dialog */
.modal-dialog {
	max-width: 90%;
	/* Limits the modal width */
	width: 600px;
	/* Default width */
	margin: 0 auto;
	transition: all 0.3s ease-in-out;
}

.subheading_design {
	background: #F9F9F9;
	box-shadow: 0px 0px 7px 1px #d7d7d7;
	border-radius: 12px;
	padding: 10px 15px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.buildingruledesign {
	display: flex;
	flex-wrap: wrap;
}

.buildingruledesign .buidingrule {
	margin: 5px;
}

.time_mangement_design {
	display: flex;
	padding: 7px;
	justify-content: space-between;
	border: 1px solid #d5d5d5;
	align-items: center;
	margin-bottom: 0px;
	border-radius: 5px;
}

.freeamenities_design {
	position: relative;
	display: block;
	min-height: 1.5rem;
	padding-left: 1.5rem;
	padding: 8px 10px;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
	color: #455A64;
	width: 23%;
	margin: 5px;
}

.buidingrule {
	position: relative;
	display: inline-block;
	min-height: 1.5rem;
	border-radius: 6px;
	color: #455A64;
	border: 1px solid #d5d5d5;
	padding: 10px 10px;
}

/* Modal Content */
/* .modal-content {
    position: relative;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    padding: 20px;
    animation: fadeIn 0.3s;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    margin: auto;
} */
.modal-content img {
	height: 100%;
	width: 100%;
}

/* Close Button */
.close {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 20px;
	color: #333;
	border: none;
	background: transparent;
	cursor: pointer;
	font-weight: bold;
}

/* Responsive Image */
.modal-content img {
	max-width: 100%;
	display: block;
	border-radius: 8px;
	object-fit: contain;
	height: 100%;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
	.modal-dialog {
		max-width: 95%;
	}
}

@media (max-width: 576px) {


	#myModal .modal-content {
		padding: 15px;
		max-width: 600px;
		width: 100%;
		height: 100%;
		max-height: 500px;
	}

	.close {
		font-size: 18px;
	}
}

/* Animation */
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: scale(0.9);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

.header-main {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}

.header-main.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.filltertext h3 {
	font-family: Piazzolla;
	font-size: 22.18px;
	font-weight: 500;
	line-height: 31.49px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #000;
}

.filltertext h5 {
	font-family: Piazzolla;
	font-size: 14.79px;
	font-weight: 500;
	line-height: 21px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #FE0000;
}

.desktoprrefer {
	display: flex;
}

.desktop-none.box-shadow-new {
	display: none;
}

.card-body-mobile {
	box-shadow: 0px 4.93px 3.08px 0px var(--bluruppereffect),
		4.93px 0px -1.08px 0px var(--bluruppereffect);
	border: 1.23px solid #455A6464;
	padding: 20px;
}

.pricerange .pricerangesection {
	width: 98.57px;
	height: 29.57px;
	border-radius: 4.93px;
	background: #F1F6F9;
	box-shadow: 0px 1.23px 3.08px 0px var(--bluruppereffect),
		1.23px 0px 3.08px 0px var(--bluruppereffect),
		0px -1.23px 3.08px 0px var(--bluruppereffect),
		-1.23px 0px 3.08px 0px var(--bluruppereffect);
	display: flex;
	justify-content: center;
	align-items: center;


}

.Searchbuttonfillter {
	width: 100%;
	background: var(--buttonredcolor);
	color: #fff;
	height: 42px;
	border-radius: 12px;
	border: none;
	outline: none;
	font-family: Piazzolla;
	font-size: 20px;
	font-weight: 600;
	line-height: 28.4px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.ui-slider .ui-slider-handle {
	border-radius: 50%;

}

.rangesliderui {
	margin: 20px 0px;
}

.rangeslider_design input {
	font-family: Piazzolla;
	font-size: 12.24px;
	font-weight: 600;
	line-height: 17.39px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.filltercategory {
	width: 50%;
}

.availabledate {
	font-family: Piazzolla;
	font-size: 15px;
	font-weight: 700;
	line-height: 12.25px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-bottom: 10px;
}

.adate_case {
	box-shadow: 3.08px 0px 3.08px 0px #6F696940, 0px 3.08px 3.08px 0px #6F696940;
	background: #FDFDFD;
	font-size: 15px;
	font-weight: 400;
	line-height: 11.09px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #0000008A;
	border: none;
	outline: none;
	width: 100%;
	height: 40px;
	padding-left: 7px;
	border-radius: 3.7px;
}

.categoryusercheckbox {
	margin: 10px 0px 0px;
}

.categoryusercheckbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
}

.categoryusercheckbox span {
	font-family: Piazzolla;
	font-size: 11.97px;
	font-weight: 500;
	line-height: 34.19px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.adate_case::placeholder {
	font-size: 15px;
	font-weight: 400;
	line-height: 11.09px;
}

.pricerange .pricerangesection h4 {
	width: 90.18px;
	margin-bottom: 0px;
	height: 21.69px;
	border-radius: 4.93px;
	box-shadow: 0px 1.85px 3.08px 0px var(--bluruppereffect),
		0px -1.85px 3.08px 0px var(--bluruppereffect),
		1.85px 0px 3.08px 0px var(--bluruppereffect),
		-1.85px 0px 3.08px 0px var(--bluruppereffect);
	font-family: Piazzolla;
	font-size: 9.86px;
	font-weight: 500;
	line-height: 24.64px;
	text-align: center;
	text-underline-position: from-font;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration-skip-ink: none;

}

.linkwithid {
	padding: 1px 15px 10px;
}

.fillterheaddetsilspage .form_select_designnew:nth-child(1) {
	border-top-left-radius: 24px;
	border-bottom-left-radius: 24px;
}

.fillterheaddetsilspage .form_select_designnew:nth-child(3) {
	border-top-right-radius: 24px;
	border-bottom-right-radius: 24px;
}

.msy_rewards_design {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.padding-top-bottom {
	padding: 30px 0px;
}

.margin-bottom-reward {
	margin-bottom: 35px;
}

.new_box.leftsidebarbox {
	padding: 0px;
	margin-bottom: 15px;
	margin-top: 5px;
	box-shadow: 0px 0px 40px 0px #C3C0C080;
	background-color: #F9F9F9;

}

.item-user,
.left_sidebar_front {
	padding: 10px;
}

.leftbottomnav {
	border-bottom: 0.5px solid #8080808C;
}

.tabBlock-tabs {
	margin-bottom: 15px;
}

.border_red {
	border: 1px solid var(--Button-border);
	box-shadow: 0px 0px 9.23px 0px #C3C0C080;
	border-radius: 5px;

}

.servicesuserupcoming {
	font-weight: bold;
}

/* fornt end design start  */
@media (max-width:991px) {

	.chatdata11 {
		height: 70%;
		overflow: hidden scroll;
		width: 100%;
	}

	.portlet-body.form .form-group {
		margin-bottom: 5px;
	}

	.upcomingservice span {
		color: #000;
		line-height: 1.1;
		font-size: 12px;
		padding: 0px 11px;
	}

	.approvedrequest {
		color: var(--green-color);
		font-size: 11px;
		font-weight: bold;
		white-space: nowrap;
		text-align: center;
	}

	.totalrequest {
		font-size: 11px;
		font-weight: bold;
		white-space: nowrap;
		text-align: center;
	}

	.totalrequest span {
		display: block;
	}

	.servicesuserupcoming {
		font-weight: bold;
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
	}

	.approvedrequest span,
	.approvedrequest span {
		display: block;
		color: var(--green-color);
	}

	.popup-content {
		width: 96%;
		margin: auto;
	}

	.aadharcarddesign .close {
		right: 0px;
		top: -35px;
	}

	.aadhar-detail {
		width: 98%;
		margin: auto;
	}

	.breadcrumblist_old {
		margin-bottom: 20px;
	}

	.tabBlock-content {
		padding: 5px;
	}

	.plan {
		margin-bottom: 5px;
	}

	.tabBlock-tabs.d-flex {
		justify-content: center;
	}

	.tabBlock-tab {
		padding: 5px 35px;
		border-radius: 5px;
		margin-bottom: 5px;
	}

	.tabBlock-pane h4 {
		text-align: center;
		padding: 10px;
		background: #fff;
		box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	}

	.plans {
		padding: 0px;
	}

	.wideget-user-tab.wideget-user-tab3 .tab_design_content ul li a {
		display: block;
		width: auto;
		height: 50px;
		border-radius: 8px;
		border-radius: 5px 5px;
		text-align: center;
		align-items: center;
		display: flex;
		justify-content: center;
		font-family: Piazzolla;
		font-size: 16px;
		font-weight: 500;
		line-height: 34.08px;
		text-align: center;
		text-underline-position: from-font;
		text-decoration-skip-ink: none;
	}

	.property {
		width: 100%;
	}

	.headingdetails {
		width: 100%;
		height: 36px;
		border-radius: 12px;
		justify-content: center;
		display: flex;
		align-items: center;
		background: #ffffff;
		box-shadow: 0px 0px 4px 0px #B8BFB7;
		border-radius: 0px;
	}

	.qrcode_design {
		width: 100%;
	}

	.filters-mobiles,
	.roomavailbel {
		margin: 5px 0px;
	}

	.myrewardsdesign p {
		font-size: 7.01px;
		font-weight: 500;
		line-height: 8.22px;
	}

	.myrewardsdesign h3 {
		font-size: 8.76px;
		font-weight: 700;
		line-height: 10.27px;

	}

	.mobilepaddingnone {
		padding: 0px;
	}

	.mb-0-mobile {
		margin-bottom: 0px;
	}

	#myModal .modal-content {
		height: 600px;
		width: 370px;
	}

	.fillterheaddetsilspage .form_select_designnew:nth-child(1) {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.fillterheaddetsilspage .form_select_designnew:nth-child(3) {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.latestroom.detailspagheight {
		margin-bottom: 10px;
	}

	.display_none.box-shadow-new {
		display: block;
	}

	.showingdataentries {
		padding: 0px;
	}

	.fillterdetailspagedesignnew .select2-container--default .select2-selection--single .select2-selection__rendered {
		color: #444;
		line-height: 37px;
	}

	.replay {
		width: auto;
	}

	.breadcrumblist_new {
		display: block
	}

	.mobile_none_button_design {
		display: none;
	}

	.form_select_designnew .form-select-custum {
		width: 114px;
		height: 42px;
		font-size: 13px;
		white-space: break-spaces;
		padding: 0px 8px;

	}

	.mobile_heading_design {
		padding: 10px 0px;
		box-shadow: 0px 0px 4px 0px #B8BFB7;
		margin-bottom: 15px;
	}

	.headingsection {
		margin-bottom: 0px;
	}

	.headingsection p {
		margin-bottom: 0px;
	}

	.padding_all {
		padding: 20px 0px;
	}

	.loginpage_design {
		width: 100%;
		padding: 25px;
		border-radius: 20px;
		box-shadow: 0px 0px 20px 0px var(--redshadow);
		margin-left: auto;
	}

	.margin-bottom_custum {
		margin-bottom: 4px;
	}

	.usernamecreate {
		font-size: 10px;
	}

	.chatboxnew {
		padding: 15px 0px;
	}

	.replay {
		background-color: #DDF3DC;
		box-shadow: 0px 0px 12px 0px #7D77778A;
		height: 35px;
		padding: 8px;
		gap: 0.5px;
		border-radius: 12px;
		margin: 3px 0px;
		font-size: 11px;
	}

	.send-box {
		position: sticky;
		width: 100%;
		bottom: 0px;
	}

	.rightside .replay {
		width: auto;
	}



	#message::placeholder {
		font-size: 10px;
	}

	.datetime {
		font-size: 10px;
	}

	.msg-head {
		padding: 0px;
	}

	.neww {
		width: 100%;
		overflow: visible;
	}
}

/* chat bot css  */
/* details page design  */
.paginationdesignshowing {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 600;
	line-height: 22.72px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.box-shadow-new {
	box-shadow: 0px 2px 1px 0px #455A6480;
	width: 100%;
	background: #fff;
	height: 2px;
	display: block;
}

.sortby {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 600;
	color: #484747;
	line-height: 18.75px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-bottom: 0px;

}

.sortby_design {
	box-shadow: 0px 1px 0px 0px var(--belowblureffect), 0px -1px 0px 0px var(--belowblureffect), -1px 0px 0px 0px var(--belowblureffect), 1px 0px 0px 0px var(--belowblureffect);
	background: #FBF8F8;
	border-radius: 4px;
	padding: 5px 40px;
}

.accounttype {
	background: transparent;
	border: 0px;
}

/* details page design  */
.select2-container.w-100 {
	width: 100%;
}

/* select 2 dropdown css  */

.select2-dropdown {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
}

.select2.select2-container.select2-container--default,
.select2-selection.select2-selection--single,
.select2-selection__rendered {
	color: #455A64;
	width: 104px;
	height: 32px;
}

.select2-results__option--highlighted {
	background-color: #22941d !important;
	color: #fff !important;
}

/* Default checkbox color */
.checkboxdesign {
	width: 20px;
	height: 20px;
	background-color: #fff;
	/* Default background color */
	border: 2px solid #ccc;
	/* Border color */
	border-radius: 4px;
	/* Rounded corners */
	position: relative;
	cursor: pointer;
}

/* When checkbox is checked */
.checkboxdesign:checked {
	background-color: #4CAF50;
	/* Green background when checked */
	border-color: #4CAF50;
	/* Green border when checked */
}

/* Optionally, add a tick mark when checked (using pseudo-element) */
.checkboxdesign:checked::after {
	content: '✔';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #ffffff;
	font-size: 14px;
	background: #279622;
	width: 19px;
	display: flex;
	justify-content: center;
	border-radius: 0px;

}

.padding-top-bottom-15 {
	padding: 15px 0px
}

.mobilefillterdesign {
	display: none;
}

.mobilenonefillter {
	display: block;
	padding: 10px 0px;
}


.fillterdesign.mobilefillterdesign_custum {
	display: block;
}

.realestates-footer-html {
	margin: 20px 0px;
}

.form-actions button.verifybtn {
	width: 200px;
	height: 36px;
	box-shadow: 0px 1px 0px 0px var(--belowblureffect), 0px -1px 0px 0px var(--belowblureffect), -1px 0px 0px 0px var(--belowblureffect), 1px 0px 0px 0px var(--belowblureffect);
	border-radius: 8px;
	background-color: var(--buttonredcolor);
	font-family: Roboto;
	font-size: 20px;
	font-weight: 700;
	line-height: 23.44px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	display: flex;
	justify-content: center;
	align-items: center;

}

.aadharcardverifiydesign li span {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #000000;
}

.date_addhar {
	width: 310px;
	height: 80px;
	padding: 16px 12px 16px 12px;
	border-radius: 8px;
	background: #E0FFDF;
	box-shadow: 0px 0px 4px 0px #FF9C9C;

}

.date_addhar p {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #455A64;
}

.brround {
	width: 80px;
}

/* Overlay background for popup */
.modal-aadhar {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
	padding-top: 60px;
}

/* Popup content box */
.popup-content-aadhar {
	background-color: white;
	margin: 5% auto;
	padding: 20px;
	border-radius: 10px;
	width: 80%;
	max-width: 600px;
}

/* Close button */
.close-aadhar {
	color: #aaa;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 20px;
}

.close-aadhar:hover,
.close-aadhar:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

/* Aadhar Image style */
.aadhar-image img {
	border-radius: 50%;
}

/* Table style */
.aadhar-detail td {
	padding: 8px 15px;
}

.aadhar-label {
	font-weight: bold;
}

/* Popup button styles */
.btn-submit-aadhar,
.btn-close-aadhar {
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	margin-top: 15px;
}

.btn-submit-aadhar {
	background-color: #4CAF50;
	color: white;
}

.btn-close-aadhar {
	background-color: #f44336;
	color: white;
}

.topaadharcard img {
	width: 100%;
	margin-bottom: 10px;
}

.destinatioseection {
	margin: 20px 0px;
}

/* declare  terms and condition*/
.chatbotbtn:hover,
.chatbotbtn {
	border: 1px solid #22941D;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 700;
	line-height: 18.75px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	height: 38px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
	padding: 10px 15px;
	color: #4CAF50;
}

.callowner:hover,
.callowner {
	border: 1px solid #b60000;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 700;
	line-height: 18.75px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	height: 38px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
	padding: 10px 15px;
	color: #b60000;
}

.whatsappowner:hover,
.whatsappowner {
	border: 1px solid #22941d;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 700;
	line-height: 18.75px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	height: 38px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
	padding: 10px 15px;
	color: #22941d;
}

.allpageheading {
	font-family: Roboto;
	font-size: 20px;
	font-weight: 600;
	line-height: 22px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	margin-bottom: 15px;
}

.button_searchdesgin a,
.button_searchdesgin button {
	max-width: 100%;
	max-width: 100%;
	border-radius: 5px;
	display: flex;
	justify-content: center;
}

.table.table-hover.mb-0.text-nowrap.d-flex.gap-2 thead {
	position: sticky;
	left: 0px;
	z-index: 1;
	background: #fff;
	width: 45%;
	display: flex;
	justify-content: end;
	gap: 18px;
}

.table.table-hover.mb-0.text-nowrap.d-flex.gap-2.p-1 tbody {
	width: 50%;
	display: flex;
	justify-content: start;
}

@media(max-width:991px) {
	.roomcodedesigntoday {
		flex-wrap: wrap;
	}

	.openingtime h4 {
		font-family: Roboto;
		font-size: 16px;
		font-weight: 500;
		line-height: 17px;
		text-align: left;
		text-underline-position: from-font;
		text-decoration-skip-ink: none;

		color: #455A64;
	}

	.product-slider .detailsroomitem {
		box-shadow: none;
		border-radius: 0px;
		width: auto;
		height: auto;
		background: transparent;
		padding: 0px;
	}

	.product-slider.margin-bottom-20 {
		margin-bottom: 0px;
	}

	.mobile_design_area {
		width: 100%;
		border-top: 1px solid #ccc;
		margin-top: 10px;
		padding-top: 10px;
	}

	.roomdetailspagesdesign {
		font-size: 12px;
	}

	.destinationde {
		width: 100%;
		text-align: left;
		margin: 5px 0px 0px;
	}

	.building_rulesection li,
	.amenity_val li {
		width: 100%;
		display: flex;
		margin: 10px 0px;
		justify-content: space-between;
	}

	.building_rule .d-flex.gap-2 {
		justify-content: space-between;
	}

	.tabs-menu1 .nav li a.active {
		box-shadow: 0px 2px 2px 0px #455A6433;
		font-family: Roboto;
		font-size: 18px;
		font-weight: 700;
		line-height: 21.09px;
		text-align: center;
		text-underline-position: from-font;
		text-decoration-skip-ink: none;

	}

	.mobile_design_area .areafeet {
		color: green;
		font-size: 14px;
	}

	.mobile_design_area .areafeet .areadesign {
		color: #000;
		font-size: 14px;
	}

	.mobile_design_area .areafeet {
		color: green
	}

	.inmobile_scroll ul {
		display: flex;
		flex-wrap: nowrap;
		white-space: nowrap;
		overflow: scroll;
	}

	.button_searchdesgin {
		width: 100%;
	}

	.tabledesignall {
		display: flex;
		flex-direction: column;
		box-shadow: 0px 0px 24px 0px #C3C0C080;
		border-radius: 8px;
		border: 0px;
		width: 90%;
	}

	.button_searchdesgin a,
	.button_searchdesgin button {
		max-width: 100%;
		max-width: 100%;
		border-radius: 5px;
		display: flex;
		justify-content: center;
		height: 38px;
	}

	.width_47 {
		width: 47%;
	}

	.btn_search,
	.btn_search:hover {
		height: 38px;

	}

	.padding_all_design_all {
		padding: 10px
	}

	select.custom-select,
	select.form-control,
	input.form-control {
		height: 38px;
		border-radius: 4px;
	}

	.btn-all:hover,
	.btn-all {
		height: 38px;
		font-size: 14px;
		text-align: left;
		width: 0px;
		max-width: 161px;
	}

	.pagetitleheader h4 {
		font-size: 14px;
	}

	.btn-all-border {
		padding: 0px 7px;
		font-size: 10px;
	}

	.page_mybuilding {
		padding: 5px 10px 5px 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		flex-wrap: nowrap;
		justify-content: space-between;
		gap: 8px;
	}

	.allpageheading {

		margin-bottom: 15px;
	}

	.callowner:hover,
	.callowner,
	.whatsappowner:hover,
	.whatsappowner,
	.chatbotbtn:hover,
	.chatbotbtn {
		font-size: 11px;
		font-weight: 700;
		line-height: 18.75px;
		height: 27px;
		border-radius: 8px;
		padding: 2px 8px;

	}

	.new_wrap_design {
		flex-wrap: wrap;
	}

	.headingcustumer.new_wrap_design {
		height: auto;
	}

	.heading_design_rewards {
		padding: 6px 9px;
	}

	.box-shadow-new {
		margin-bottom: 20px;
	}

	.custom-modal {
		padding: 50px 0px;
	}

	.close-btn.close_new_btn {
		position: absolute;
		color: #000;
		font-size: 23px;
		right: 12px;
		margin: 0px;
		cursor: pointer;
		z-index: 2;
		top: 9px;
		box-shadow: 0px 0px 8px 0px #BBB8B89E;
		width: 28px;
		height: 28px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.frontpaddingleft {
		padding-left: 15px;
	}

	.close-btn {
		top: -13px;
	}

	.nearbydesign {
		flex-wrap: wrap;
	}

	.sectionnearby .nearbydesign .nearby {
		line-height: 0px;
		width: auto;
		height: auto;
	}

	.sectionnearby {
		margin: 10px 0px;
	}

	.sectionnearby .nearbydesign li {
		margin: 0px;
		background: transparent;
		box-shadow: none;
		width: auto;
		height: auto;

	}

	.select2-container--default .select2-selection--single .select2-selection__rendered {
		color: #444;
		line-height: 35px !important;
		font-size: 13px !important;
		font-weight: 400 !important;
	}

	.testimonial .testimonial-content {
		padding: 4px 16px 16px 5px;
	}

	.fillterdesign.mobilefillterdesign_custum {
		display: none;
	}

	.detailspage_room .sectionroom {
		max-width: 100%;
		box-shadow: none;
		width: 100%;
	}

	.border_red {
		margin: 8px;
	}

	.addproperty {
		margin: auto;
	}

	.testimonial {
		padding: 10px 0px 10px;
	}

	.tab-container {
		gap: 36px;
		margin-bottom: 10px;
		width: 90%;
		justify-content: center;
	}

	.tab-button {
		padding: 5px 10px;
		font-family: Roboto;
		font-size: 14px;
		font-weight: 500;
		line-height: 18.75px;
		text-align: center;
		text-underline-position: from-font;
		text-decoration-skip-ink: none;
	}

	.review,
	.shareicon {
		bottom: 80px;
	}

	.shareicon {
		left: 18px;
	}

	.mobilefillterdesign {
		display: block;
	}

	.mobilenonefillter {
		display: none;
	}

	.top-bottom-section {
		padding: 30px 0px 20px;
	}

	.breadcrumb_custum {
		padding: 10px 0px;
	}

	.checkbox_new_all {
		width: 100%;
		margin-right: 0px;
	}

	.detailspage_room.latestroom {
		margin-bottom: 0px;
		max-width: 100%;
	}

	.messagetypebox {
		width: 100%;
		height: auto;
	}

	.replay {
		box-shadow: 0px 0px 12px 0px #7D77778A;
		height: auto;
		padding: 8px;
		gap: 0.5px;
		border-radius: 12px;
		margin: 3px 0px;
		background-color: #DDF3DC;
		font-size: 11px;
	}

	/* .rightside .replay {
		background-color: #F8E9E9;
		box-shadow: 0px 0px 12px 0px #7D77778A;
		height: auto;
		padding: 8px;
		gap: 0.5px;
		border-radius: 12px;
		margin: 3px 0px;
		font-size: 11px;
	} */
	.announcementnew {
		width: 115px;
		height: 32px;
		border-radius: 8px;
		border: 1px solid #000;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 3px;
		box-shadow: 0px 0px 3px 0px #B8BFB7;
		font-size: 11px;
	}

	.send-box button {
		border: none;
		color: #fff;
		font-size: 14px;
		font-weight: 400;
		position: absolute;
		bottom: 8px;
		border-radius: 50%;
		height: 32px;
		width: 32px;
		background: #22941D;
		right: 11px;
	}


	.flex-wrap-mobile {
		flex-wrap: wrap;
	}

	.flex-wrap-mobile .grid_header {
		width: 47%;
	}

	.addbuliding_btn a {
		background-color: #FE0000;
		border-radius: 5px;
		height: 27px;
		max-width: max-content;
		font-size: 9px;
		display: block;
		white-space: nowrap;
		text-align: center;
		padding: 0px 9px;
		line-height: 36px;
		width: min-content;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.btn_search,
	.btn-all,
	.showall {
		width: 100%;
	}

	.btn_search,
	.btn-all {
		padding-right: 0.75rem;
		padding-left: 0.75rem;
	}

	.messageadd {
		width: 800px;
		height: 70px;
		gap: 0.5px;
		border-radius: 7px;
		box-shadow: 0px 0px 8px 0px #D6D5D58A;
		display: flex;
		align-items: start;
		padding: 12px;
	}
}

.addpgbtn {
	border: 1px solid var(--black-color);
	padding: 10px 30px;
	gap: 10px;
	border-radius: 8px;
	background-color: transparent;
	color: var(--red-color);
}

.tabledesignall {
	display: flex;
	flex-direction: column;
	box-shadow: 0px 0px 24px 0px #C3C0C080;
	border-radius: 8px;
	border: 0px;

}

.addressdesignnew {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.tabledesignall td,
.tabledesignall th {
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #201C1CFC;
}

.detailsth_details {
	text-align: center;
	border: 1px solid #ACA4A4;
	padding: 5px 10px;
	border-radius: 5px;
	font-family: Piazzolla;
	font-size: 16px;
	font-weight: 700;
	line-height: 22.72px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #201C1CFC;
}

.tabledesignall td,
.tabledesignall th {
	height: 65px;
	display: flex;
	align-items: center;
	padding: 18px 40px;
	border-width: 0px 0px 1px 0px;
	border-color: #b9b9b9;
	border-style: solid;
}

.tabledesignall:nth-last-child() {
	border-bottom: 0px solid #b9b9b9 !important;
}

.tabledesignall th {
	vertical-align: middle;
}

.skiptranslate {
	display: none;
}

.writeyourreview {
	display: inline-block;
	margin-top: 15px;
}

span.monthzero {
	font-size: 10px;
}

.headingallpagenew {
	text-align: center;
	font-size: 20px;
	color: #22941d;
	font-weight: bold;
	margin-bottom: 15px;
}

.writeyourreview a:hover,
.writeyourreview a {
	background: #FE0000;
	font-family: Roboto;
	font-size: 20px;
	font-weight: 700;
	line-height: 34.08px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #fff;
	cursor: pointer;
	display: flex;
	padding: 6px 24px;
	align-items: center;
	justify-content: center;
	font-family: Roboto;
	border-radius: 12px;
	gap: 10px;
	margin-bottom: 15px;
}

input[type="radio"] {
	display: none !important;
}

.allcheckboxdesign {
	position: relative;
	/* display: block !important; */
	min-height: 1.5rem;
	border-radius: 6px;
	color: #455A64;
	border: 1px solid #000000;
	padding: 10px 10px;
}

/* Custom radio button style */
input[type="radio"]+.month_date {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	font-size: 18px;
}

/* Create the custom circle for the radio button */
input[type="radio"]+.month_date::before {
	content: '';
	position: absolute;
	left: 0;
	top: 20%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #00800066;
	transition: background-color 0.3s;
}

/* When the radio button is checked, change its color */
input[type="radio"]:checked+.month_date::before {
	background-color: green;
	/* Change to green when checked */
}

/* Optionally, change the checkmark appearance */
input[type="radio"]:checked+.month_date::after {
	content: '✔';
	position: absolute;
	left: 5px;
	top: 22%;
	transform: translateY(-50%);
	color: white;
	font-size: 14px;
}

@media (max-width:767px) {
	.tabledesignall {
		display: flex;
		flex-direction: column;
		box-shadow: 0px 0px 24px 0px #C3C0C080;
		border-radius: 8px;
		border: 0px;
		width: 90%;
	}

	.headingbreack.page_mybuilding {
		flex-wrap: wrap;
	}

	tbody.d-flex.gap-2 {
		width: 100%;
		overflow: scroll;
	}

	tbody.d-flex.gap-2 .tabledesignall {
		position: sticky;
		left: 0px;
		z-index: 1;
		background: #fff;
	}

	.upcomingservice span {
		color: #000;
		line-height: 1.1;
		font-size: 12px;
		padding: 0px 33px;
	}

	h1,
	h2,
	h3,
	h4,
	h5 {
		font-size: 14px;
		font-weight: 600;
	}

	.card-body {
		padding: 0px;
	}

	.breadcrumb-item {
		font-family: Roboto;
		font-size: 9px;
		font-weight: 500;
		line-height: 1.5;
		text-align: left;
		text-underline-position: from-font;
		text-decoration-skip-ink: none;
	}

	.buildingplanlist {
		margin-top: 10px
	}

	.btn_mytenent {
		height: 32px;
		padding: 0px 6px;
		font-size: 14px;
	}

	.tab-button {
		padding: 5px 6px;
		font-size: 13px;
	}

	.chatbot {
		width: 92px;
		height: 33px;
		font-size: 13px;
	}

	.headerdetailspage .container .d-flex h4 {
		font-size: 16px;
		font-weight: 600;

	}

	.headerdetailspage .container .d-flex h3 {
		font-size: 13px;
	}

	.headerdetailspage .container .d-flex h5 {
		font-size: 11px;
	}

	.headerdetailspage .container .d-flex h4 span {
		font-size: 11px;
	}

	.headerdetailspage {
		padding: 0px 0px 0px;
	}

	.tabledesignall td,
	.tabledesignall th {
		height: 50px;
		display: flex;
		align-items: center;
		padding: 8px;
		border-width: 0px 0px 1px 0px;
		border-color: #b9b9b9;
		border-style: solid;
		font-size: 10px;
	}

	.new_box .d-flex.align-items-center.justify-content-between {
		flex-wrap: wrap;
	}

	.desktop-none.mobile_show {
		display: block;
		margin: 15px 0px;
	}

	.design_fillterall.filters-mobiles-hide {
		display: block;

	}

	.design_fillterall.filters-mobiles-hide .item2-gl-nav .softbymobilenone,
	.design_fillterall.filters-mobiles-hide .item2-gl-nav .paginationdesignshowing {
		display: none;

	}

	.select2.select2-container.select2-container--default,
	.select2-selection.select2-selection--single,
	.select2-selection__rendered {
		color: #455A64;
		width: 100%;
		height: 38px !important;
	}

	.messageadd {
		width: 550px;
		height: 70px;
		gap: 0.5px;
		border-radius: 7px;
		box-shadow: 0px 0px 8px 0px #D6D5D58A;
		display: flex;
		align-items: start;
		padding: 12px;
	}

	.desktoprrefer {
		display: none;
	}
}

@media (max-width: 576px) {
	.imagetestimonials {
		width: 80px;
		height: 80px;
	}

	.testimonial .description {
		font-size: 14px;
		line-height: 19px;
		height: 70px;
		padding-left: 69px;
	}

	.testimonial .title {
		font-size: 12px;
	}

	.d-sm-none {
		display: none;
	}

	.designone {
		width: 38px;
		height: 38px;

	}

	.circledesign {
		font-weight: 500;
		width: 30px;
		height: 30px;
		font-size: 5px;
	}

	.image_home_design {
		width: 100%;
		height: 229px;
		border-radius: 8px;
		overflow: hidden;
	}

	.squredesign {
		width: 63px;
		height: 63px;
		margin: 10px auto 0px;
		box-shadow:
			0px 2.53px 1.58px 0px var(--bluruppereffect),
			0px -2.53px 1.58px 0px var(--bluruppereffect),
			2.53px 0px 1.58px 0px var(--bluruppereffect),
			-2.53px 0px 1.58px 0px var(--bluruppereffect);
	}

	.designone {
		width: 38px;
		height: 38px;
		box-shadow: 0px 2.53px 1.58px 0px var(--bluruppereffect),
			/* Bottom-right shadow */
			0px -2.53px 1.58px 0px var(--bluruppereffect),
			/* Top-left shadow */
			2.53px 0px 1.58px 0px var(--bluruppereffect),
			/* Right shadow */
			-2.53px 0px 1.58px 0px var(--bluruppereffect);
	}

	.squredesignsec {
		width: 50px;
		height: 50px;
		box-shadow: 0px 2.53px 1.58px 0px var(--bluruppereffect),
			/* Bottom shadow */
			0px -2.53px 1.58px 0px var(--bluruppereffect),
			/* Top shadow */
			2.53px 0px 1.58px 0px var(--bluruppereffect),
			/* Right shadow */

			-2.53px 0px 1.58px 0px var(--bluruppereffect);
	}

	.squredesignsec p {
		font-size: 6px;
		font-weight: 400;
		margin-bottom: 0px;
		line-height: 1.5;
		display: -webkit-box;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
	}

	.chatbox .modal-content {
		max-height: 100%;
		max-width: 100%;
		width: 100%;
		height: 100%;
	}

	#myModal .modal-content {
		max-height: 400px;
		max-width: 255px;
		width: 100%;
		height: 100%;
	}
}

@media (min-width: 768px) {
	.d-md-block {
		display: block;
	}

}

@media (max-width: 767px) {
	.addressdesignnew {
		-webkit-line-clamp: 2;
	}

	.tabledesignall td,
	.tabledesignall th {
		height: 65px;
		display: flex;
		align-items: center;
		padding: 18px 9px;
		border-width: 0px 0px 1px 0px;
		border-color: #b9b9b9;
		border-style: solid;
		white-space: normal;
		font-size: 13px;
		line-height: 16px;
	}
}

.tab-container {
	margin: 10px auto;
}

@media(max-width:1200px) {
	.testimonial .description {
		font-size: 12px;
		font-style: italic;
		color: #8a8a8a;
		line-height: 23px;
		margin: 0;
		height: 100px;
		padding-left: 115px;
	}

	.tab-container {
		position: relative;
		display: flex;
		gap: 92px;
		margin-bottom: 10px;
		justify-content: start;
		width: 68%;
		margin: 10px auto;
	}
}

.fulladdress {
	white-space: normal;
}

@media(max-width:991px) {
	.page_mybuilding.flex-wrapnew {
		flex-wrap: wrap;
	}

	.headingallpagenew {
		text-align: center;
		font-size: 16px;
		color: #22941d;
	}

	.writeyourreview a {
		font-size: 15px;

	}

	.box_rate {
		border: 1px solid #ccc;
		padding: 12px;
		margin-bottom: 0px;
		width: 31%;
	}

	.box_rate .ratebox h4 {
		font-size: 16px;
		margin-bottom: 0px;
	}

	.new_discount,
	.new_discount_room,
	.new_discount_flat,
	.new_discount_pg,
	.new_discount_lservice,
	.new_discount_oservice {
		font-weight: bold;
		padding: 3px 1px;
		font-size: 10px;
		color: red;
		text-align: center;
		gap: 0px;
		font-weight: bold;
		font-size: 14px;
	}

	.box_rate h3 {
		font-family: Roboto;
		font-size: 11px;
		font-weight: 700;
		line-height: 18.75px;
		text-align: center;
	}

	.minus,
	.plus {
		cursor: pointer;
		padding: 0px 5px;
		border: 1px solid #ccc;
	}

	.moible_gap_none {
		gap: 0px !important;
	}

	.ratebox {
		border: 2px solid #000;
		text-align: center;
		border-radius: 5px;
		padding: 0px;
		margin: 0px;
	}

	.box_rate {
		border: 1px solid #ccc;
		padding: 12px;
		margin-bottom: 0px;
	}

	.mobilemargin-0 {
		padding-bottom: 0px;
	}
}


@media(max-width:767px) {
	.tab-container {
		position: relative;
		display: flex;
		gap: 38px;
		margin-bottom: 10px;
		justify-content: start;
		width: 89%;
		margin: 10px auto;
	}

	.wideget-user-tab.wideget-user-tab3 .tab-menu-heading .tab-container {
        gap: 5px;
    }

	.form-group input {
		padding: 6px;
	}
}