/*
	Theme Name: Lira
	Author: Webshau Development Team
	Author URI: https://webshau.com/
*/

/* START GENERAL STYLES */
:root{
	--black: 							rgba(17, 18, 13, 1); /*1*/
	--brown: 							rgba(44, 51, 48, 1); /*2*/
	--softBrown: 						rgba(57, 91, 100, 1); /*2.5*/
	--beige: 							rgba(165, 201, 202, 1); /*3*/
	--white: 							rgba(255, 251, 244, 1); /*4*/
	--transparency: 					rgba(0, 0, 0, 0.7); /*transparency*/
	--gold: 							linear-gradient(180deg, rgba(165, 201, 202, 1) 0%, rgba(57, 91, 100, 1) 100%); /*gold*/
}

* {
	font-family: 						'DM Sans';
	color: 								var(--black);
	outline: 							unset;
}

body {
	background-color: 					rgba(242, 242, 242, 1);
}

h1, h2, h3, h4, h5, p, span, a {
	text-decoration: 					none;
	color: 								var(--black);
	display: 							block;
	margin: 							0;
}

h1 {
	font-family: 						'Refoke';
	font-size: 							70px;
	font-weight: 						700;
}

h2 {
	font-family: 						'Refoke';
	font-size: 							50px;
	font-weight: 						700;
}

h3 {
	font-size: 							40px;
	font-weight: 						500;
}

h4 {
	font-size: 							16px;
	font-weight: 						700;
}

h5 {
	font-size: 							15px;
	font-weight: 						500;
}

p, span {
	font-size: 							16px;
	font-weight: 						400;
}

.btnGeneral {
	position: 							relative;
	padding: 							15px 20px;
	border-radius: 						20px;
	border: 							0.5px solid rgba(255, 255, 255, 0.3);
	font-size: 							16px;
	transition: 						all 0.3s ease-in-out;
}

.btnBgTransparencyTextBeige {
	background-color: 					var(--transparency);
	color: 								var(--beige);

	&:hover {
		color: 							transparent;
	}

	&::before {
		content: 						attr(btn-text);
		padding: 						15px 20px;
    	position: 						absolute;
    	top: 							0;
    	left: 							0;
    	width: 							100%;
    	height: 						100%;
    	background: 					var(--gold) text;
    	z-index: 						1;
    	opacity: 						0;
    	-webkit-text-fill-color: 		transparent;
    	pointer-events:					none;
    	transition: 					all 0.3s ease-in-out;
	}

	&:hover:before {
		opacity: 						1;
	}
}

.btnBgBeigeTextBrown {
	background-color: 					var(--beige);
	color: 								var(--brown);

	&:hover {
		color:			 				var(--black);
	}
}

.btnBgBlackTextBeige {
	background-color: 					var(--black);
	color: 								var(--beige);

	&:hover {
		color: 							transparent;
	}

	&::before {
		content: 						attr(btn-text);
		padding: 						15px 20px;
    	position: 						absolute;
    	top: 							0;
    	left: 							0;
    	width: 							100%;
    	height: 						100%;
    	background: 					var(--gold) text;
    	z-index: 						1;
    	opacity: 						0;
    	-webkit-text-fill-color: 		transparent;
    	pointer-events:					none;
    	transition: 					all 0.3s ease-in-out;
	}

	&:hover:before {
		opacity: 						1;
	}
}

.btnWithLinkIcon,
.btnWithCalendlyIcon {
	display: 							flex;
	align-items: 						center;
	justify-content: 					space-between;
}

.btnWithLinkIcon::after {
	content: 							"";
	mask-image: 						url("./assets/images/greaterThanIcon.svg");
    mask-size: 							15px 10px;
    mask-position: 						center center;
    mask-repeat: 						no-repeat;
    width: 								15px;
    height: 							10px;
	transition: 						all 0.3s ease-in-out;
}

.btnWithCalendlyIcon::after {
	content: 							"";
	background: 						url("./assets/images/calendlyIcon.svg") center center no-repeat;
    background-size:					22px 22px;
    width: 								22px;
    height: 							22px;
	transition: 						all 0.3s ease-in-out;
}

input[type="text"],
input[type="email"],
#is-search-input-211,
#is-search-input-293 {
	width: 								100%;
	padding: 							15px;
	color: 								var(--white);
	background-color: 					transparent;
	border: 							0.5px solid var(--beige) !important;
	border-radius: 						15px;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
