@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Seaweed+Script&display=swap');


:root {
	--white: #fff;
	--black: #000;
	--brown: #413732;
	--sea-green: #0D6763;
}

:is(h1, h2, h3, h4, h5, h6, p) {
	margin: 0px;
	height: fit-content;
	text-align: right;
}

input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

img {
	user-select: none;
}

a {
	text-decoration: none;
}

ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

button {
	background-color: transparent;
	outline: none;
	border: none;
}

body {
	min-height: 100vh;
	text-align: right;
	scroll-behavior: smooth;
	background-color: var(--white);
	font-family: "Rubik", sans-serif;
}

.row {
	padding: 0;
	margin: 0;
}


/******************** HEADER ********************/
header .flx {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

header {
	position: sticky;
	background: #fff;
	top: 0;
	padding: 0px 0px 0px 0px;
	width: 100%;
	z-index: 99999;
	transition: 0.3s;
}

header.shadow {
	animation: header 1s forwards 1;
	height: 80px;
}

@keyframes header {
	from {
		top: -50%;
	}

	to {
		top: 0%;
	}
}

header .container-fluidss {
	max-width: 1352px;
	margin: auto;
	height: 100%;
}

header nav ul {
	display: flex;
	align-items: center;
	gap: 25px;
}

header nav ul li a {
	color: var(--brown);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

header .header-ls {
	display: flex;
	gap: 20px;
	align-items: center;
}

header .btn.btn-contact {
	color: var(--white);
	text-align: center;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	width: 119px;
	height: 40px;
	background-color: var(--sea-green);
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

header {
	height: 110px;
}

header .flx .header-ls .language {
	display: flex;
	align-items: center;
	gap: 20px;
}

header .flx .header-ls .language a {
	color: var(--brown);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}


header .main-logo {
	max-width: 202.611px;
	height: 24.152px;
}

header .main-logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}





/************** HEADER SEARCH INPUT *****************/
/* header .search-input {
  position: relative;
} */


/* header input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0px;
  padding: 0 15px;
  border: none;
  outline: none;
  cursor: pointer;
  z-index: 3;
  opacity: 0;
  transition: width 0.5s;

  color: var(--brown);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
} */

header button {
	position: relative;
	width: 29px;
	height: 29px;
	text-align: center;
	line-height: 30px;
	border: none;
	border-radius: 15px;
	background-color: var(--brown);
	outline: none;
	cursor: pointer;
	z-index: 2;
	padding: 0;
	transition: background-color 0.5s;
}

/*
header input:focus {
  background-color: #333;
  border-bottom: 1px solid #413732;
  width: 119px;
  padding-left: 200px;
  cursor: text;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.5s, width 0.5s;
  border: none;
  border-bottom: 1px solid #413732;
  border-radius: 0;
  margin-left: 37px;
} */

header nav ul li {
	position: relative;
	transition: all 1s ease;
}

header nav ul li ul {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 25px;
	z-index: 9;
	background-color: var(--white);
	width: 200px;
	right: -20px;
	gap: 0;
	align-items: start;
	transition: all 1s ease;
	max-height: 0;
	overflow: hidden;
}


header .search-wraper {
	width: fit-content;
	position: relative;
	z-index: 99;
}

header .search-box {
	margin: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgba(13, 103, 99, 0.80);
	transition: all 0.5s ease-in-out;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

header .search-box.show {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

header .search-box .close {
	position: absolute;
	top: 2rem;
	right: 2rem;
	background: none;
	border: 0;
	font-size: 2rem;
	font-weight: 700;
	display: block;
	cursor: pointer;
	color: black;
	padding: 0px;
	background: white;
	border-radius: 50%;
	outline: none;
	z-index: 99;
	height: 55px;
	transition: all 0.3s ease-in-out;
	display: flex;
	padding-bottom: 2px;
	width: 55px;
	align-items: center;
	justify-content: center;
}

header .search-box form {
	position: absolute;
	inset: 0px;
	display: flex;
}

header .search-bar {
	height: 82px;
	border-bottom: 2px solid #0D6763;
	width: calc(100% - 20px);
	background-color: #fff;
	transition: 0.3s;
	transform: translateY(-10px);
	margin: auto;
	max-width: 576px;
	display: flex;
	align-items: center;
}

header .search-bar .input {
	width: 100%;
	height: 100%;
	box-shadow: 0px 0px 13px -9px #000;
	padding: 0px 22px;
	border: none;
	background: #fff;
	outline: 0;
	margin: 0;

	color: var(--brown);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

header .search-bar .input::placeholder {
	color: var(--brown);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

header .search-bar .search-btn {
	width: 20%;
	height: 100%;
	background-color: var(--sea-green);
	border: none;
	outline: none;
	margin: 0;

	color: var(--white);
	text-align: center;

	cursor: pointer;
}

header .search-bar .search-btn::placeholder {
	color: #fff;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
}

header .search-box .close:hover {
	background: transparent;
	color: #fff;
}





header nav ul li:hover ul {
	max-height: 200px;
	/* padding: 20px; */
}

header nav ul li ul li:nth-child(1) {
	padding-top: 20px;
}

header nav ul li ul li:nth-last-child(1) {
	padding-bottom: 20px;
}

header nav ul li ul li {
	padding-right: 20px;
}

header nav ul li ul li a {
	color: var(--sea-green);
	text-align: right;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}


/********************** HOME SERO SECTION ****************/
.hero-section .bg-img {
	width: 100%;
	height: 1000px;

	position: relative;
}

.hero-section .bg-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.hero-section .container-fluidss {
	max-width: 1792px;
	margin: auto;
	border: 1px solid #0D6763;
	padding: 8px;
}

.hero-section .container-fluidss .hero-slider .slick-arrow {
	display: none !important;
}

.hero-section .bg-img .img {
	position: absolute;
	width: 1435px;
	height: 405px;
	bottom: 0;
	/* left: -345px; */
	left: 0;
	object-fit: cover;
	z-index: 1;
}

.hero-section .bg-img .img.img2 {
	height: 487.44px;
	bottom: 20px;
}

.hero-section .bg-img {
	overflow-x: clip;
}

.hero-section .bg-img h1,
.hero-section .bg-img h2 {
	color: var(--white);
	font-size: 70px;
	font-style: normal;
	font-weight: 600;
	line-height: 79px;
	max-width: 560px;
}

.hero-section .bg-img h2 {
	font-weight: 300;
}

.hero-section .bg-img .flx-btn {
	display: flex;
	align-items: center;
	gap: 33px;
	margin-top: 18px;
	position: relative;
	z-index: 2;
}

.hero-section .bg-img .flx-btn .btn.for-sale,
.hero-section .bg-img .flx-btn .btn.for-rent {
	max-width: 125px;
	width: 100%;
	height: 42px;

	color: var(--sea-green);
	background-color: var(--white);

	text-align: center;
	font-size: 21.382px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 0;
}

.hero-section .bg-img .flx-btn .btn.for-sale {
	color: var(--white);
	background-color: var(--sea-green);
}

.hero-section .bg-img .content {
	margin-right: 212px;
	padding-top: 202px;
	position: absolute;
	top: 0;
	right: 0;
}

/******************** SELECTED HOUSE ********************/

.ho-selected-house .container-fluidss {
	max-width: 1432px;
	margin: auto;
}


.ho-selected-house .text h2 {
	color: var(--brown);
	font-size: 44px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
}

.ho-selected-house .text p {
	color: var(--brown);
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

.ho-selected-house .text p span {
	color: var(--brown);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

.ho-selected-house .text {
	display: flex;
	align-items: baseline;
	gap: 7px;
	padding-top: 52px;
	padding-right: 40px;
	height: 267px;
	margin-bottom: -175px;
	background-color: var(--white);
}

.ho-selected-house {
	margin-top: -70px;
	position: relative;
	/* z-index: 1; */
}


.ho-selected-house::before {
	content: "";
	position: absolute;
	display: inline-block;
	height: 984px;
	width: 100%;
	background: rgba(217, 217, 217, 0.37);
	filter: blur(30px);
	z-index: -1;
}

.ho-selected-house .list-properties {
	margin: 0 40px;
	margin-top: 28px;
}

.ho-selected-house .list-properties {
	display: flex;
	flex-wrap: wrap;
	gap: 13px;
}

.ho-selected-house .grid-item {
	position: relative;
	width: 100%;
	height: 100%;
}

.ho-selected-house .grid-item .tag-img {
	max-width: 100.535px;
	height: 100.535px;
	/* transform: rotate(-14.747deg); */
	position: absolute;
	top: 68px;
	left: 48px;
}

.ho-selected-house .grid-item .tag-img.tag2 {
	max-width: 103px;
	height: 103px;
	transform: rotate(12.953deg);
}

.ho-selected-house .grid-item .tag-img.tag3 {
	max-width: 98px;
	height: 98px;
	transform: rotate(10.09deg);
}

.ho-selected-house .grid-item .tag-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.ho-selected-house .grid-item .caption,
.sale-cards .card-flx .col .grid-item .caption {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}

.ho-selected-house .grid-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ho-selected-house .col.col2 {
	max-width: 440px;
	height: 683px;
}

.ho-selected-house .col.col2 .grid-item {
	width: 100%;
	height: 100%;
	max-width: 100%;
}

.ho-selected-house .grid-item p img {
	width: 28.203px;
	height: 28.203px;
	object-fit: contain;
}

.ho-selected-house .grid-item .content,
.sale-cards .card-flx .col .grid-item .content {
	margin-right: 32px;
	margin-top: 32px;
	margin: 32px;
	background: rgba(255, 255, 255, 0.80);
	padding: 0 23px 23px;
	max-height: 48px;
	overflow: hidden;
	max-width: 294px;
	max-width: fit-content;
	transition: all 1s ease;
}

.ho-selected-house .grid-item .content {
	max-height: 58px;
}

.ho-selected-house .grid-item:hover .content {
	max-height: 269px;
	max-width: 100%;
	transition: all 1s ease;
}



.ho-selected-house .grid-item .inner-text span,
.sale-cards .card-flx .col .grid-item .inner-text span {
	color: var(--brown);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 60px;
	transition: all 1s ease;
}

.ho-selected-house .grid-item .inner-text span {
	line-height: 60px;
}

.ho-selected-house .grid-item .inner-text span:nth-child(1),
.sale-cards .card-flx .col .grid-item .inner-text span:nth-child(1) {
	border-left: 2px solid #413732;
	padding-left: 7px;
}

.ho-selected-house .grid-item .inner-text span:nth-child(2) {
	padding-right: 2px;
}

/*.ho-selected-house .grid-item:hover .inner-text span {*/
/*font-weight: 500;*/
/*}*/

.ho-selected-house .grid-item .text-hover {
	margin-top: 5px;
	padding-right: 2px;
}

.ho-selected-house .grid-item .text-hover p {
	color: var(--brown);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 45.352px;
	display: flex;
	align-items: center;
	gap: 11px;
	transition: all 1s ease;
}

.ho-selected-house .col.col1 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 13px;
}

.ho-selected-house .col.col1 {
	display: flex;
	flex-wrap: wrap;
}

.ho-selected-house .col.col1 a:nth-child(1) {
	width: 100%;
}

.ho-selected-house .col.col1 a:nth-child(1) .grid-item {
	max-width: 100%;
}

.ho-selected-house .list-properties {
	display: grid;
	grid-template-areas:
		'c0 c1 c4'
		'c2 c3 c4'
		'c5 c6 c6'
		'c5 c7 c8';
	grid-gap: 10px;
}

.ho-selected-house .list-properties .pc-cat1 {
	grid-area: c0;
}

.ho-selected-house .list-properties .pc-cat2 {
	grid-area: c1;
}

.ho-selected-house .list-properties .pc-cat3 {
	grid-area: c2;
}

.ho-selected-house .list-properties .pc-cat4 {
	grid-area: c3;
}

.ho-selected-house .list-properties .pc-cat5 {
	grid-area: c4;
}

.ho-selected-house .list-properties .pc-cat6 {
	grid-area: c5;
}

.ho-selected-house .list-properties .pc-cat7 {
	grid-area: c6;
}

.ho-selected-house .list-properties .pc-cat8 {
	grid-area: c7;
}

.ho-selected-house .list-properties .pc-cat9 {
	grid-area: c8;
}

/****************** HOME SELL RENT *******************/
.ho-sell-rent {
	margin-top: 104px;
}

.ho-sell-rent .container-fluidss {
	max-width: 1432px;
	margin: auto;
}

.ho-sell-rent .bg-color {
	background-color: var(--sea-green);
	padding-top: 12px;
}

.ho-sell-rent .bg-color .flx {
	display: flex;
	align-items: center;
	gap: 19px;
}

.ho-sell-rent .flx .col1 {
	max-width: 621px;
	margin-right: 284px;
}

.ho-sell-rent .flx .col1 h3 {
	color: var(--white);
	font-size: 33px;
	font-style: normal;
	font-weight: 400;
	line-height: 44px;
}

.ho-sell-rent .flx .col1 h3 strong {
	font-weight: 700;
}

.ho-sell-rent .flx .col2 {
	max-width: 166.469px;
	height: 299.279px;
}

.ho-sell-rent .flx .col2 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.ho-sell-rent .flx .col1 .btn.contact-us {
	width: 119px;
	height: 40px;
	border-radius: 15px;
	background: var(--brown);
	color: var(--white);
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 30px;
}

/*********** HOME ABOUT ME *****************/
.ho-about-me {
	margin-top: 137px;
}

.ho-about-me .container-fluidss {
	max-width: 1430px;
	margin: auto;
}

.ho-about-me .flx {
	display: flex;
	position: relative;
}

.ho-about-me .flx .col1 {
	max-width: 357px;
	height: 359px;
	padding: 12px;
	border: 1px solid #413732;
	position: absolute;
	top: -59px;
}

.ho-about-me .flx .col1 .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ho-about-me .flx .col2 {
	background: rgba(217, 217, 217, 0.70);
	margin-right: 125px;
	min-height: 362px;

	display: flex;
	align-items: center;
}

.ho-about-me .flx .col2 .text-wrapper {
	max-width: 906px;
	margin: auto;
	margin-left: 115px;
	position: relative;
	top: -20px;
}

.ho-about-me .flx .col2 .text-wrapper h3 {
	color: var(--sea-green);
	font-size: 33px;
	font-style: normal;
	font-weight: 600;
	line-height: 79px;
}

.ho-about-me .flx .col2 .text-wrapper p {
	color: var(--brown);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-top: 10px;
}

/***************** HOME REVIEWS *****************/
.ho-reviews {
	margin-top: 50px;
}

.ho-reviews .container-fluidss {
	max-width: 1430px;
	margin: auto;
}

.ho-reviews .heading h3 {
	color: var(--sea-green);
	font-size: 33px;
	font-style: normal;
	font-weight: 600;
	line-height: 44px;
}

.ho-reviews .heading h5 {
	color: var(--brown);
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.ho-reviews .review-flx {
	display: flex;
	gap: 48px;
	margin-top: 16px;
}

.ho-reviews .review-flx .col {
	width: 444px;
	display: flex;
	align-items: center;
	gap: 14px;

	background: #BAD9D8;
	padding: 40px 30px 30px;
}

.ho-reviews .review-flx .col .img {
	max-width: 145px;
	width: 100%;
}

.ho-reviews .review-flx .col .img img {
	width: 100%;
	height: 145px;
	object-fit: cover;
	border-radius: 145px;
}

.ho-reviews .review-flx .col .img p {
	color: var(--brown);
	text-align: center;
	font-family: "Seaweed Script";
	font-size: 33px;
	font-style: normal;
	font-weight: 400;
	line-height: 79px;
}

.ho-reviews .review-flx .col .content {
	max-width: 236px;
}

.ho-reviews .review-flx .col .content h3 {
	color: var(--brown);
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.ho-reviews .review-flx .col .content p {
	color: var(--brown);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.ho-reviews .review-flx .col2 {
	background: rgba(217, 217, 217, 0.70);
	margin-top: 36px;
}

.ho-reviews .review-flx .col3 {
	background: rgba(13, 103, 99, 0.44);
	margin-top: -32px;
}

/*********************** FOOTER ******************/

footer .container-fluidss {
	max-width: 1792px;
	margin: auto;
	border: 1px solid #0D6763;
	padding: 8px;
}

footer {
	margin-top: 104px;
}

footer .footer-flx {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

footer .footer-flx .col.col1 {
	max-width: 604px;
}

footer .footer-flx .col.col2 {
	max-width: 783px;
	position: relative;
	top: -34px;
}

footer .bg-color {
	background-color: rgba(13, 103, 99, 0.80);
	padding: 18px 168px 39px;
	padding-left: 42px;
}

footer .footer-flx .col1 .heading h3 {
	color: var(--white);
	font-size: 33px;
	font-style: normal;
	font-weight: 600;
	line-height: 79px;
}

footer .footer-flx .col .text-wrapper p {
	color: var(--white);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

footer .footer-flx .col form input,
footer .footer-flx .col form textarea {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #fff;
	outline: none;
	width: 100%;
	color: var(--white);
}

footer .footer-flx .col form textarea {
	border: 1px solid #fff;
	min-height: 178px;
	margin-top: 20px;
}

footer .footer-flx .col form .inp-flx {
	display: flex;
	align-items: center;
	gap: 95px;
}

footer .footer-flx .col form {
	display: flex;
	flex-direction: column;
	gap: 34px;
	margin-top: 22px;
}

footer .footer-flx .col form input::placeholder,
footer .footer-flx .col form textarea::placeholder {
	color: var(--white);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

footer .footer-flx .col2 #footer-search {
	max-width: 471px;
	height: 46px;
	background-color: var(--sea-green);
	position: relative;
}

footer .footer-flx .col2 #footer-search input {
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: none;
	color: var(--white);
	padding-right: 13px;
	outline: none;
}

footer .footer-flx .col2 #footer-search input::placeholder {
	color: var(--white);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

footer .footer-flx .col2 #footer-search img {
	position: absolute;
	top: 12px;
	left: 15px;
	bottom: 0;
}

footer .footer-flx .col2 h5 {
	margin-top: 18px;
}

footer .footer-flx .col2 h5,
footer .footer-flx .col2 a {
	color: var(--white);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

footer .footer-flx .col2 .social-icon {
	display: flex;
	align-items: center;
	gap: 25px;
	margin-top: 25px;
}

footer .footer-flx .col2 p {
	color: var(--white);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-top: 133px;
}

footer .footer-flx .col2 p a {
	text-decoration: underline;
}

/********************* FOR SALE *********************/
.sale-hero .hero-section .bg-img {
	height: 458px;
	background: rgba(0, 0, 0, 0.50);
	position: relative;
}

.sale-hero .hero-section .bg-img .content {
	padding: 0;
	margin: auto;
	text-align: center;
	left: 0;
	right: 0;
	top: 45%;
	margin-top: 0 !important;
}

.sale-hero .hero-section .bg-img .content h1 {
	max-width: 100%;
	text-align: center;
}

.sale-cards {
	margin-top: 67px;
}

.sale-cards .container-fluidss {
	max-width: 1352px;
	margin: auto;
}

.sale-cards .card-flx {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 21px;
	row-gap: 23px;
}

.sale-cards .card-flx .col {
	max-width: 435px;
}

.sale-cards .card-flx .col .grid-item {
	width: 100%;
	height: 322px;
	position: relative;
}

.sale-cards .card-flx .col .grid-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sale-cards .card-flx .col .grid-item .tag-img {
	position: absolute;
	top: 46px;
	left: 28px;
	max-width: 100.535px;
	height: 100.535px;
	/* transform: rotate(-14.747deg); */
}

.sale-cards .card-flx .col .property-items {
	max-width: 405px;
	margin: auto;
	background-color: var(--sea-green);
	display: flex;
	align-items: center;
	padding: 8px;
	gap: 7px;
	margin-top: -25px;
	z-index: 1;
	position: relative;
	height: 47px;
}

.sale-cards .card-flx .col .property-items p {
	color: var(--white);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;

	display: flex;
	align-items: center;
	gap: 5px;
}

.sale-cards .card-flx .col .text-wrapper p,
.sale-cards .card-flx .col .text-wrapper a {
	color: var(--brown);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}

.sale-cards .card-flx .col .text-wrapper {
	padding: 15px 28px;
	padding-right: 16px;
}

.sale-cards .card-flx .col .text-wrapper a {
	text-decoration: underline;
	font-weight: 600;
}

.sale-cards .card-flx .col .text-wrapper .items {
	margin-top: 25px;
}

.sale-cards .card-flx .col .text-wrapper .items a {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

.sale-cards .card-flx .col .inner-card {
	border: 1px solid #413732;
	border-top: none;
}

/***************** THE HOUSE ***********************/
.house-detail {
	margin-top: 40px;
}

.house-detail .container-fluidss {
	max-width: 1351px;
	margin: auto;
}

.house-detail .detail-flx {
	display: flex;
	justify-content: space-between;
}

.house-detail .detail-flx .col {
	max-width: 628px;
}

.house-detail .detail-flx {
	position: relative;
}

.house-detail .detail-flx .house-tag {
	position: absolute;
	left: -65px;
	top: -185px;
}

.house-detail .detail-flx .house-tag img {
	width: 123px;
	height: 123px;
	object-fit: contain;
}

.house-detail .detail-flx .col .img {
	width: 100%;
	height: 558px;
	margin-top: -65px;
}

.house-detail .detail-flx .col .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.house-detail .pro-items {
	display: flex;
	align-items: center;
	gap: 10px;
	border-bottom: 1px solid #413732;
	padding-bottom: 4px;
	margin-bottom: 25px;
	max-width: 660px;
	flex-wrap: wrap;
	row-gap: 5px;
}

.house-detail .pro-items p {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #156763;
	font-size: 23.66px;
	font-style: normal;
	font-weight: 400;
	line-height: 32.075px;
}

.house-detail .pro-items p img {
	width: 41px;
	height: 41px;
}

.general-post-content ol li,
.general-page ol li,
.general-post-content ul li,
.general-page ul li,
.house-detail .detail-flx .col .text p {
	color: #156763;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 32.075px;
}

/* .house-detail .list-imgs .h-img1 {
	grid-area: item1;
	height: 919px;
}

.house-detail .list-imgs .h-img2 {
	grid-area: item2;
	height: 500px;
}

.house-detail .list-imgs .h-img3 {
	grid-area: item3;
	height: 381px;
}

.house-detail .list-imgs .h-img4 {
	grid-area: item4;
	height: 894px;
}

.house-detail .list-imgs .h-img5 {
	grid-area: item5;
	height: 887px;
}

.house-detail .list-imgs .h-img6 {
	grid-area: item6;
	height: 427px;
}

.house-detail .list-imgs .h-img7 {
	grid-area: item7;
	height: 447px;
}

.house-detail .list-imgs .h-img8 {
	grid-area: item8;
	height: 427px;
}

.house-detail .list-imgs .h-img9 {
	grid-area: item9;
	height: 427px;
}

.house-detail .list-imgs .h-img10 {
	grid-area: item10;
	height: 427px;
}

.house-detail .list-imgs .h-img11 {
	grid-area: item11;
	height: 427px;
}

.house-detail .list-imgs .h-img12 {
	grid-area: item12;
	height: 427px;
}

.house-detail .list-imgs .h-img13 {
	grid-area: item13;
	height: 427px;
}

.house-detail .list-imgs .h-img14 {
	grid-area: item14;
	height: 427px;
}

.house-detail .list-imgs .h-img15 {
	grid-area: item15;
	height: 427px;
}


.house-detail .list-imgs {
	display: grid;
 
	grid-template-areas:
		'item1 item1 item1'
		'item2 item4 item4'
		'item3 item4 item4'
		'item5 item5 item6'
		'item5 item5 item7'
		'item8 item8 item8'
		'item9 item9 item10';
	grid-gap: 10px;
	width: 100%;
	margin-top: 10px;
} */

.house-detail .detail-flx.more-content .col .text p {
	text-align: left;
}

.house-detail.house-2 .pro-items {
	max-width: 100%;
}

.house-detail.house-1 .pro-items {
	max-width: 50%;
}






.ho-selected-house .list-properties .pc-cat1,
.ho-selected-house .list-properties .pc-cat2,
.ho-selected-house .list-properties .pc-cat3,
.ho-selected-house .list-properties .pc-cat4,
.ho-selected-house .list-properties .pc-cat7,
.ho-selected-house .list-properties .pc-cat8,
.ho-selected-house .list-properties .pc-cat9 {
	height: 335px;
}

.ho-selected-house .list-properties .pc-cat5,
.ho-selected-house .list-properties .pc-cat6 {
	height: 680px;
}







/************ GRID--IMAGES *******************/
.house-detail .house-images {
	margin-top: 20px;
}

.house-detail .items.grid--1 {
	height: auto;
}

.house-detail .items.grid--1 .img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.house-detail .items.grid--2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: 894px;
	gap: 10px;
}

.house-detail .items.grid--2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.house-detail .items.grid--3 {
	display: grid;
	grid-template-areas: 'img-1 img-2'
		'img-1 img-3';
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.house-detail .items.grid--3 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.house-detail .items.grid--3 .item.img-1 {
	height: 100%;
	height: 894px;
	grid-area: img-1;
}

.house-detail .items.grid--3 .item.img-2 {
	height: 500px;
	grid-area: img-2;
}

.house-detail .items.grid--3 .item.img-3 {
	height: 381px;
	grid-area: img-3;
}



.house-detail .items.grid--4 {
	display: grid;
	grid-template-areas: 'img-1 img-3' 'img-2 img-3';
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.house-detail .items.grid--4 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.house-detail .items.grid--4 .item.img-1 {
	height: 100%;
	height: 439px;
	grid-area: img-1;
}

.house-detail .items.grid--4 .item.img-2 {
	height: 439px;
	grid-area: img-2;
}

.house-detail .items.grid--4 .item.img-3 {
	height: 894px;
	grid-area: img-3;
}

.house-detail .items.grid--5 {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.house-detail .items.grid--5 img {
	width: 100%;
	height: 427px;
	object-fit: cover;
}

.house-detail .items.grid--6 {
	width: 100%;
	height: 427px;
}

.house-detail .items.grid--6 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.house-detail .items.grid--7 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
	height: 500px;
}

.house-detail .items.grid--7 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.house-detail .list-imgs {
	display: flex;
	flex-direction: column;
	gap: 10px;
}











/************* MENU NAV ******************/
.hc-offcanvas-nav.nav-position-left .nav-container {
	left: unset;
	right: 0;
}

.hc-offcanvas-nav.hc-nav-1.nav-position-left .nav-container {
	transform: translate3d(280px, 0, 0) !important;
}

.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container {
	transform: translate3d(0, 0, 0) !important;
}

.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
	background: #fff;
}

.hc-offcanvas-nav .nav-content>.nav-close:first-child a,
.hc-offcanvas-nav .nav-title+.nav-close a.has-label,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
	background: #fff;
	border-top: unset;
	border-bottom: 1px solid transparent;
	color: var(--brown);
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link {
	border-top: 1px solid transparent;
}

.hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
	border-bottom: 1px solid transparent;
	color: var(--brown);
}

.hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child) {
	margin-right: 0;
}

.hc-offcanvas-nav .nav-close-button span,
.hc-offcanvas-nav .nav-parent .nav-next,
.hc-offcanvas-nav .nav-back span {
	width: 45px;
	position: absolute;
	top: 0;
	right: unset;
	bottom: 0;
	text-align: center;
	cursor: pointer;
	transition: background .1s ease;
	border: none;
	left: 0;
	transform: rotate(180deg);
	z-index: 9;
}

.hc-offcanvas-nav li:not(.custom-content) a {
	position: relative;
	display: block;
	box-sizing: border-box;
	cursor: pointer;
	text-align: right;
}

.hc-offcanvas-nav .nav-content>h2,
.hc-offcanvas-nav .nav-content>h3,
.hc-offcanvas-nav .nav-content>h4,
.hc-offcanvas-nav .nav-content>h5,
.hc-offcanvas-nav .nav-content>h6 {
	font-size: 16px;
	font-weight: normal;
	padding: 20px 17px;
	color: #413732;
	font-family: "Rubik", sans-serif;
}

.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {
	left: 0;
	transform: translate3d(100%, 0, 0) !important;
}

.hc-offcanvas-nav.hc-nav-1.nav-levels-overlap.nav-position-left li.level-open>.nav-wrapper {
	transform: translate3d(-40px, 0, 0) !important;
}

.hc-offcanvas-nav .nav-close-button span::before {
	margin-left: -14px;
	transform: rotate(135deg);
}

.hc-offcanvas-nav .nav-close-button span::before,
.hc-offcanvas-nav .nav-close-button span::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	margin-top: -3px;
	border-top: 2px solid #413732;
	border-left: 2px solid #413732;
}

.hc-offcanvas-nav .nav-next span::before,
.hc-offcanvas-nav .nav-back span::before {
	border-top: 2px solid #413732;
	border-left: 2px solid #413732;
}

/*.hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover,*/
/*.hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover,*/
/*.hc-offcanvas-nav li.nav-close a:hover,*/
/*.hc-offcanvas-nav .nav-back a:hover {*/
/*background: var(--brown);*/
/*}*/

.hc-offcanvas-nav .nav-close-button span {
	right: 0;
}

.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child {
	padding-right: 0;
}

footer .footer-flx .col2 #footer-search form {
	height: 100%;
}

.single-contact-form {
	margin-top: 13px;
	border: 1px solid #0D6763;
	padding: 45px 0;
}

.single-contact-form .heading-area {
	text-align: center;
	margin-bottom: 48px;
}

.single-contact-form .heading-area h2 {
	color: #072D2B;
	text-align: center;
	font-family: "Rubik", sans-serif;
	font-size: 55px;
	font-style: normal;
	font-weight: 600;
	line-height: 60px;
	padding-bottom: 10px;
}

.single-contact-form .heading-area p {
	color: #072D2B;
	font-family: "Rubik", sans-serif;
	font-size: 38px;
	font-style: normal;
	font-weight: 400;
	line-height: 40px;
	text-align: center;
	max-width: 90%;
	margin: auto;
}

.single-contact-form form .input {
	border: transparent;
	border-bottom: 1px solid #0D6763;
	width: 100%;
	color: #0B5653;
	text-align: right;
	font-family: "Rubik", sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 25px;
	border-radius: 0;
}

.single-contact-form form .input::placeholder {
	color: #0B5653;
	text-align: right;
	font-family: "Rubik", sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.single-contact-form form {
	width: 531px;
	margin: auto;
}

.single-contact-form form .submit {
	margin-top: 23px;
	width: 100%;
	display: flex;
}

.single-contact-form form .submit .submit-btn {
	background: #0D6763;
	width: 100px;
	height: 40px;
	color: #FFF;
	text-align: center;
	font-family: "Rubik", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	border: transparent;
	margin-right: auto;
}

.single-contact-form .wpcf7-not-valid-tip {
	font-size: 12px;
	position: absolute;
	top: 120%;
	right: 0;
}

.single-contact-form .wpcf7 form.invalid .wpcf7-response-output,
.single-contact-form .wpcf7 form.unaccepted .wpcf7-response-output,
.single-contact-form .wpcf7 form.payment-required .wpcf7-response-output {
	color: #000;
	padding-right: 0;
	margin-right: 0;
	font-size: 12px;
}

.single-contact-form form .input:focus-visible {
	outline: none;
}

.single-contact-form .wpcf7 form.sent .wpcf7-response-output {
	border: none;
	padding-right: 0;
	margin-right: 0;
	margin-top: 0;
	padding-top: 0;
}

span.close-btn {
	position: relative;
	cursor: pointer;
}

span.close-btn:before {
	color: #0B5653;
	text-align: right;
	font-family: "Rubik", sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	position: absolute;
	content: 'X';
	width: 20px;
	height: 20px;
	top: 20px;
	right: 15px;
	cursor: pointer;
}

.spu-container {
	width: 900px;
	margin: auto;
	top: 270px;
	left: 0;
	right: 0;
	z-index: 99999;
	height: 474px;
	position: fixed;
	padding: 0px !important;
}

.popup-content {
	background: #fff;
}

.house-detail .detail-flx .col.col1.full-width {
	max-width: 100%;
}

.spu-container .single-contact-form form {
	width: 604px;
}

.ho-reviews h5 {
	color: #413732;
	font-size: 24px;
	font-weight: 400;
}

.ho-reviews .review-flx .col.col1 .content {
	position: relative;
	top: -40px;
}

footer .footer-flx .col form textarea {
	padding-right: 10px;
	padding-top: 10px;
}

footer .wpcf7 form.invalid .wpcf7-response-output,
footer .wpcf7 form.unaccepted .wpcf7-response-output,
footer .wpcf7 form.payment-required .wpcf7-response-output {
	padding-right: 0;
	margin-right: 0;
}

.sale-cards .card-flx .col .text-wrapper .items p {
	font-size: 14px;
}

.single-post .hero-section .bg-img img {
	object-fit: cover;
	position: absolute;
	z-index: -1;
}

.house-detail .pro-items {
	position: relative;
	top: -3px;
}

.single-post figure.wp-block-image.size-full.is-resized {
	margin-bottom: 1rem;
}

.single-post footer {
	margin-top: 60px;
}

.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
	color: #413732;
}

.house-detail .house-images.custom {
	display: block;
	position: relative;
	margin-bottom: 120px;
}

.house-detail .items.grid--1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.general-page-hero .hero-section .bg-img img {
	object-fit: cover;
}

header nav ul li.long-menu ul {
	flex-direction: unset;
	width: 400px;
	flex-wrap: wrap;
	align-items: baseline;
}

header nav ul li.long-menu ul li {
	width: 50%;
}

.hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a,
.hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li:not(.custom-content) a,
.hc-offcanvas-nav li:not(.custom-content) a:hover {
	font-family: "Rubik", sans-serif;
}

.hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
	font-size: 16px;
}

.sale-cards .card-flx .col .grid-item .content {
	max-height: max-content !important;
	padding-top: 10px;
}

.home .hero-slider {
	overflow: hidden;
}

.home .hero-section .bg-img {
	top: -67px;
}

iframe {
	height: 113%;
	width: 100%;
}

.ho-selected-house .grid-item .inner-text span:nth-child(2) {
	padding-right: 2px;
	line-height: 0px;
	margin-bottom: 20px;
	display: inline-block;
}

.general-page-hero .sale-hero .hero-section .bg-img {
	height: 458px;
}

.postid-1162 .house-detail .detail-flx .col .img {
	margin-top: 0;
}

.sale-cards .card-flx .col .grid-item .inner-text span:nth-child(2) {
	padding-right: 2px;
}

.fancybox-container {
	z-index: 9999999;
}

.hc-offcanvas-nav ul.sub-menu li {
	padding-right: 15px;
}

.hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover,
.hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover,
.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav .nav-back a:hover {
	background: #fff;
}
.house-detail .pro-items p img{
	object-fit: contain;
}
.ho-selected-house .pc-cat7 .grid-item:hover .content{
	max-width: 300px;
}
.ho-selected-house .pc-cat7 .grid-item .tag-img{
	left: 50%;
}
.archive .sale-cards .card-flx .col .grid-item .inner-text span{
	line-height: 30px;
}
#wpadminbar{
	z-index: 99999999999999;
}
.general-page .col.col1.full-wdith .text span{
	color: #413732 !important;
}
.general-page .col.col1.full-wdith .text{
	color: #413732;
	font-size: 18px;
}
.hero-section .bg-img .img.flower-image img{
	object-fit: contain;
}
.load-more-message {
	text-align: center;
	margin-top: 40px;
	font-size: 20px;
	font-weight: bold;
}
.single-post .items {
	margin-top: 40px;
}
.single-post .items a{
	color: #000;
	text-decoration: underline;
}
.house-detail .list-imgs{
	overflow: hidden;
}
.house-detail .detail-flx .col .img.details-empty {
	margin-top: 0;
}
#spu-10954 .spu-close {
	color: #072D2B !important;
	text-shadow: 0 1px 0 #072D2B !important;
	z-index: 99999999;
	top: 30px !important;
	right: 30px !important;
	font-size: 40px !important;
}