#is-search-input-211::placeholder,
#is-search-input-293::placeholder {
	color: 								var(--beige);
}

.dropdown-toggle {
	width: 								100%;
	display: 							flex;
	align-items: 						center;
	justify-content: 					space-between;
	gap: 								10px;
	padding: 							15px 20px;
	border: 							0.5px solid;
	border-color: 						var(--beige) !important;
	border-radius: 						20px;
	transition: 						all 0.3s ease-in-out;
}

.dropdown-toggle::after {
	border: 							unset;
	content: 							"";
	width: 								15px;
	height: 							10px;
	mask: 								url("./assets/images/greaterThanIcon.svg") center center no-repeat;
	background-color: 					var(--black);
	transform: 							rotate(90deg);
	margin: 							0;
	transition: 						all 0.3s ease-in-out;
}

.dropdown-toggle.show::after {
	transform: 							rotate(270deg);
}

.dropdown-menu {
	width: 								100%;
	max-height: 						200px;
	padding: 							0;
	background-color: 					#FFFFFF;
	border-radius: 						20px;
	border: 							unset;
	overflow-y: 						auto;
	overflow-x: 						hidden;
}

.dropdown-menu .dropdown-item {
	padding: 							10px 20px;
	border:  							1px solid transparent;
	border-radius: 						15px;
	cursor: 							pointer;
	transition: 						all 0.3s ease-in-out;
}

.dropdown-menu .dropdown-item:hover {
	color: 								var(--softBrown);
	background-color: 					var(--white);
	border-color: 						var(--beige);
}

.dropdown-menu.slider {
	min-width: 							300px;
	padding: 							45px 15px 15px;
}

.dropdown-menu.slider .noUi-target {
	width: 								80%;
	height: 							3px;
	background-color: 					var(--brown);
	border: 							unset;
	border-radius: 						unset;
	box-shadow: 						unset;
	margin: 							0 auto 10px;
}

.dropdown-menu.slider .noUi-target .noUi-connect {
	background-color: 					#C0E485;
}

.dropdown-menu.slider .noUi-target .noUi-handle {
	width: 								13px;
    height: 							13px;
    top: 								-6px;
    border: 							unset;
    border-radius: 						unset;
    background: 						url("./assets/images/sliderButton.svg") center center no-repeat;
	background-size: 					100% 100%;
    box-shadow: 						unset;
}

.dropdown-menu.slider .noUi-target .noUi-handle-lower {
	right: 								0;
}

.dropdown-menu.slider .noUi-target .noUi-handle-upper {
	left: 								100%;
}

.dropdown-menu.slider .noUi-target .noUi-handle:after, 
.dropdown-menu.slider .noUi-target .noUi-handle:before { 
	content: 							unset;
}

.dropdown-menu.slider .noUi-target .noUi-handle .noUi-tooltip {
	font-size: 							14px;
	font-weight: 						600;
	color: 								var(--beige);
	background-color: 					var(--brown);
	padding: 							5px 10px;
	border: 							unset;
	border-radius: 						10px;
	bottom: 							150%;
}

.dropdown-menu.slider .noUi-target .noUi-handle .noUi-tooltip::after {
	content: 							"";
	width: 								0px;
	height: 							0px;
	border-top: 						5px solid var(--brown);
	border-left: 						5px solid transparent;
	border-right: 						5px solid transparent;
	position: 							absolute;
	top: 								100%;
	left: 								0;
	right: 								0;
	margin: 							0 auto;
}

.dropdown-menu.slider > input {
	display: 							block;
	color: 								var(--brown);
	font-size: 							14px;
	font-weight: 						600;
	border: 							unset !important;
	padding: 							0;
	text-align: 						center;
}

/* Scrollbar Track */
::-webkit-scrollbar {
	width: 								5px; /* Width for vertical scrollbar */
	height: 							5px; /* Height for horizontal scrollbar */
}
  
/* Scrollbar Thumb (the moving part) */
::-webkit-scrollbar-thumb {
	background: 						var(--black); /* Scrollbar color */
}
  
/* Scrollbar Track (background behind the thumb) */
::-webkit-scrollbar-track {
	background: 						var(--white);
}

.floatWA {
	width: 								85px;
	height: 							85px;
	padding: 							20px;
	border: 							unset;
	border-radius: 						50px;
	background-color: 					var(--transparency);
	position: 							fixed;
	right: 								5px;
	bottom: 							90px;
}

.floatWA > img {
	width: 								45px;
	height: 							45px;
	object-fit: 						contain;
	object-position: 					center center;
}

.wpcf7-form > p:nth-of-type(2) {
	display: 							flex;
	flex-flow: 							row nowrap;
	align-items: 						center;
	margin-top: 						25px;
}

.wpcf7-form .submitForm {
	position: 							relative;
	display: 							flex;
	align-items: 						center;
	justify-content: 					space-between;
	font-size: 							16px;
	color: 								var(--beige);
	padding: 							15px 20px;
	border-radius: 						20px;
	border: 							0.5px solid rgba(255, 255, 255, 0.3);
	background-color: 					var(--transparency);
	transition: 						all 0.3s ease-in-out;
}

.wpcf7-form .submitForm:hover {
	color: 								var(--white);
}
/* END GENERAL STYLES */

/* START HEADER STYLES */
header {
	position: 							relative;
	padding: 							20px 20px 0;
	z-index: 							2;
}

header .nav {
	background-color: 					#FFFFFF;
	padding-inline: 					30px 5px;
	border-radius: 						20px;
	align-items: 						center;
}

header .nav .nav-logo {
	width: 								100px;
	height: 							50px;
	margin-right: 						auto;
}

header .nav .nav-logo .logo {
	width: 								inherit;
	height: 							inherit;
	object-fit: 						contain;
	object-position: 					center center;
}

header .nav .nav-option {
	padding: 							20px 15px;
	margin-right: 						5px;
	border-bottom: 						3px solid transparent;
	transition: 						all 0.3s ease-in-out;
}

header .nav .nav-option:hover {
	color: 								var(--brown);
}

header .nav .nav-option.active {
	border-bottom: 						3px solid var(--brown);
}

header .nav .dropdown {
	margin-right: 						5px;
}

header .nav .dropdown-toggle {
	border: 							unset;
}

header .nav .dropdown-menu {
	min-width: 							7rem;
	transform: 							translate(-25px, 70%) !important;
}

header .nav .nav-icon {
	width: 								30px;
	aspect-ratio: 						1;
	margin-right: 						15px;
}

header .nav .navListings {
	position: 							relative;
	width: 								20px;
	height: 							25px;
	background-color: 					transparent;
	border: 							unset;
	padding: 							0;
	margin-right: 						10px;
	text-align: 						start;
}

header .nav .navListings .savedListings {
	width: 								inherit;
	height: 							inherit;
	object-fit: 						contain;
	object-position: 					center center;
}

header .nav .navListings .listingsWrapper {
	background-color: 					#FFFFFF;
	position: 							absolute;
	right: 								0;
	top: 								205%;
	border-radius: 						30px;
	opacity: 							0;
	visibility: 						hidden;
	cursor: 							default;
	transition: 						all 0.3s ease-in-out;
}

header .nav .navListings .listingsWrapper.show {
	opacity: 							1;
	visibility: 						visible;
}

header .nav .navListings .listingsWrapper > .title {
	font-size: 							20px;
	font-weight: 						900;
	margin-bottom: 						20px;
	padding: 							20px 20px 0;
}

header .nav .navListings .listingsWrapper .list {
	max-height: 						600px;
    padding-inline: 					20px;
    overflow: 							auto;
    background: 						linear-gradient(to bottom, #FFFFFF, #FFFFFF),
										linear-gradient(to bottom, #FFFFFF, #FFFFFF),
										linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 1)),
    									linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 1));
    background-attachment: 				local, local, scroll, scroll;
    background-position: 				top, bottom, top, bottom;
    background-repeat: 					no-repeat;
    background-size: 					100% 40px, 100% 40px, 100% 40px, 100% 40px;
}

header .nav .navListings .listingsWrapper .list .listingInformation {
	display: 							flex;
	flex-flow: 							column nowrap;
	gap: 								20px;
	margin-bottom: 						30px;
}

header .nav .navListings .listingsWrapper .list .listingInformation:last-of-type {
	margin-bottom: 						0;
}

header .nav .navListings .listingsWrapper .list .listingInformation .image {
	width: 								100%;
	height: 							200px;
	object-fit: 						cover;
	object-position: 					center center;
	border-radius:  					20px;
}

header .nav .navListings .listingsWrapper .list .listingInformation .titleAndPrice {
	display: 							flex;
	flex-flow: 							row nowrap;
	align-items: 						center;
	justify-content: 					space-between;
}

header .nav .navListings .listingsWrapper .list .listingInformation .titleAndPrice .title {
	font-size: 							20px;
	font-weight: 						900;
}

header .nav .navListings .listingsWrapper .list .listingInformation .titleAndPrice .price {
	font-weight: 						900;
	color: 								var(--brown);
	background-color: 					var(--beige);
	padding: 							10px;
	border-radius: 						10px;
}

header .nav .navListings .listingsWrapper .list .listingInformation .descriptionMore {
	position: 							relative;
	font-weight: 						300;
	padding-right: 						25px;
	text-overflow: 						ellipsis;
	overflow: 							hidden;
	max-height: 						100px;
	transition: 						all 0.3s ease-in-out;

}

header .nav .navListings .listingsWrapper .list .listingInformation .descriptionMore.show {
	max-height: 						1000px;
}

header .nav .navListings .listingsWrapper .list .listingInformation .descriptionMore .toggleMore {	
	font-weight: 						700;
	background: 						var(--gold) text;
	-webkit-text-fill-color: 			transparent;
	position: 							absolute;
	bottom: 							5px;
	right: 								0;
	cursor: 							pointer;
}

header .nav .navListings .listingsWrapper .list .listingInformation .amenities {
	display: 							flex;
	flex-flow: 							row nowrap;
	align-items: 						center;
}

header .nav .navListings .listingsWrapper .list .listingInformation .amenities .icon {
	object-fit: 						contain;
	object-position: 					center center;
	margin-right: 						5px;
}

header .nav .navListings .listingsWrapper .list .listingInformation .amenities .value {
	width: 								100%;
	font-size: 							14px;
	text-overflow: 						ellipsis;
	text-wrap: 							nowrap;
	overflow: 							hidden;
}

header .nav .navListings .listingsWrapper .list .listingInformation .amenities .vr {
	opacity: 							1;
	margin: 							0 15px;
}

header .nav .navListings .listingsWrapper .list .listingInformation .options {
	display: 							flex;
	flex-flow: 							row nowrap;
	gap: 								10px;
}

header .nav .navListings .listingsWrapper .list .listingInformation .options .btnDetails,
header .nav .navListings .listingsWrapper .list .listingInformation .options .btnVisit {
	width: 								100%;
	padding: 							10px 15px;
}

header .nav .navListings .listingsWrapper .list .listingInformation .options .btnDetails::after {
	background: 						var(--brown);
}

header .nav .navListings .listingsWrapper .list .listingInformation .options .btnDetails:hover:after {
	background: 						var(--black);
}

header .nav .navListings .listingsWrapper .list .listingInformation .options .btnVisit::before {
	padding: 							10px 15px;
}

header .nav .navListings .listingsWrapper .bottomContainer {
	padding: 							0 20px 20px;
}

header .nav .navListings .listingsWrapper .bottomContainer .btnSeeAll {
	min-width: 							400px;
	margin-top: 						20px;
}

header .nav .navListings .listingsWrapper .bottomContainer .btnSeeAll::after {
	background: 						var(--beige);
}

header .nav .navListings .listingsWrapper .bottomContainer .btnSeeAll:hover:after {
	background: 						var(--gold);
}

header .nav .nav-btn {
	gap: 								40px;
}

header .nav .nav-btn::after {
	background: 						var(--beige);
}

header .nav .nav-btn:hover:after {
	background: 						var(--gold);
}
/* END HEADER STYLES */

/* START FOOTER STYLES */
footer {
	padding: 							80px 0 30px;
	background-color: 					var(--brown);
}

footer .title {
	font-weight: 						700;
	color: 								var(--beige);
	letter-spacing: 					5px;
	text-transform: 					uppercase;
	margin-bottom: 						10px;
}

footer .description {
	font-weight: 						700;
	color: 								var(--beige);
	margin-bottom: 						20px;
}

footer .description cc {
	font-family: 						'Refoke';
	color: 								var(--white);
}

footer .logoFooter {
	width: 								100px;
	height: 							50px;
	object-fit: 						contain;
	object-position: 					center center;
	margin-bottom: 						30px;
}

footer .wrapper {
	display: 							flex;
	flex-flow: 							row nowrap;
	justify-content: 					space-between;
	border-top: 						1px solid var(--black);
	padding: 							30px 0 0;
}

footer .wrapper h5 {
	font-size: 							14px;
	font-weight: 						250;
	color: 								var(--beige);
}

footer .wrapper .links {
	display: 							flex;
	flex-flow: 							row nowrap;
	gap: 								5px;
}

footer .wrapper .links .link {
	padding: 							15px 10px;
	color: 								var(--beige);
	transition: 						all 0.3s ease-in-out;
}

footer .wrapper .links .link:hover {
	color: 								var(--white);
}
/* END FOOTER STYLES */

/* START FONT FAMILY IMPORT REFOKE */
@font-face {
	font-family: 'Refoke';
	src: url('./assets/fonts/refoke/Refoke-Regular.woff2') format('woff2'),
		 url('./assets/fonts/refoke/Refoke-Regular.woff') format('woff'),
		 url('./assets/fonts/refoke/Refoke-Regular.ttf') format('truetype'),
		 url('./assets/fonts/refoke/Refoke-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
  }
  
  @font-face {
	font-family: 'Refoke';
	src: url('./assets/fonts/refoke/Refoke-Bold.woff2') format('woff2'),
		 url('./assets/fonts/refoke/Refoke-Bold.woff') format('woff'),
		 url('./assets/fonts/refoke/Refoke-Bold.ttf') format('truetype'),
		 url('./assets/fonts/refoke/Refoke-Bold.otf') format('opentype');
	font-weight: bold;
	font-style: normal;
  }
  
  @font-face {
	font-family: 'Refoke';
	src: url('./assets/fonts/refoke/Refoke-Italic.woff2') format('woff2'),
		 url('./assets/fonts/refoke/Refoke-Italic.woff') format('woff'),
		 url('./assets/fonts/refoke/Refoke-Italic.ttf') format('truetype'),
		 url('./assets/fonts/refoke/Refoke-Italic.otf') format('opentype');
	font-weight: normal;
	font-style: italic;
  }
/* END FONT FAMILY IMPORT REFOKE */

@media (max-width: 991px) {
	h1 {
		font-size: 							35px;
	}
	
	h2 {
		font-size: 							35px;
	}
	
	h3 {
		font-size: 							25px;
	}
	
	h4 {
		font-size: 							14px;
	}
	
	h5 {
		font-size: 							12px;
	}
	
	p, span {
		font-size: 							14px;
	}
	
	.btnGeneral {
		padding: 							10px 15px;
		font-size: 							14px;
	}
	
	.btnBgTransparencyTextBeige {
		&::before {
			padding: 						10px 15px;
		}
	}
	
	.btnBgBlackTextBeige {
		&::before {
			padding: 						10px 15px;
		}
	}

	.dropdown-menu {
		background-color: 					var(--white);
	}

	.dropdown-menu.slider > input {
		margin-bottom: 						10px;
	}

	.dropdown-menu.slider .btnSlider {
		width: 								100%;
	}
		
	/* Scrollbar Track */
	::-webkit-scrollbar {
		width: 								5px; /* Width for vertical scrollbar */
		height: 							5px; /* Height for horizontal scrollbar */
	}

	
	.floatWA {
		width: 								65px;
		height: 							65px;
		padding: 							10px;
		display: 							flex;
		align-items: 						center;
		justify-content: 					center;
		right: 								15px;
		bottom: 							15px;
	}
	
	.floatWA > img {
		width: 								35px;
		height: 							35px;
	}
	
	.wpcf7-form > p:nth-of-type(2) {
		flex-flow: column nowrap;
	}

	.wpcf7-form .submitForm {
		margin: 							0 auto;
		position: 							relative;
		display: 							flex;
		align-items: 						center;
		justify-content: 					space-between;
		font-size: 							16px;
		padding: 							20px;
		border-radius: 						20px;
	}
	/* END GENERAL STYLES */
	
	/* START HEADER STYLES */
	header {
		padding: 							10px 10px 0;
	}
	
	header .nav {
		padding: 							10px 20px;
		border-radius: 						15px;
	}
	
	header .nav .nav-logo {
		height: 							45px;
	}
	
	header .nav > .nav-option {
		display: 							none;
	}
	
	header .nav > .dropdown {
		display: 							none;
	}
	
	header .nav > .nav-icon {
		display: 							none;
	}
	
	header .nav > .navListings {
		display: 							none;
	}
	
	header .nav > .nav-btn {
		display: 							none;
	}

	header .nav .mobileMenuIcon {
		width: 								inherit;
		height: 							inherit;
		object-fit: 						contain;
		object-position: 					center center;
	}

	.mobileMenu {
		max-width: 							0;
		background-color: 					#FFFFFF;
		border-radius: 						20px;
		padding: 							15px 0 35px;
		position: 							fixed;
		top: 								10px;
		right: 								0;
		z-index: 							99999;
		transition: 						all 0.3s ease-in-out;
		opacity: 							0;
		visibility: 						hidden;
		overflow: 							hidden;
	}

	.mobileMenu.show {
		max-width: 							400px;
		padding: 							15px 15px 35px;
		opacity: 							1;
		visibility: 						visible;
		overflow: 							unset;
	}

	.mobileMenu .headerMenu {
		display: 							flex;
		flex-flow: 							row nowrap;
		margin-bottom: 						15px;
	}

	.mobileMenu .headerMenu > .nav-logo {
		width: 								100px;
		height:								50px;
		margin-right: 						auto;
	}

	.mobileMenu .headerMenu > .nav-logo .logo {
		width: 								inherit;
		height: 							inherit;
		object-fit: 						contain;
		object-position: 					center center;
	}

	.mobileMenu .headerMenu > .mobileMenuIcon {
		width: 								inherit;
		height: 							20px;
		object-fit: 						contain;
		object-position: 					center center;
	}

	.mobileMenu > .nav-option {
		width: 								fit-content;
		padding: 							0;
		margin: 							0 0 30px auto;
	}

	.mobileMenu > .iconsContainer {
		width: 								fit-content;
		display: 							flex;
		flex-flow: 							row nowrap;
		align-items: 						center;
		gap: 								30px;
		margin: 							0 0 30px auto;
	}

	.mobileMenu > .iconsContainer .navListings {
		position: 							relative;
		width: 								20px;
		height: 							31px;
		background-color: 					transparent;
		border: 							unset;
		padding: 							0;
		text-align: 						start;
	}

	.mobileMenu > .iconsContainer .navListings .savedListings {
		width: 								inherit;
		height: 							inherit;
		object-fit: 						contain;
		object-position: 					center center;
	}

	.mobileMenu > .iconsContainer .navListings .listingsWrapper {
		display: 							flex;
		flex-flow: 							column nowrap;
		max-width: 							0;
		height: 							98svh;
		background-color: 					#FFFFFF;
		position: 							fixed;
		top: 								10px;
		right: 								0;
		border-radius: 						30px;
		opacity: 							0;
		visibility: 						hidden;
		cursor: 							default;
		transition: 						all 0.3s ease-in-out;
		z-index: 							999999;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper.show {
		max-width: 							400px;
		opacity: 							1;
		visibility: 						visible;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper > .title {
		flex:  								0 0 auto;
		display: 							flex;
		align-items: 						center;
		justify-content: 					space-between;
		font-size: 							16px;
		font-weight: 						900;
		margin-bottom: 						20px;
		padding: 							20px 20px 0;
		text-overflow:						ellipsis;
		text-wrap: 							nowrap;
		overflow: 							hidden;
	}

	.mobileMenu > .iconsContainer .navListings .listingsWrapper > .title .closeListingsMobile {
		width: 								15px;
		height: 							15px;
		mask-image: 						url("./assets/images/greaterThanIcon.svg");
		mask-size: 							15px 15px;
		mask-position: 						center center;
		mask-repeat: 						no-repeat;
		background-color: 					var(--black);
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list {
		flex: 								1 0 0;
		padding-inline: 					20px;
		overflow: 							auto;
		background: 						linear-gradient(to bottom, #FFFFFF, #FFFFFF),
											linear-gradient(to bottom, #FFFFFF, #FFFFFF),
											linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 1)),
											linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 1));
		background-attachment: 				local, local, scroll, scroll;
		background-position: 				top, bottom, top, bottom;
		background-repeat: 					no-repeat;
		background-size: 					100% 40px, 100% 40px, 100% 40px, 100% 40px;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation {
		display: 							flex;
		flex-flow: 							column nowrap;
		gap: 								20px;
		margin-bottom: 						30px;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation:last-of-type {
		margin-bottom: 						0;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .image {
		width: 								100%;
		height: 							200px;
		object-fit: 						cover;
		object-position: 					center center;
		border-radius:  					20px;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .titleAndPrice {
		display: 							flex;
		flex-flow: 							row nowrap;
		align-items: 						center;
		justify-content: 					space-between;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .titleAndPrice .title {
		font-size: 							16px;
		font-weight: 						900;
		text-overflow: 						ellipsis;
		text-wrap: 							nowrap;
		overflow: 							hidden;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .titleAndPrice .price {
		font-size: 							16px;
		font-weight: 						900;
		color: 								var(--brown);
		background-color: 					var(--beige);
		padding: 							10px;
		border-radius: 						10px;
		text-overflow: 						ellipsis;
		text-wrap: 							nowrap;
		overflow: 							hidden;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .descriptionMore {
		position: 							relative;
		font-weight: 						300;
		padding-right: 						25px;
		text-overflow: 						ellipsis;
		overflow: 							hidden;
		max-height: 						100px;
		transition: 						all 0.3s ease-in-out;
	
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .descriptionMore.show {
		max-height: 						1000px;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .descriptionMore .toggleMore {	
		font-weight: 						700;
		background: 						var(--gold) text;
		-webkit-text-fill-color: 			transparent;
		position: 							absolute;
		bottom: 							5px;
		right: 								0;
		cursor: 							pointer;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .amenities {
		display: 							flex;
		flex-flow: 							row nowrap;
		align-items: 						center;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .amenities .icon {
		object-fit: 						contain;
		object-position: 					center center;
		margin-right: 						5px;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .amenities .value {
		width: 								100%;
		font-size: 							14px;
		text-overflow: 						ellipsis;
		text-wrap: 							nowrap;
		overflow: 							hidden;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .amenities .vr {
		opacity: 							1;
		margin: 							0 15px;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .options {
		display: 							flex;
		flex-flow: 							row nowrap;
		gap: 								10px;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .options .btnDetails,
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .options .btnVisit {
		width: 								100%;
		padding: 							10px 15px;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .options .btnDetails::after {
		background: 						var(--brown);
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .options .btnDetails:hover:after {
		background: 						var(--black);
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .list .listingInformation .options .btnVisit::before {
		padding: 							10px 15px;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .bottomContainer {
		padding: 							0 20px 20px;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .bottomContainer .btnSeeAll {
		min-width: 							360px;
		margin-top: 						20px;
	}
	
	.mobileMenu > .iconsContainer .navListings .listingsWrapper .bottomContainer .btnSeeAll::after {
		background: 						var(--beige);
	}

	.mobileMenu .iconsContainer > .nav-icon {
		margin: 							0;
	}
	
	.mobileMenu .footerMenu {
		display: 							flex;
		flex-flow: 							row nowrap;
		gap: 								5px;
	}

	.mobileMenu .footerMenu .dropdown-toggle {
		font-size: 							14px;
		background-color: 					var(--beige);
	}

	.mobileMenu .footerMenu .dropdown-menu {
		transform: 							translate(0, 60%) !important;
	}

	.mobileMenu .footerMenu > .nav-btn {
		padding: 							15px 20px;
		gap: 								15px;
		text-overflow: 						ellipsis;
		text-wrap: 							nowrap;
		overflow: 							hidden;
		transition: 						all 0.3s ease-in-out;
	}

	.mobileMenu .footerMenu > .nav-btn::before {
		padding: 							15px 20px;
	}

	.mobileMenu.show .footerMenu > .nav-btn {
		overflow: 							unset;
	}
	/* END HEADER STYLES */
	
	/* START FOOTER STYLES */
	footer {
		padding: 							30px 0;
		text-align: center;
	}
	
	footer .title {
		margin-bottom: 						20px;
	}
	
	footer .wrapper {
		flex-flow: 							column nowrap;
		align-items: 						center;
		gap: 								10px;
	}
	/* END FOOTER STYLES */

	/* STARTS MENU BACKDROP */
	.menu-backdrop {
		position: 							fixed;
		top: 								0;
		left: 								0;
		width: 								100%;
		height: 							100%;
		background: 						rgba(0, 0, 0, 0.5);
		backdrop-filter: 					blur(2px);
		z-index: 							9999;
	}
	/* END MENU BACKDROP */
}