@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


:root {
	--primary-color: #0f1217 !important;
	--secondary-color: #ffffff !important;
	--transparent-black-color: #1b2d3b !important;
	--button-green-color: #039c5c !important;
	--icons-bg-color: #f1efef !important;
	--headings-color: #757678 !important;
	--dark-green-color: #366d73 !important;
	--border-color: #d7d7d7 !important;
	--new-color: #c17f38 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
button,
a {
	font-family: "DM Sans", sans-serif !important;
}


.new-active{
	border-bottom: 2px solid var(--new-color) !important;
}


.nav-pills .v-nav-link01.active{
	background-color: #fcf8f3 !important;
	color: var(--new-color) !important;
	border-radius: 5px !important;
}

.nav-pills .v-nav-link01{
	color: var(--primary-color) !important;
	text-align: start !important;
	margin-bottom: 15px !important;
	width: 100% !important;
}

.notification-bg{
	background-color: #f2f3f5;
	width: 28px;
	height: 28px;
	text-align: center;
	border-radius: 20px;
	font-size: 13px;
}


@media screen and (min-width: 1400px){
	.container-fluid,
   .container {
	max-width: 1440px !important
}

.language-btn{
    background-color: transparent !important;
    padding: 8px 15px !important;
    border: 2px solid #e1e3e6 !important;
    border-radius: 5px;
    color: var(--primary-color);
    font-size: 17px;
    font-weight: 600;
    height: 50px;
    display: flex;
    align-items: center;
	 margin: 0px 0px 0px 10px;
}
}


@media screen and (min-width: 1280px) {
	.language-btn{
    background-color: transparent !important;
    padding: 8px 12px !important;
    border: 2px solid #e1e3e6 !important;
    border-radius: 5px;
    color: var(--primary-color);
    font-size: 17px;
    font-weight: 600;
    height: 50px;
    display: flex;
    align-items: center;
	 margin: 0px 0px 0px 10px;
}


}



.active03{
	border-bottom: 2px solid #039c5c;
}




.language-btn img{
    width: 22px;
    height: 16px;
    object-fit: cover;
    border-radius: 2px;
}

.language-btn:focus,
.language-btn:hover{
    background-color: transparent;
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.dropdown-item{
    display: flex;
    align-items: center;
    gap: 10px;
}

.dropdown-item img{
    width: 22px;
    height: 16px;
    object-fit: cover;
}

.nav-link {
	color: var(--primary-color) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	margin-right: 15px !important;
}

.heart-icon {
	color: var(--primary-color) !important;
	margin-top: 15px;
	font-size: 18px;
}

.login-button {
	background-color: transparent;
	padding: 8px 15px;
	border: 2px solid var(--headings-color);
	border-radius: 5px;
	color: var(--primary-color);
	font-size: 17px;
	font-weight: 600;
	margin: 0px 15px;
}

.signup-button {
	background-color: var(--primary-color);
	padding: 8px 15px;
	border-radius: 5px;
	color: var(--secondary-color);
	font-size: 17px;
	font-weight: 600;
	border: 0px;
}

.upgrade-plan-button {
	background-color: transparent;
	width: 150px;
	height: 45px;
	border: 2px solid #00d26a;
	border-radius: 5px;
	color: #00d26a;
	font-size: 15px;
	font-weight: 600;
	margin: 7px 20px 0px 0px;
}

.nav-pills .nav-link01.active {
	background-color: var(--secondary-color) !important;
	color: var(--primary-color) !important;
	font-weight: 600 !important;
}

.nav-pills .nav-link12 {
	background-color: #222833 !important;
	color: var(--secondary-color) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	border-radius: 10px !important;
	padding: 8px 30px !important;
}

.nav-pills .nav-link12.active {
	background-color: #080f16 !important;
	color: var(--secondary-color) !important;
	font-weight: 600 !important;
}

.nav-pills .nav-link13 {
	background-color: transparent !important;
	color: var(--primary-color) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	padding: 8px 20px !important;
	border-radius: 0px !important;
}

.nav-pills .nav-link13.active {
	background-color: transparent !important;
	color: var(--primary-color) !important;
	font-weight: 600 !important;
	border-bottom: 2px solid #039c5c !important;

}




.nav-pills .nav-link14, .drop-btn {
	background-color: transparent !important;
	color: var(--primary-color) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	padding: 8px 15px !important;
	border-radius: 7px !important;
	border: 1px solid #e1e3e6 !important;
	margin-bottom: 7px !important;
}

.nav-pills .nav-link14.active {
	background-color: var(--primary-color) !important;
	color: var(--secondary-color) !important;
	font-weight: 600 !important;

}



.nav-pills .nav-link01 {
	background-color: var(--primary-color) !important;
	color: var(--secondary-color) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	border-radius: 100px !important;
	padding: 8px 30px !important;
}

.form-container {
	background-color: var(--secondary-color);
	border-radius: 10px;
	margin-bottom: 20px;
}

.search-box {
	position: relative;
	width: 23%;
}

.search-box input {
	width: 100%;
	padding: 12px 15px 12px 45px;
	border-radius: 10px;
	border: 1px solid var(--border-color);
	margin-top: 12px;
}

.search-box i {
	position: absolute;
	left: 15px;
	top: 55%;
	transform: translateY(-50%);
	color: var(--headings-color);
}

.search-box input::placeholder {
	color: var(--headings-color) !important;
	font-weight: 500 !important;
}


.property-box {
	width: 19%;
}


.form-select {
	border: 0px !important;
	font-weight: 600 !important;
	color: var(--primary-color) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
}

.search-button {
	background-color: var(--primary-color);
	width: 150px;
	border: 0px;
	height: 50px;
	margin-top: 10px;
	border-radius: 10px;
	color: var(--secondary-color);
}

.icon-image {
	color: var(--secondary-color);
	font-size: 30px;
	margin-right: 15px;
}

.icon-description {
	color: var(--secondary-color);
	font-size: 17px;
	margin-top: 3px;
}


.banner-container {
	background-color: var(--secondary-color);
	background-size: cover;
}


.banner-image-container {
	background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.2)), url('../images/banner01.jpg');
	background-size: cover;
	background-position: center center;
	border-radius: 10px;
	padding: 0px 15px;
	height: 100%;

}

.explore-button {
	background-color: var(--button-green-color);
	border: 0px;
	padding: 10px 25px;
	color: var(--secondary-color);
	border-radius: 5px;
}

.explore-button01 {
	background-color: transparent;
	border: 0px;
	padding: 5px 25px 0px 0px;
	color: var(--secondary-color);
}

.banner-image-container01 {
	background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.2)), url('../images/banner02.avif');
	background-size: cover;
	background-position: center center;
	border-radius: 10px;
	padding: 0px 15px;
	height: 100%;

}

.arrow-icon {
	font-size: 28px;
	margin-left: 15px;
}

.banner-image-container02 {
	background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.2)), url('../images/banner03.jpg');
	background-size: cover;
	background-position: center center;
	border-radius: 10px;
	padding: 0px 15px;
	height: 100%;
}

.icon-listing-container {
	background-color: var(--secondary-color);
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.icon-box {
	background-color: var(--icons-bg-color);
	width: 60px !important;
	height: 60px !important;
	border-radius: 10px;
	margin-right: 15px;
	width: 18%;
}

.listing-icon {
	color: var(--primary-color);
	font-size: 20px;
}

.small-icon-heading {
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 600;
}

.small-icon-paragraph {
	font-size: 15px;
}

.sup01 {
	background-color: #0B5ED7;
	padding: 2px 8px;
	color: var(--secondary-color);
	border-radius: 10px;
}


.nav-pills .nav-link02.active {
	background-color: transparent !important;
	color: var(--button-green-color) !important;
	font-weight: 700 !important;
	border-bottom: 2px solid var(--button-green-color) !important;
}

.nav-pills .nav-link02 {
	background-color: transparent !important;
	color: var(--primary-color) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	padding: 8px 30px !important;
	border-radius: 0px !important;
}


.nav-pills .nav-link03.active {
	background-color: #e0f3e9 !important;
	color: var(--button-green-color) !important;
	font-weight: 700 !important;
	border-radius: 10px !important;
}

.nav-pills .nav-link03 {
	background-color: transparent !important;
	color: var(--primary-color) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	padding: 8px 30px !important;
	border-radius: 0px !important;
}

.row01 {
	background-color: var(--secondary-color) !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	margin-bottom: 10px;
}

.heading02 {
	color: var(--headings-color);
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.search-results {
	color: var(--dark-green-color) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	line-height: 30px !important;
}

.search-results01 {
	color: var(--dark-green-color) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	line-height: 30px !important;
	margin-top: -7px !important;
}

.search-results02 {
	color: #039c5c !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	line-height: 30px !important;
	margin-top: -7px !important;
}

.buyers-form-container {
	background-color: var(--primary-color);
	border-radius: 10px;
	width: 100%;
	padding: 0px 15px;
}

.form-banner-paragraph {
	color: var(--secondary-color);
	font-size: 16px;
}

.form-control01 {
	width: 100%;
	height: 45px !important;
	border-radius: 5px !important;
}

.form-control01::placeholder,
.form-control02::placeholder {
	color: var(--primary-color) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
}

.location-icon {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--headings-color);
	z-index: 1;
}

.form-control02 {
	width: 100%;
	height: 45px !important;
	border-radius: 5px !important;
	padding-left: 40px !important;
}

.budget-range-container {
	width: 100%;
	margin-top: 20px;
}

.budget-header {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #fff;
	font-family: sans-serif;
	font-size: 15px;
	font-weight: 500;
}

.range-slider-wrapper {
	width: 100%;
}

.range-slider {
	width: 100%;
	height: 3px;
	appearance: none;
	background: #5f5f5f;
	border-radius: 50px;
	outline: none;
}

/* Chrome */
.range-slider::-webkit-slider-thumb {
	appearance: none;
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	border: 2px solid #00d26a;
	margin-top: -7px;
}

/* Firefox */
.range-slider::-moz-range-thumb {
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	border: 2px solid #00d26a;
}

.range-slider::-webkit-slider-runnable-track {
	height: 3px;
	border-radius: 50px;
	background: linear-gradient(to right, #00d26a 50%, #5f5f5f 50%);
}

.form-check-label {
	color: var(--secondary-color);
}

.span01 {
	color: var(--button-green-color);
	text-decoration: none;
}

.card-container {
	background-color: var(--secondary-color);
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	margin-bottom: 10px;
	height: 100%;
}

.featured-image {
	width: 100%;
	border-radius: 10px 10px 0px 0px;
}

.featured-image-01 {
	width: 100%;
	border-radius: 10px;
	height: 200px;
}

.featured-image-02 {
	width: 100%;
	border-radius: 10px 10px 0px 0px;
	height: 150px;
}

.featured-image-03 {
	width: 100%;
	border-radius: 10px 10px 0px 0px;
	height: 200px;
}


.image-wrapper {
	position: relative;
}

.image-wrapper-btn {
	position: absolute;
	top: 15px;
	left: 15px;
	background-color: var(--button-green-color);
	border: none;
	padding: 6px 10px;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 600;
	color: var(--secondary-color);
	text-transform: uppercase;
	letter-spacing: 1px;
}

.image-wrapper-btn01 {
	position: absolute;
	top: 15px;
	left: 15px;
	background-color: var(--primary-color);
	border: none;
	padding: 6px 10px;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 600;
	color: var(--secondary-color);
	text-transform: uppercase;
	letter-spacing: 1px;
}

.card-container-heading {
	font-size: 15px;
	font-weight: 600;
	line-height: 25px;
}

.card-container-paragraph,
.beds-count {
	font-size: 14px;
	color: var(--headings-color);
	font-weight: 500;
	line-height: 26px;
}

.price-heading {
	color: var(--primary-color);
	font-size: 18px;
	font-weight: 700;
}

.price-heading-01 {
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}

.heart-icon01 {
	color: var(--primary-color) !important;
	font-size: 18px;
}

.owl-carousel .owl-nav.disabled {
	display: block !important;
}

.agent-image {
	width: 40% !important;
	margin-bottom: 15px;
}

.name {
	font-size: 16px;
	font-weight: 600;
}

.check-icon {
	color: #0B5ED7;
	margin-left: 10px;
	margin-top: 2px;
}

.review-paragraph {
	text-align: center;
	font-size: 16px;
	font-weight: 700;
}


.star-icon {
	color: #e7e718;
}

.number-heading {
	color: var(--primary-color);
	text-align: center;
	font-size: 16px;
	font-weight: 700;
}

.followers {
	color: var(--headings-color);
	text-align: center;
	font-size: 15px;
	margin-top: -5px;
}

.view-profile-button {
	width: 100% !important;
	border: 1px solid var(--headings-color);
	border-radius: 10px;
	background-color: transparent;
	height: 42px;
	font-weight: 600;
}

.agent-story-image {
	width: 100%;
	border-radius: 10px;
}

.agent-story-btn {
	position: absolute;
	top: 15px;
	left: 15px;
	background-color: var(--transparent-black-color);
	border: none;
	padding: 6px 10px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 500;
	color: var(--secondary-color);
	letter-spacing: 1px;
}

.content-wrapper {
	position: absolute;
	bottom: 15px;
	left: 15px;
}

.agent-story-image01 {
	width: 15% !important;
	height: 15% !important;
}

.agent-name {
	color: var(--secondary-color);
	font-size: 14px;
	margin: 10px 10px 0px 10px;
}

.check-image {
	width: 20px !important;
	height: 20px !important;
	margin-top: 10px;
}

.icon-box-02 {
	background-color: var(--icons-bg-color);
	width: 60px;
	height: 60px;
	border-radius: 60px;
	margin-bottom: 10px;

}

.chose-icon-01 {
	text-align: center;
	font-size: 24px;
	color: var(--primary-color);
}

.why-chose-icon-heading {
	color: var(--primary-color);
	text-align: center;
	font-weight: 600;
}


.news-letter-paragraph {
	color: var(--icons-bg-color);
	font-size: 16px;
}


.footer-description {
	color: var(--secondary-color);
	font-size: 16px;
	line-height: 28px;
}

.social-icon {
	color: var(--secondary-color);
	font-size: 20px;
	margin-right: 15px;
}

.footer-nav-heading {
	color: var(--secondary-color);
	font-size: 17px;
	font-weight: 600;
}

.footer-nav-item {
	color: var(--icons-bg-color);
	font-size: 16px;
	line-height: 28px;
	text-decoration: none;
	font-weight: 400;
}


.nav-pills .nav-link04.active {
	background-color: transparent !important;
	color: var(--secondary-color) !important;
	font-weight: 500 !important;
	border-radius: 0px !important;
	border-bottom: 1px solid var(--secondary-color) !important;
}

.nav-pills .nav-link04 {
	background-color: rgb(46, 78, 99,0.2) !important;
	color: var(--secondary-color) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	padding: 8px 30px !important;
	border-radius: 0px !important;
}



.nav-pills .nav-link05.active {
	background-color: transparent !important;
	color: var(--primary) !important;
	font-weight: 600 !important;
	border-radius: 0px !important;
	border-bottom: 2px solid var(--primary-color) !important;
}

.nav-pills .nav-link05 {
	background-color: transparent !important;
	color: var(--headings-color) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	padding: 8px 25px !important;
	border-radius: 0px !important;
}


.nav-pills .nav-link06.active {
	background-color: transparent !important;
	color: #00d26a !important;
	font-weight: 600 !important;
	border-radius: 0px !important;
	border-bottom: 2px solid #00d26a !important;
}

.nav-pills .nav-link06 {
	background-color: transparent !important;
	color: var(--headings-color) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	padding: 8px 20px !important;
	border-radius: 0px !important;
}


.nav-pills .nav-link07.active {
	background-color: transparent !important;
	color: #00d26a !important;
	font-weight: 600 !important;
	border-radius: 100px !important;
	border: 2px solid #00d26a !important;
}

.nav-pills .nav-link07 {
	background-color: transparent !important;
	color: var(--headings-color) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	width: 120px;
	height: 40px;
	border-radius: 0px !important;
}

.nav-pills .nav-link10.active {
	background-color: transparent !important;
	color: var(--primary-color) !important;
	font-weight: 600 !important;
	border-bottom: 2px solid var(--primary-color) !important;
}

.nav-pills .nav-link10 {
	background-color: transparent !important;
	color: var(--headings-color) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	border-radius: 0px !important;
}

.nav-pills .nav-link11.active {
	background-color: transparent !important;
	color: var(--primary-color) !important;
	font-weight: 600 !important;
	border-radius: 0px !important;
	border-bottom: 2px solid #039c5c !important;
	font-weight: 700 !important;
}

.nav-pills .nav-link11 {
	background-color: transparent !important;
	color: var(--primary-color) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	padding: 10px 30px !important;
	border-radius: 0px !important;
}

.nav-pills .nav-link15.active {
	background-color: transparent !important;
	color: #039c5c !important;
	font-weight: 600 !important;
	border-radius: 0px !important;
	border-bottom: 2px solid #039c5c !important;
	font-weight: 700 !important;
}

.nav-pills .nav-link15 {
	background-color: transparent !important;
	color: var(--headings-color) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	padding: 7px 15px !important;
	border-radius: 0px !important;
}


.nav-pills .nav-link16.active {
	background-color: var(--new-color) !important;
	color: var(--secondary-color) !important;
	font-weight: 600 !important;
	border-radius: 0px !important;
	font-weight: 700 !important;
	border-radius: 30px !important;
}

.nav-pills .nav-link16 {
	background-color: #f2f3f5 !important;
	color: var(--primary-color) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	padding: 7px 15px !important;
	border-radius: 30px !important;
	margin-bottom: 10px !important;
}



.nav-pills .nav-link17.active {
	background-color: transparent !important;
	color: var(--new-color) !important;
	font-weight: 600 !important;
	border-radius: 0px !important;
	font-weight: 700 !important;
	border-bottom: 1.5px solid var(--new-color) !important;
}

.nav-pills .nav-link17 {
	background-color: transparent !important;
	color: var(--headings-color) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	padding: 7px 15px !important;
	border-radius: 30px !important;
}

.nav-pills01{
	border-bottom: 1px solid #e5e7eb !important;
}

.image-wrapper-btn02 {
	position: absolute;
	top: 15px;
	left: 15px;
	background-color: #c79741;
	border: none;
	padding: 6px 10px;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 600;
	color: var(--secondary-color);
	text-transform: uppercase;
	letter-spacing: 1px;
}



.image-wrapper-btn03 {
	position: absolute;
	top: 15px;
	left: 15px;
	background-color: var(--primary-color);
	border: none;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	font-size: 20px;
	color: var(--secondary-color);
}


.agent-profile-banner{
	background-image: url("../images/agent-banner.jpg");
	background-size: cover;
	background-position: center center;
	height: 25vh;
}




.agent-broker-banner::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65); /* Adjust opacity here */
    z-index: 1;
}

.agent-broker-banner > *{
    position: relative;
    z-index: 2;
}



@media screen and (min-width: 1440px) {

	#owl-carousel01 .owl-nav button.owl-prev,
	#owl-carousel02 .owl-nav button.owl-prev,
	#owl-carousel03 .owl-nav button.owl-prev,
	#owl-carousel05 .owl-nav button.owl-prev,
	#owl-carousel06 .owl-nav button.owl-prev,
	#owl-carousel07 .owl-nav button.owl-prev,
	#owl-carousel08 .owl-nav button.owl-prev,
	#owl-carousel09 .owl-nav button.owl-prev,
	#owl-carousel10 .owl-nav button.owl-prev,
	.owl-carousel11 .owl-nav button.owl-prev
	
	  {
		text-align: center !important;
		align-items: center !important;
		padding-bottom: 10px !important;
		position: absolute;
		left: -20px !important;
		top: 37.5%;
		background: #fff !important;
		color: #000 !important;
		border: none;
		font: inherit;
		font-size: 30px !important;
		width: 42px;
		height: 42px;
		border-radius: 21px !important;
		text-align: center !important;
		align-self: center !important;
		box-shadow: 0px 4px 20px -4px rgba(9, 43, 70, 0.16);

	}


	/* #owl-carousel04 .owl-nav button.owl-prev, #owl-carousel13 .owl-nav button.owl-prev, #owl-carousel14 .owl-nav button.owl-prev  {
		text-align: center !important;
		align-items: center !important;
		padding-bottom: 10px !important;
		position: absolute;
		left: -20px !important;
		top: 20%;
		background: #fff !important;
		color: #000 !important;
		border: none;
		font: inherit;
		font-size: 18px !important;
		width: 30px;
		height: 30px;
		border-radius: 21px !important;
		text-align: center !important;
		align-self: center !important;
		box-shadow: 0px 4px 20px -4px rgba(9, 43, 70, 0.16);
		display: none !important;

	} */

	#owl-carousel04 .owl-nav button.owl-next, #owl-carousel13 .owl-nav button.owl-next {
		text-align: center !important;
		align-items: center !important;
		padding-bottom: 10px !important;
		position: absolute;
		right: -20px !important;
		top: 20%;
		background: #fff !important;
		color: #000 !important;
		border: none;
		font: inherit;
		font-size: 18px !important;
		width: 30px;
		height: 30px;
		border-radius: 21px !important;
		text-align: center !important;
		align-self: center !important;
		box-shadow: 0px 4px 20px -4px rgba(9, 43, 70, 0.16);

	}


	#owl-carousel01 .owl-nav button.owl-next,
	#owl-carousel02 .owl-nav button.owl-next,
	#owl-carousel03 .owl-nav button.owl-next,
	#owl-carousel05 .owl-nav button.owl-next,
	#owl-carousel06 .owl-nav button.owl-next,
	#owl-carousel07 .owl-nav button.owl-next,
	#owl-carousel08 .owl-nav button.owl-next,
	#owl-carousel09 .owl-nav button.owl-next,
	#owl-carousel10 .owl-nav button.owl-next,
	.owl-carousel11 .owl-nav button.owl-next,
	#owl-carousel14 .owl-nav button.owl-next,
	#owl-carousel15 .owl-nav button.owl-next,
	#owl-carousel16 .owl-nav button.owl-next{


		text-align: center !important;
		align-items: center !important;
		padding-bottom: 10px !important;
		position: absolute;
		right: -20px !important;
		top: 37.5%;
		background: #fff !important;
		color: #000 !important;
		border: none;
		font: inherit;
		font-size: 30px !important;
		width: 42px;
		height: 42px;
		border-radius: 21px !important;
		text-align: center !important;
		align-self: center !important;
		box-shadow: 0px 4px 20px -4px rgba(9, 43, 70, 0.16);

	}


	.owl-carousel04 .owl-nav button.owl-prev {
		text-align: center !important;
		align-items: center !important;
		padding-bottom: 10px !important;
		position: absolute;
		left: 10px !important;
		top: 40%;
		background: #fff !important;
		color: #000 !important;
		border: none;
		font: inherit;
		font-size: 30px !important;
		width: 42px;
		height: 42px;
		border-radius: 21px !important;
		text-align: center !important;
		align-self: center !important;
		box-shadow: 0px 4px 20px -4px rgba(9, 43, 70, 0.16);

	}


	.owl-carousel04 .owl-nav button.owl-next {
		text-align: center !important;
		align-items: center !important;
		padding-bottom: 10px !important;
		position: absolute;
		right: 10px !important;
		top: 40%;
		background: #fff !important;
		color: #000 !important;
		border: none;
		font: inherit;
		font-size: 30px !important;
		width: 42px;
		height: 42px;
		border-radius: 21px !important;
		text-align: center !important;
		align-self: center !important;
		box-shadow: 0px 4px 20px -4px rgba(9, 43, 70, 0.16);

	}

}


.footer-section{
	background-color: var(--primary-color);
}

@media screen and (min-width: 1280px) {
	.header-logo {
		width: 200px;
	}

	.desktop-header {
		background-color: var(--secondary-color) !important;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
		padding: 0px 40px !important;
	}

	.hero-banner-container {
		background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.3)), url('../images/hero-banner.jpg');
		background-size: cover;
		background-position: center center;
	}

	.heading01 {
		color: var(--secondary-color);
		font-size: 50px;
		letter-spacing: 3px;
		line-height: 70px;
	}

	.paragraph01 {
		color: rgba(255, 255, 255, 0.8);
		font-size: 17px;
		font-weight: 400;

	}

	.mini-icon-container {
		background-color: rgba(27, 45, 59, 0.8);
		width: 70%;
		border-radius: 10px;
	}

	.mini-icon-container01 {
		background-color: rgba(0,0,0,0.5);
		width: 85%;
		border-radius: 10px;
	}

	.width-box-01{
	border-right: 2px solid rgba(255,255,255,0.5) !important;
	padding-right: 20px;
}

	.banner-image-heading {
		color: var(--secondary-color);
		font-size: 30px;
		font-weight: 500;
		width: 400px;
		letter-spacing: 1px;
		line-height: 40px;
	}

	.banner-image-paragraph {
		color: var(--secondary-color);
		font-size: 17px;
		width: 350px;
		line-height: 28px;
	}

	.banner-image-heading01 {
		color: var(--secondary-color);
		font-size: 30px;
		font-weight: 500;
		width: 250px;
		letter-spacing: 1px;
		line-height: 40px;
	}

	.banner-image-paragraph01 {
		color: var(--secondary-color);
		font-size: 17px;
		width: 200px;
		line-height: 28px;
	}

	.flex-container {
		display: flex;
		gap: 20px;
	}

	.banner-heading {
		color: var(--primary-color);
		text-align: center;
		font-size: 30px;
		font-weight: 700;
	}

	.nav-button-container {
		background-color: transparent;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
		width: 30%;
	}

	.mini-nav-item-container {
		background-color: transparent;
		width: 50%;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
		border-radius: 10px;
	}

	.form-banner-heading {
		color: var(--secondary-color);
		font-size: 28px;
		font-weight: 500;
		line-height: 40px;
	}

	.form-submit-button {
		background-color: var(--button-green-color);
		width: 25%;
		border: 0px;
		border-radius: 5px;
		color: var(--secondary-color);
		height: 45px;
	}

	.featured-property-heading {
		color: var(--primary-color);
		font-size: 20px;
		font-weight: 700;
	}


	.icon-flex-box-container {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}

	.icon-box-01 {
		width: 18%;
	}
	


	.news-letter-head-section {
		background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5)), url('../images/hero-banner.jpg');
		background-size: cover;
		background-position: center center;
		width: 100%;
		border-radius: 10px;
		padding-left: 30px;
	}

	

	.news-letter-heading {
		color: var(--secondary-color);
		font-size: 22px;
		font-weight: 500;
	}

	.form-email {
		width: 60%;
		border: 1px solid var(--icons-bg-color);
		height: 45px;
		border-radius: 5px;
		padding-left: 15px;
	}

	.subscribe-btn {
		background-color: var(--button-green-color);
		border: 0px;
		border-radius: 5px;
		margin-left: 10px;
		width: 130px;
		height: 45px;
		color: var(--secondary-color);
	}

	.subscribe-btn01 {
		background-color: var(--button-green-color);
		border: 0px;
		border-radius: 5px;
		margin-left: 10px;
		width: 200px;
		height: 45px;
		color: var(--secondary-color);
	}

	.browse-btn01 {
		background-color: transparent;
		border: 1px solid var(--secondary-color);
		border-radius: 5px;
		margin-left: 10px;
		width: 200px;
		height: 45px;
		color: var(--secondary-color);
	}

	.email-subscribe-btn {
		background-color: #050a11;
		border: 1px solid var(--secondary-color);
		border-radius: 5px;
		margin-left: 10px;
		width: 150px;
		height: 45px;
		color: var(--secondary-color);
	}

	.footer-section {
	background-color: var(--primary-color);
	padding: 0px 60px !important;
}

	.footer-flex-item-container {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}

	.logo-box {
		width: 25%;
	}

	.footer-logo {
		width: 230px;
		margin-bottom: 10px;
	}

	.footer-nav-box {
		width: 15%;
	}

	.footer-description{
		width: 280px !important;
	}

	.copyright-flex-container {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.copyright-paragraph {
		color: var(--icons-bg-color);
		padding-top: 10px;
	}


	.about-us-banner-container{
		background: linear-gradient(to right, rgba(255,255,255,1) 35%, rgba(255,255,255,0.95) 45%, rgba(255,255,255,0.6) 55%, rgba(255,255,255,0) 70%), url("../images/about-us-banner.jpg");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 350px;
		padding: 0px 60px;

	}

	.about-us-heading{
		color: var(--primary-color);
		font-size: 35px;
		font-weight: 600;
		line-height: 50px;
	}

	.about-us-paragraph{
		color: var(--primary-color);
		font-size: 17px;
		line-height: 30px;
	}

	.about-us-flex-container{
		background-color: rgba(233,237,241,0.25);
		width: 80%;
		border-radius: 10px;
		margin-top: 25px;
	}

	.about-us-icon-image{
		color: var(--primary-color);
		font-size: 40px;
		margin-right: 10px;

	}

	.number-heading-01{
		color: var(--primary-color);
		font-size: 26px;
		font-weight: 600;
	}

	.number-heading-description{
		color: var(--primary-color);
		font-size: 15px;
	}

	.get-in-touch-container{
		background-color: var(--secondary-color);
		padding: 100px 60px 0px 60px;
	}

	.get-in-touch-heading{
		color: var(--primary-color);
		font-size: 28px;
		font-weight: 600;
	}
	
	.contact-icon{
		color: var(--primary-color);
		font-size: 24px;
		margin-right: 15px;
		margin-top: 10px;
	}

	.get-in-touch-paragraph{
		color: var(--primary-color);
		font-size: 16px;
		font-weight: 500;
	}

	.number{
		color: rgb(49, 189, 189);
		font-size: 17px;
		margin-top: -10px;
		font-weight: 500;
	}

	.number01{
		color: var(--primary-color);
		font-size: 17px;
		margin-top: -10px;
		font-weight: 500;
	}

	.agent-section-container{
		padding: 0px 60px;
	}

	.agent-section-heading{
		color: var(--primary-color);
		font-size: 35px;
		font-weight: 600;
		line-height: 50px;
	}

	.agent-section-description{
		color: var(--headings-color);
		font-size: 16px;
		line-height: 30px;
		width: 380px;
	}

	.agent-section-search-input{
	background-color: var(--secondary-color);
	width: 100%;
	height: 48px;
	border-radius: 5px;
	border: 1px solid var(--icons-bg-color);
	padding-left: 45px;
}

.agent-section-search-input02{
	background-color: var(--secondary-color);
	width: 100%;
	height: 48px;
	border-radius: 5px;
	border: 1px solid var(--icons-bg-color);
	padding-left: 20px;
}

.filter-button{
	width: 25%;
	background-color: var(--secondary-color);
	height: 48px;
	border-radius: 5px;
	border: 1px solid var(--icons-bg-color);
	margin-left: 15px;
}

.agent-flex-container{
	display: flex;
	flex-direction: row;
}

.projects-banner-section{
	background: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)), url("../images/project-banner.png");
	background-size: cover;
	background-position: center center;
	padding: 0px 60px 280px 60px;
	margin-bottom: 30px;
}

.nav-description-container{
	padding: 0px 60px 60px 60px;
}

.project-banner-heading{
	color: var(--secondary-color);
	font-size: 35px;
	letter-spacing: 2px;
	line-height: 50px;
}

.project-banner-description{
	color: var(--secondary-color);
	font-size: 17px;
	width: 350px;
	line-height: 30px;
	padding-bottom: 20px;
}

.navs-container{
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid rgba(255,255,255, 0.25);
	margin: 25px 0px;
}

.tab-content01{
	margin-top: -300px !important;
}

.heading03{
	color: var(--primary-color);
	font-size: 30px;
	font-weight: 600;
	line-height: 50px;
}

.button-flex{
	display: flex;
	flex-direction: row;
	justify-content: end;
}


.card-container-02-flex-container{
	display: flex;
	flex-direction: row;
}

.imag-box{
	width: 35%;
	position: relative;
}

.apartment-image{
	width: 100%;
	border-radius: 10px 0px 0px 10px;
}

.content-box{
	width: 65%;
}


.map-view-btn{
	width: 150px;
	background-color: transparent;
	border: 1px solid #e1e3e6;
	border-radius: 10px;
	height: 45px;
	font-size: 16px;
	font-weight: 600;
}

.map-view-btn01{
	width: 200px;
	background-color: transparent;
	border: 1px solid #e1e3e6;
	border-radius: 10px;
	height: 45px;
	font-size: 16px;
	font-weight: 600;
}

.map-view-btn02{
	width: 220px;
	background-color: transparent;
	border: 1px solid #e1e3e6;
	border-radius: 10px;
	height: 45px;
	font-size: 16px;
	font-weight: 600;
	margin-top: -20px;
	margin-right: 10px;
}



.card-container-paragraph-01{
	text-align: end;
}


.apartment-image-01{
	width: 100%;
	border-radius: 10px;
	height: 500px;
}

.apartment-image-02{
	width: 100%;
	border-radius: 10px;
	height: 450px;
}

.mini-images{
	width: 100%;
	border-radius: 10px;
	height: 240px;
	display: block;
}

.mini-images-01{
	width: 100%;
	border-radius: 10px;
	height: 215px;
	display: block;
}

.box-container-flex-container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.box-container-flex-01{
	width: 90%;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.06);
	 border-radius: 10px;
}

.apartment-description{
	color: var(--transparent-black-color);
	font-size: 16px;
	line-height: 30px;
	width: 600px;
}

.button-flex-container{
	display: flex;
	flex-direction: row;
}



.agent-image-box{
	width: 15%;
}

.agent-section-image{
	width: 60%;
	border: 1.5px solid var(--icons-bg-color);
	border-radius: 1000px;
	margin: -50px 0px 15px 15px;
}

.review-paragraph-01 {
	font-size: 16px;
	font-weight: 700;
	text-align: start;
}

.agent-info-box{
	width: 70%;
}

.messgae-btn{
	background-color: var(--primary-color);
	border-radius: 5px;
	color: var(--secondary-color);
	border: 0px;
	padding: 8px 50px;
	margin: 0px 15px 15px 0px;
}
.follow-btn{
	background-color: transparent;
	border-radius: 5px;
	color: var(--primary-color);
	border: 2px solid var(--icons-bg-color);
	padding: 8px 40px;
	margin-bottom: 15px;
}

.agent-description{
	color: var(--headings-color);
	font-size: 17px;
	line-height: 30px;
	width: 600px;
}

.review-boxer{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.rating{
	color: var(--primary-color);
	text-align: center;
	font-size: 30px;
	font-weight: 700;
}


/* Pricing Plan CSS */

.nav-link-01{
	margin: 0px 15px 25px 0px !important;
}

.super{
	background-color: #00d26a;
	padding: 2px 6px;
	border-radius: 50px;
	color: var(--secondary-color);
}

.notification-badge-01{
	background-color: #00d26a !important;
}

.pricing-plan-container{
		background: linear-gradient(to right, rgba(0,0,0,0.95) 35%, rgba(0,0,0,0.85) 47.5%, rgba(0,0,0,0.6) 57.5%, rgba(0,0,0,0.7) 70%), url("../images/about-us-banner.jpg");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 350px;

	}

	.heading05{
		color: var(--secondary-color);
		font-size: 42px;
		letter-spacing: 0.5px;
		line-height: 60px;
	}

	.pricing-plan-nav-container{
	background-color: transparent;
	border: 2px solid #f5f5f5;
	border-radius: 10px;
	padding: 10px 30px 0px 30px !important;
}

.heading07{
	color: var(--primary-color);
	font-size: 20px;
	font-weight: 600;
}

.paragraph11{
	color: var(--primary-color);
	font-size: 13px;
	font-weight: 600;
}

.nav-link09{
	width: 40% !important;
	text-align: center;
}

.nav-pills .nav-link08.active {
	background-color: #eef7f2 !important;
	color: #00d26a !important;
	font-weight: 600 !important;
	border-radius: 10px !important;
	border: 2px solid #00d26a !important;
}

.nav-pills .nav-link08 {
	background-color: transparent !important;
	color: var(--headings-color) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	height: 45px;
	border-radius: 0px !important;
}

.payment-card-image{
	width: 60%;
	height: 40px;
}


/* Messages CSS Start */

.cols{
	border-right: 1px solid #e1e3e6;
}

.map-view-btn04{
	width: 120px;
	background-color: var(--secondary-color);
	height: 48px;
	border-radius: 5px;
	border: 1px solid var(--icons-bg-color);
	margin-left: 15px;;
}



/* Agent Broker CSS Start */


.agent-broker-banner{
    background-image: url("../images/agent-banner.jpg");
    background-size: cover;
    background-position: center center;
    padding-top: 80px;
    position: relative;
    overflow: hidden;
}

.agent-broke-image{
	width: 150px;
	height: 150px;
	border-radius: 100px;
	border: 2px solid var(--secondary-color);
	margin-right: 15px;
}

.agent-broker-flex-box{
	margin-top: 50px;
}

.agent-broker-about-description{
	width: 600px;
	font-size: 17px;
	font-weight: 500;
	line-height: 30px;
}

.write-review-btn{
	width: 80%;
	height: 45px;
	border-radius: 7px;
	color: var(--primary-color);
	border: 1px solid var(--border-color);
	background-color: transparent;
}

.agent-news-letter-head-section {
		background-color: #050a11;
		background-size: cover;
		background-position: center center;
		width: 100%;
		border-radius: 10px;
		padding: 30px 0px 0px 30px;
	}



	/* Properties CSS Start */

	.properties-section-container{
		background-image: url("../images/properties-banner.png");
		background-size: cover;
		background-position: center center;
		
	}

	.emaar-image{
		width: 180px;
		height: 180px;
		border-radius: 10px;
		margin-right: 20px;
	}

	.property-flex-box{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.property-flex-box-01, .property-flex-box-02{
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.property-follow-btn{
		width: 180px;
		height: 45px;
		border-radius: 10px;
		color: var(--primary-color);
		background-color: var(--secondary-color);
		border: 0px;
		margin-right: 20px;
	}

	.property-contact-us-btn{
		background-color: var(--primary-color);
		border: 1px solid var(--secondary-color);
		border-radius: 10px;
		color: var(--secondary-color);
		width: 150px;
		height: 45px;
	}

	.property-section-statics-box{
		border-left: 1px solid var(--headings-color);
		width: 120px;
		height: 50px;
		padding-top: 15px;
	}

	.property-flex{
		border-right: 1px solid #e1e3e6;
	}


	/* normal-user-page css start */
	.preference-container{
	background-image: url("../images/f01.png");
	background-size: cover;
	background-position: center center;
	border-radius: 10px;
	width: 35%;
}



.left-side-nav-items{
	width: 18%;
}

.rght-side-container{
	width: 81%;
}


/* Commercial CSS Start */

.commercial-paragraph01{
	color: rgba(255, 255, 255, 0.8);
	font-size: 17px;
	font-weight: 400;
	width: 500px;
	line-height: 30px;
}

.property-box-01{
	padding: 5px 0px 0px 15px;
	border-right: 2px solid var(--headings-color);
}

.form-container01{
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}


/* Rent CSS Start */

.rent-banner-container{
		background: linear-gradient(to right, rgba(0,0,0,1) 35%, rgba(0,0,0,0.95) 45%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 70%), url("../images/about-us-banner.jpg");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.rent-heading-01{
		color: var(--secondary-color);
		font-size: 45px;
		line-height: 60px;
		width: 480px;
		letter-spacing: 1px;
	}

	

	.rent-paragraph-01{
		color: var(--secondary-color);
		font-size: 17px;
		line-height: 30px;
		width: 500px;
	}

	.rent-nav-container{
	box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.06),
        0 8px 24px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
	 background-color: var(--secondary-color);
	 margin-top: -40px;
}

.rental-left-side-box{
	width: 20%;
}

.rental-right-side-box{
	width: 79%;
}



.view-container{
	background-color: #f6f7f8;
	width: 200px;
	height: 45px;
	margin-top: -10px;
	border: 1px solid #e1e3e6;
	border-radius: 10px;
	margin-right: 10px;
}

.grid-view-btn{
	background-color: transparent;
	border: 0px;
	font-size: 16px;
	color: var(--primary-color);
	font-weight: 500;
}




/* Help CSS Start */

.help-container-card{
	box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.05),
        0 8px 24px rgba(0, 0, 0, 0.08);
	background-color: var(--secondary-color);
	border-radius: 10px; 
	width: 19%;
	height: auto !important;
	margin: 5px;
}



/* Guides CSS Start */

.small-box-container{
    background: #fff;
    border-radius: 10px;
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.05),
        0 8px 24px rgba(0, 0, 0, 0.08);
	width: 12%;
}

.news-letter-head-section01 {
		background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.8)), url('../images/support-image.webp');
		background-size: cover;
		background-position: center center;
		width: 100%;
		border-radius: 10px;
		padding: 30px 30px 0px 30px;
	}

.expert-btn{
	background-color: var(--secondary-color);
	width: 70%;
	height: 50px;
	border-radius: 10px;
	color: var(--primary-color);
	border: 0px;
	font-weight: 600;
}

.btn01{
	background-color: transparent;
	border: 2px solid #e1e3e6;
	width: 30%;
	height: 40px;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
}


/* Blog css start */

.blog-box-container{
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
}

.image-box{
	width: 55%;
	margin-right: 15px;
	position: relative;
	height: auto;
}

.content-box01{
	width: 42%;
	height: 100% !important;
}

.blog-image1{
	width: 100%;
	border-radius: 10px 0px 0px 10px;
	height: 100%;
}


.newsletter-form button{
    border: none;
    background: #008c5a;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    height: 45px;
    cursor: pointer;
    transition: 0.3s;
	 border-radius: 7px;
	 width: 180px !important;
}


/* FAQS CSS Start */

.faq-heading-01{
		color: var(--secondary-color);
		font-size: 45px;
		line-height: 60px;
		letter-spacing: 1px;
	}

	.faq-box-container{
    background: #fff;
    border-radius: 10px;
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.05),
        0 8px 24px rgba(0, 0, 0, 0.08);
	width: 9.5%;
}

.box-02{
	width: 18%;
	border-right: 1px solid #e1f3ed;
	padding-right: 15px;
	margin-right: 15px;
}


/* Market Reports CSS Start */

.mini-block-container{
	background-color: rgba(0, 0, 0, 0.5);
	width: 95%;
	border-radius: 10px;
}

.mini-box-01{
	padding-right: 5px;
	border-right: 1px solid rgba(255,255,255,0.1);
	margin-right: 10px;
}

.tab-box-container{
    background-color: var(--secondary-color);
    border: 1px solid #eef1f4;
    border-radius: 10px;
    box-shadow: 0px 10px 30px rgba(16, 24, 40, 0.06);
	 width: 15.9%;
	 margin: 5px;
}

.market-card-container{
	width: 19% !important;
	 margin: 5px !important;
}

.places-image{
	width: 100%;
}

.topics-btn{
	position: absolute !important;
	bottom: 23px !important;
	width: 95% !important;
	
}



/* Areas Glide CSS Start */

.mini-block-container01{
	background-color: rgba(0, 0, 0, 0.1);
	width: 90%;
	border-radius: 10px;
}

.mini-box-02{
	padding-right: 15px;
	border-right: 1px solid rgba(255,255,255,0.05);
	margin-right: 10px;
}

.bg-image-container{
	width: 75%;
	background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5)), url('../images/about-us-banner.jpg');
	border-radius: 10px 0px 0px 10px;
	height: 100%;
	background-position: center center;
	margin-right: 15px;
}

.content-box-01{
	width: 24%;
}

.flex-box-02{
	border-right: 1px solid #e1e3e6;
	padding-right: 50px;
	margin-right: 50px;
}



/* Terms CSS Start */

.update-container{
	background-color: rgba(0, 0, 0, 0.7);
	width: 65%;
	border-radius: 7px;
	border: 1px solid var(--headings-color);
}

.box-03{
	width: 22%;
	border-right: 1px solid #e1f3ed;
	padding-right: 15px;
	margin-right: 15px;
}

.flex-row-container{
	display: flex;
	flex-direction: row;
	justify-content: end;
}




/* Privacy Policy CSS Start */

.update-container01{
	background-color: rgba(0, 0, 0, 0.7);
	width: 45%;
	border-radius: 7px;
	border: 1px solid var(--headings-color);
}


/* Advertise With Us CSS Start */

.advertise-box{
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
	background-color: var(--secondary-color);
	border-radius: 7px;
	width: 19%;
	margin: 5px;
	border: 1px solid #e1e3e6;
	height: auto;
}

.advertise-col-box{
	padding-right: 15px;
	border-right: 1px solid var(--border-color);
}

.form01{
	margin-top: -12px;
}




/* Agent Portal CSS Start */


.adevertise-btn-04{
	width: 70%;
	height: 45px; 
	border: 1px solid var(--border-color);
	background-color: var(--secondary-color);
	font-size: 15px;
	font-weight: 500;
	border-radius: 7px;
}

.portal-box{
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	background-color: #feffff;
	border-radius: 7px;
	width: 19%;
	margin: 5px;
	border: 1px solid #e1e3e6;
	height: auto;
}



.adevertise-btn-05{
	width: 65%;
	height: 45px; 
	border: 0px;
	background-color: var(--primary-color);
	font-size: 15px;
	font-weight: 500;
	border-radius: 7px;
	color: var(--secondary-color);
}


/* Partner Program CSS Start */

.handshake-image{
	width: 120px;
	margin-top: -18px;
}


/* Agent Resources CSS Start */

.agent-resource-box{
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	background-color: #feffff;
	border-radius: 7px;
	width: 15.5%;
	margin: 5px;
	border: 1px solid #e1e3e6;
	height: auto;
}

.agent-resource-paragraph-020{
	font-size: 16px;
	color: var(--headings-color);
	font-weight: 600;
	line-height: 25px;
	width: 350px;
}

.agent-resource-paragraph-030{
	font-size: 15px;
	color: var(--primary-color);
	font-weight: 500;
	line-height: 25px;
	width: 500px;
	margin-top: -15px;
}






}



.agent-resource-paragraph-01{
	font-size: 17px;
	color: var(--secondary-color);
	font-weight: 600;
}

.agent-resources-list{
	color: var(--secondary-color);
	font-size: 16px;
}


.agent-resource-card{
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	background-color: #feffff;
	border-radius: 7px;
	border-radius: 10px;
	height: 100%;
	border: 1px solid #e1e3e6;

}

.agent-resource-heading-01{
	color: var(--primary-color);
	font-size: 19px;
	font-weight: 700;
	line-height: 30px;
}

.agent-resource-paragraph-02{
	font-size: 16px;
	color: var(--headings-color);
	font-weight: 600;
	line-height: 25px;
}

.agent-resource-wrapper-btn {
	position: absolute;
	top: 15px;
	left: 15px;
	background-color: #e6eef6;
	border: none;
	padding: 6px 10px;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 700;
	color: #0B5ED7;
	text-transform: uppercase;
}

.b-color{
	color: #820a74 !important;
}

.agent-resource-box-01{
	background-color: #eff5fb;
	border-radius: 10px;
}

.internal-box{
	background-color: var(--secondary-color);
	border-radius: 10px;
}

.agent-internal-box-image{
	width: 120px;
	height: 90px;
	border-radius: 5px;
	margin-right: 12px;
}

.tag-container{
	background-color: #eff5fb;
	border: 1px solid var(--border-color);
	padding: 1px 10px;
	border-radius: 10px;
	max-width: 70px;
	font-size: 13px;
	font-weight: 700;
	color: #0B5ED7;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 3px;
}

.tag-container01{
	background-color: #ffefda;
	border: 1px solid var(--border-color);
	padding: 1px 10px;
	border-radius: 10px;
	max-width: 90px;
	font-size: 13px;
	font-weight: 700;
	color: #f1d015;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 3px;
}

.internal-box-heading-01{
	font-size: 17px;
	font-weight: 600;
}

.agent-resource-paragraph-03{
	font-size: 16px;
	color: var(--headings-color);
	font-weight: 500;
	margin-top: -15px;
}

.damp01{
	width: 80%;
	border-right: 1px solid rgba(0, 0, 0, 0.05);
	margin-right: 20px;
}

.small-box{
	text-align: start;
	width: 20%;
}

.pdf-file-container{
	background-color: rgba(0, 0, 0, 0.03);
	width: 45px;
	height: 50px;
	border-radius: 5px;
	margin-right: 10px;
}

.pdf-icon{
	font-size: 24px;
}

.pdf-donwload-btn{
	background-color: transparent;
	border: 0px;
	color: #0B5ED7;
	font-weight: 500;
}





































.btn02{
	background-color: var(--secondary-color);
	border-radius: 5px;
	padding: 10px 15px;
	border: 1px solid #f7f8fa;
	box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15);
	font-weight: 500;
	margin-bottom: 12px;
}

.partner-program-box{
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	background-color: #feffff;
	border-radius: 10px;
	border: 1px solid #e1e3e6;
}

.how-works-box{
	background-color: var(--primary-color);
	border-radius: 10px;
}

.partner-heading-01{
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	color: var(--secondary-color);
}






    .steps {
      display: flex;
      flex-direction: column;
      margin-bottom: 28px;
    }
 
    .step {
      display: flex;
      gap: 14px;
      align-items: flex-start;
    }
 
    .step-left {
      display: flex;
      flex-direction: column;
      align-items: center;
      flex-shrink: 0;
    }
 
    .step-num {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 1.5px solid rgba(255, 255, 255, 0.35);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      font-weight: 500;
      color: #fff;
      background: transparent;
      flex-shrink: 0;
    }
 
    .step-line {
      width: 1.5px;
      flex: 1;
      min-height: 40px;
      background: rgba(255, 255, 255, 0.2);
		margin-top: 15px;
    }
 
    .step:last-child .step-line {
      display: none;
    }
 
 
    .step-heading {
      font-size: 17px;
      font-weight: 600;
      color: var(--secondary-color);
      margin: 7px 0 5px;
      line-height: 1.3;
    }
 
    .step-desc {
      font-size: 15px;
      color: rgba(255, 255, 255, 0.85);
      line-height: 28px;
    }
 
    .cta-btn {
      background-color: var(--secondary-color);
		padding: 12px 28px;
		border: 0px;
		color: var(--primary-color);
		border-radius: 7px;
		font-weight: 600;
		margin-top: -10px;
    }
 
    
 
   
 
    







.mini{
	color: var(--headings-color);
	font-size: 14px;
}
    .table01-wrap {
      width: 100%;
      overflow-x: auto;
    }
 
    .table01 {
      width: 100%;
      border-collapse: collapse;
      font-size: 14px;
      table-layout: fixed;
      min-width: 560px;
    }
 
    .table01 thead tr:first-child th {
      padding: 10px 16px 4px 16px;
      text-align: center;
      font-weight: 600;
      font-size: 15px;
      color: var(--primary-color);
    
    }
 
    .table01 thead tr:first-child th:first-child {
      text-align: left;
    }
	 
 
    .table01 thead tr:last-child th {
      padding: 0 16px 12px 16px;
      text-align: center;
      font-size: 17px;
      color: var(--primary-color);
      font-weight: 600;
    }
 
    .table01 thead tr:last-child th:first-child {
      text-align: left;
    }
 
    .table01 tbody td {
      padding: 12px 16px;
      text-align: center;
      border-bottom: 1px solid #e5e7eb;
      color: var(--primary-color);
		font-weight: 500;
    }
 
    .table01 tbody td:first-child {
      text-align: left;
      font-size: 14px;
      color: #1a1a1a;
    }
 
    .table01 tbody tr:hover {
      background: #f9fafb;
    }
 
    .col-pro {
      background: #f7f8f9;
    }
 
    .badge-wrap {
      display: flex;
      justify-content: center;
      margin-bottom: 4px;
    }
 
    .badge {
      display: inline-block;
      background: transparent;
      color: #0B5ED7 !important;
      font-size: 11px;
      font-weight: 500;
      padding: 2px 10px;
      border-radius: 20px;
		border: 1px solid #0B5ED7;
    }
 
    .check01 {
      color: var(--primary-color) !important;
      font-size: 16px;
      font-weight: 600;
    }
 
    .dash {
      color: var(--primary-color);
      font-size: 18px;
    }
 
    .text-val {
      font-size: 16px;
      color: var(--primary-color);
		font-weight: 600;
    }
 
    @media (max-width: 600px) {
      
 
      .table01 {
        font-size: 13px;
      }
 
      .table01 tbody td,
      .table01 thead tr:first-child th {
        padding: 10px 10px;
      }
    }






































.portal-flex{
	display: flex;
	flex-direction: row;
	justify-content: end;
}



.advertise-icon-03{
	color: var(--secondary-color);
	font-size: 28px;
	margin-top: 10px;
}

.box-portal-container{
	background-color: #f9f8fa;
	border: 1px solid var(--border-color);
	border-radius: 7px;
	margin-top: 12px;
}

.icon-04{
	font-size: 26px;
	margin: 10px 15px 0px 0px;
}

.agent-portal-paragraph-01{
	font-size: 16px;
	font-weight: 600;
}

.agent-portal-paragraph-02{
	font-size: 15px;
	margin-top: -12px;
}

.portal-form-container{
	background-color: var(--secondary-color);
	border-radius: 10px;
	border: 1px solid #e1e3e6;
}

.portal-check-label{
	color: var(--primary-color);
	font-size: 15px;
	font-weight: 500;
}

.portal-check-input{
	border: 1px solid var(--primary-color) !important;
	border-radius: 3px !important;
}

.forgot-password{
	color: var(--primary-color);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none !important;
	padding-top: 2px;
}

.href03{
	color: #0B5ED7;
	font-size: 14.5px;
	font-weight: 600;
	text-decoration: none !important;
	padding-left: 5px !important;
}

.password-toggle-btn{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    color: #6c757d;
}

.password-toggle-btn:focus{
    outline: none;
    box-shadow: none;
}

.advertise-form-control{
    padding-right: 45px;
}

.app-review-image{
	width: 75%;
}



.download-btn-01-image{
	width: 46%;
	cursor: pointer;
}

.download-btn-02-image{
	width: 46%;
	cursor: pointer;
}

.portal-heading-01{
	font-size: 16px;
	font-weight: 700;
}

.portal-box-01{
	font-size: 28px;
	color: var(--primary-color);
	margin-right: 15px;
}

.portal-paragraph-03{
	color: var(--primary-color);
	font-size: 15px;
	font-weight: 600;
}

.portal-paragraph-04{
	color: var(--primary-color);
	margin-top: -10px;
	font-size: 15px;
}

























.advertise-btn-01{
	background-color: var(--secondary-color);
	padding: 10px 25px;
	border-radius: 5px;
	border: 0px;
	font-weight: 600;
	margin: 0px 12px 10px 0px;
}


.advertise-btn-02{
	background-color: var(--primary-color);
	padding: 10px 25px;
	border-radius: 5px;
	border: 1px solid var(--secondary-color);
	font-weight: 600;
	margin-bottom: 10px;
	color: var(--secondary-color);
}

.advertise-mini-container{
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 7px;
	border: 1px solid var(--headings-color);
}

.advertise-icon-container{
	background-color: #282d36;
	width: 50px;
	height: 50px;
	margin-right: 15px;
	min-width: 50px;
    min-height: 50px;
    border-radius: 50%;
}

.advertise-icon{
	color: var(--secondary-color);
	font-size: 20px;
}

.advertise-heading-01{
	color: var(--secondary-color);
	font-size: 17px;
	font-weight: 600;
}

.advertise-paragraph-01{
	color: var(--secondary-color);
	font-size: 16px;
	line-height: 28px;
}

.line04{
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.1);
}

.advertise-heading-02{
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
}

.advertise-paragraph-02{
	font-size: 16px;
	font-weight: 400;
}

.advertise-icon-01{
	text-align: center;
	font-size: 32px;
}

.advertise-heading-03{
	text-align: center;
	font-size: 17px;
	font-weight: 600;
	padding-top: 15px;
}

.advertise-paragraph-03{
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	line-height: 28px;
}

.href02{
	color: #0B5ED7;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
}

.advertise-box-container{
	background-color: #f7f8f8;
	border-radius: 10px;
	border: 1px solid var(--border-color);
}

.advertise-heading-04{
	text-align: center;
	padding-top: 12px;
	font-size: 23px;
	font-weight: 600;
}

.box-advertise-container{
	background-color: transparent;
	border: 1px solid var(--border-color);
	border-radius: 7px;
	margin-top: 12px;
}


.advertise-icon-02{
	font-size: 28px;
	margin-right: 15px;
}

.advertise-paragraph-04{
	font-size: 17px;
	font-weight: 600;
}

.advertise-paragraph-05{
	font-size: 16px;
	margin-top: -10px;
}

.adevertise-btn-03{
	height: 45px;
	width: 100%;
	border: 1px solid var(--border-color);
	background-color: var(--secondary-color);
	font-size: 15px;
	font-weight: 500;
	border-radius: 7px;
}

.adevrtise-form-label{
	font-size: 15px !important;
	color: var(--primary-color);
	font-weight: 500 !important;
	line-height: 20px;
}

.advertise-form-control{
	background-color: var(--secondary-color) !important;
	height: 42px !important;
	border: 1px solid var(--border-color) !important;
}

.advertise-form-control::placeholder{
	font-weight: 500 !important;
	font-size: 15px !important;
	color: #bfc2c4 !important;
}

.adevertise-form-submit{
	background-color: var(--primary-color);
	width: 100%;
	height: 45px;
	border-radius: 10px;
	border: 0px;
	color: var(--secondary-color);
}

.advertise-paragraph-06{
	text-align: center;
	font-size: 15px;
	font-weight: 600;
}



.process-section{
    background:#fff;
}

.process-card{
    position:relative;
    padding:0 20px;
}

.icon-circle{
    width:60px;
    height:60px;
    background:#f5f5f5;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto 25px;
}

.icon-circle i{
    font-size:26px;
    color: var(--primary-color);
}

.process-card h4{
    font-size:18px;
    font-weight:700;
    color: var(--primary-color);
    margin-bottom:18px;
}

.process-card p{
    font-size:16px;
    color: var(--primary-color);
}

.process-arrow{
    position:absolute;
    top:40px;
    right:-18px;
    color: var(--border-color);
    font-size:42px;
    z-index:10;
}


@media(max-width:991px){

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

.icon-circle{
    width:80px;
    height:80px;
}

.icon-circle i{
    font-size:34px;
}

.process-card h4{
    font-size:26px;
}

.process-card p{
    font-size:19px;
}

}


@media(max-width:767px){



.icon-circle{
    width:50px;
    height:50px;
}

.icon-circle i{
    font-size:20px;
}

.process-card h4{
    font-size:18px;
}

.process-card p{
    font-size:16px;
}

}




























.update-container02{
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px 10px 5px 10px;
	border-radius: 7px;
	border: 1px solid var(--headings-color);
}



.privacy-check-image{
	width: 40px;
	height: 40px;
	margin-right: 15px;
}

.privay-paragraph-01{
	color: var(--secondary-color);
	font-weight: 500;
}

.privacy-paragraph-02{
	color: rgb(255,255,255,0.75);
	margin-top: -8px;
	line-height: 28px;
}

.privacy-icon{
	color: var(--secondary-color);
	font-size: 22px;
	margin-right: 15px;
}

.privacy-icon-container{
    background-color: #f2f2f3;
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.privacy-icon-image{
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.content-box-02{
	background-color: #f2f2f3;
	border-radius: 7px;
	padding-top: 12px;
	margin-bottom: 12px;
}

.privacy-icons{
	width: 50px;
	height: 45px;
	margin-right: 15px;
}







.content{
	color: var(--secondary-color);
	font-size: 17px;
}
.table-of-content-paragraph{
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 500;
	padding-left: 10px;
}

.table-content-active{
	background-color: var(--primary-color);
	width: 100%;
	height: 45px;
	border-radius: 7px;
	color: var(--secondary-color);
	padding: 8px 0px 0px 10px;
}

.download-btn{
	background-color: var(--primary-color);
	width: 100%;
	height: 45px;
	border-radius: 7px;
	color: var(--secondary-color);
	border: 0px;
	font-weight: 500;
}

.print-page-btn{
	background-color: transparent;
	width: 100%;
	height: 45px;
	border-radius: 7px;
	color: var(--primary-color);
	border: 1px solid var(--border-color);
	font-weight: 500;
}

.print-pdf-btn{
	background-color: transparent;
	border-radius: 7px;
	color: var(--primary-color);
	border: 1px solid var(--border-color);
	font-weight: 500;
	padding: 8px 20px;
}

.content-01{
	color: var(--primary-color);
	font-size: 16px;
	line-height: 28px;
}

.main-download-btn{
	background-color: var(--primary-color);
	border: 0px;
	border-radius: 7px;
	color: var(--secondary-color);
	padding: 12px 30px;
	font-weight: 500;
}









.block-card-heading{
	color: var(--secondary-color);
	font-size: 24px;
}

.block-card-paragraph{
	color: rgb(255,255,255,0.7);
	font-size: 15px;
}

.guide-btn-01{
	background-color: var(--headings-color);
	border: 0px;
	color: var(--secondary-color);
	padding: 5px 12px;
	font-size: 14px;
	border-radius: 50px;
	margin: 7px 10px 10px 0px;
}

.guide-btn-02{
	padding: 10px 15px;
	border-radius: 7px;
	border: 1px solid rgb(255,255,255,0.7);
	background-color: transparent;
	color: var(--secondary-color);
	font-size: 14px;
	margin: 0px 10px 10px 0px;
}

.guide-btn-03{
	padding: 10px 15px;
	border-radius: 7px;
	background-color: var(--secondary-color);
	border: 0px;
	color: var(--primary-color);
	font-size: 14px;
	margin-bottom: 10px;

}

.area-icon{
	color: #039c5c;
}

.play-icon-01{
	font-size: 32px;
	color: var(--secondary-color);
	margin-bottom: 5px;
}

.area-paragraph-01{
	color: var(--secondary-color);
	text-align: center;
}

.map01{
	border-radius: 10px;
	width: 100%;
	height: 100%;
}

.area-paragraph-04{
	color: var(--primary-color);
	font-size: 14px;
	font-weight: 500;
}

.area-heading-01{
	color: var(--primary-color);
	font-size: 22px;
	margin-top: -5px;
	font-weight: 600;
}

.area-paragraph-05{
	color: var(--primary-color);
	font-size: 14px;
	font-weight: 500;
}

.mini-block-box-container{
	background-color: var(--secondary-color);
	border-radius: 7px;
	box-shadow: 0 2px 15px rgba(16, 24, 40, 0.06);
	height: 100%;
}

.amex-icon{
	color: #039c5c;
	text-align: center;
	font-size: 25px;
	margin-bottom: 10px;
}

.area-paragraph-02{
	color: var(--headings-color);
	text-align: center;
	font-size: 15px;
	font-weight: 500;
}

.area-paragraph-03{
	color: var(--primary-color);
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	line-height: 25px;
	margin-top: -10px;
}

.rate-span{
	color: #e7e718;
}

.carousel-box{
	width: 100%;
}

.stay-updated-container{
	width: 100%;
	background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5)), url('../images/about-us-banner.jpg');
	border-radius: 10px;
	height: 100%;
	background-position: center center;
}

.sub-button{
	background-color: var(--primary-color) !important;
}



































#owl-carousel08 .owl-stage {
    display: flex;
}

#owl-carousel08 .owl-item {
    display: flex;
}

#owl-carousel08 .item,
#owl-carousel08 .card-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}


.breadcrumb-item01{
	color: var(--secondary-color) !important;
	text-decoration: none !important;
}

.rent-icon01{
	color: #039c5c;
	font-size: 45px;
	margin-right: 12px;
}

.rent-paragraph-02{
	color: var(--secondary-color);
	font-weight: 500;
}

.rent-paragraph-03{
	color: rgba(255,255,255,0.8);
	margin-top: -10px;
	font-size: 14px;
}

.rent-filter-btn{
	background-color: transparent;
	border: 0px;
	font-weight: 500;
}


.price-range-box01{
    width: 100%;
	 height: 50px;
}



.price-input-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e1e3e6 !important;
    border-radius: 10px;
    height: 50px;
	 padding: 0px 15px;
}

.price-input-wrapper input{
    border: none;
    outline: none;
    width: 42%;
    font-size: 20px;
    font-weight: 500;
    color: #374151;
    background: transparent;
}

.price-input-wrapper input::placeholder{
    color: var(--headings-color);
	 font-size: 15px;
}

.divider{
    font-size: 14px;
    font-weight: 700;
    color: var(--headings-color);
	 margin-right: 15px;
}

.search-box01 {
	position: relative;
	width: 100%;
}

.search-box01 input {
	width: 100%;
	padding: 12px 15px 12px 45px;
	border-radius: 5px;
	border: 1px solid #e1e3e6;
}

.search-box01 i {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--headings-color);
}

.search-box01 input::placeholder {
	color: var(--headings-color) !important;
	font-weight: 500 !important;
	font-size: 15px !important;
}

.show-more{
	color: #00d26a;
	font-size: 15px;
}

.rent-filter-btn-01{
	background-color: var(--primary-color);
	width: 100%;
	height: 45px;
	border-radius: 7px;
	border: 0px;
	color: var(--secondary-color);
}

.rent-save-search-btn{
	background-color: transparent;
	width: 100%;
	height: 45px;
	border-radius: 7px;
	border: 2px solid #e1e3e6;
	color: var(--primary-color);
}

.custom-pagination{
    display: flex;
    align-items: center;
	 justify-content: center;
    gap: 12px;
}

.page-item{
    width: 35px;
    height: 35px;
    border: 1px solid #E5E7EB;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #6B7280;
    font-size: 15px;
    font-weight: 600;
    background: #fff;
    transition: all 0.3s ease;
}

.page-item.active{
    background: #008751;
    border-color: #008751;
    color: #fff;
}

.page-item:hover{
    border-color: #008751;
    color: #008751;
}

.page-item.active:hover{
    color: #fff;
}

.dots{
    color: #6B7280;
    font-size: 18px;
    font-weight: 600;
    padding: 0 4px;
}

.arrow i{
    font-size: 13px;
}





















.property-paragraph{
	color: var(--secondary-color);
	font-size: 15px;
}

.property-review{
	color: var(--secondary-color);
	font-size: 15px;
	padding-top: 30px;
}

.property-location{
	color: var(--secondary-color);
	font-size: 15px;
	margin-top: -5px;
}

.static-heading{
	color: var(--secondary-color);
	text-align: center;
	font-size: 18px;
}

.property-static-description{
	color: var(--secondary-color);
	text-align: center;
	font-size: 15px;
}

.property-heading{
	font-weight: 600;
	font-size: 18px;
}

.property-image{
	width: 40px;
	height: 40px;
	margin-right: 10px;
}

.property-establish-heading{
	font-size: 16px;
	font-weight: 600;
}

.property-establish-year{
	font-size: 16px;
	font-weight: 600;
}

.property-icon{
	color: #1a9e5c;
	font-size: 30px;
	margin-right: 15px;
}

.box-static{
	font-size: 17px;
	font-weight: 600;
}

.box-description{
	font-size: 15px;
	font-weight: 500;
	margin-top: -8px;
}

.property-news-date{
	color: var(--headings-color);
	font-size: 15px;
	font-weight: 600;
}

.news-heading{
	font-size: 16px;
	font-weight: 600;
	margin-top: -7px;
}

.property-broker-heading{
	font-size: 16px;
	font-weight: 600;
}

.property-banner-image{
	width: 150px;
	height: 90px;
	border-radius: 10px;
	margin-right: 10px;
}

.property-heading-01{
	font-size: 15px;
	font-weight: 600;
}

.property-paragraph-01{
	color: var(--headings-color);
	font-size: 14px;
	font-weight: 600;
}

.property-paragraph-02{
	color: var(--headings-color);
	font-size: 14px;
	font-weight: 500;
	margin-top: -5px;
}

.location-dot-icon{
	color: var(--primary-color);
	font-size: 17px;
	margin-right: 15px;
}

.location-name{
	color: var(--primary-color);
	font-size: 15px;
	font-weight: 600;
	margin-top: -5px;
}

.head-office{
	color: var(--headings-color);
	font-size: 13px;
	font-weight: 500;
	margin-top: -13px;
}

.black-box-container{
	background-color: #070b11;
	border-radius: 10px;
}

.black-box-heading{
	color: var(--secondary-color);
	font-size: 17px;
	line-height: 30px;
}

.black-box-paragraph{
	color:  rgba(255,255,255,0.8);
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
}

.black-box-btn{
	background-color: var(--secondary-color);
	border: 0px;
	color: var(--primary-color);
	height: 45px;
	border-radius: 10px;
	width: 80%;
}

.black-box-image{
	width: 40% !important;
}




.agent-broker-name{
	color: var(--secondary-color);
	font-size: 20px;
}

.check-icon-image{
	width: 18px;
	height: 18px;
	margin: 2px 0px 0px 10px;
}

.agent-broker-paragraph{
	color: var(--secondary-color);
	font-size: 15px;
}

.broker-review-icon{
	color: #c79741;
}

.agent-broker-review{
	color: var(--secondary-color);
}

.broker-circle-icon{
	color: var(--secondary-color);
	font-size: 5px;
}

.agent-broker-number-heading {
	color: var(--secondary-color);
	text-align: center;
	font-size: 16px;
	font-weight: 700;
}

.agent-broker-followers {
	color: var(--secondary-color);
	text-align: center;
	font-size: 14px;
	margin-top: -5px;
	font-weight: 300;
}

.agent-broker-message-btn{
	background-color: var(--primary-color);
	width: 100%;
	height: 45px;
	border-radius: 10px;
	border: 0px;
	color: var(--secondary-color);
}

.agent-follow-btn{
	background-color: transparent;
	border: 1px solid #e1e3e6;
	width: 100%;
	height: 45px;
	border-radius: 10px;
	color: var(--primary-color)
}

.agent-icon-image{
	width: 30px;
	height: 30px;
	margin-right: 15px;
}

.agent-icon-image-01{
	width: 30px;
	height: 35px;
	margin-right: 15px;
}

.agent-icon-heading{
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 600;
}

.agent-icon-description{
	color: var(--headings-color);
	font-size: 14px;
	font-weight: 500;
}

.agent-broker-heading{
	color: var(--primary-color);
	font-size: 17px;
	font-weight: 600;
}

.agent-call-us-heading{
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 600;
}

.card-container-03{
	background-color: var(--primary-color);
	border-radius: 10px;
}

.agent-card-heading{
	color: var(--secondary-color);
	font-size: 17px;
	line-height: 30px;
	font-weight: 500;
}

.agent-card-description{
	color: var(--secondary-color);
	font-size: 16px;
	font-weight: 300;
	line-height: 28px;
}

.agent-card-btn{
	background-color: #1a9e5c;
	border: 0px;
	width: 150px;
	height: 45px;
	border-radius: 7px;
	color: var(--secondary-color);
}

.agent-card-featured-image {
	width: 100%;
	border-radius: 10px 10px 0px 0px;
	height: 200px;
}

.agent-photos-btn{
	position: absolute;
	bottom: 10px;
	right: 15px;
	background-color: var(--primary-color);
	border: none;
	padding: 6px 10px;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 600;
	color: var(--secondary-color);
	text-transform: uppercase;
	letter-spacing: 1px;
}

.agent-ready-container{
	background-color: #eef7f2;
	width: 100px;
	height: 30px;
	border-radius: 50px;
	text-align: center;
}

.agent-circle{
	color: #1a9e5c;
	font-size: 8px;
}

.agent-circle-01{
	color: #0B5ED7;
	font-size: 8px;
}

.agent-ready-container-description{
	font-size: 15px;
	font-weight: 600;
	padding-top: 4px;
}

.star-regular-icon{
	font-size: 13px;
}

.agent-reviewer-description{
	color: var(--primary-color);
	font-size: 17px;
	line-height: 30px;
	margin-top: -10px;
}

.agent-box-container{
	background-color: #f9f9fa;
	border: 1px solid #e1e3e6;
	border-radius: 10px;
	height: 100%;
}

.agent-box-description{
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 500;
}

.agent-view-insights-btn{
	background-color: transparent;
	color: #039c5c;
	border: 0px;
	font-weight: 600;
}

.insight-icon-image{
	width: 50%;
	height: 50%;
}

.agent-news-letter-heading {
		color: var(--secondary-color);
		font-size: 18px;
		font-weight: 500;
	}
.agent-news-letter-paragraph{
	color: var(--secondary-color);
		font-size: 15px;
		font-weight: 400;
}

.house-image{
	width: 60px;
	height: 55px;
	margin: -5px 15px 0px 0px;
}

.house-image01{
	width: 60px;
	height: 60px;
	margin: -5px 10px 0px 0px;
}
































.chart-message-container{
	background-color: #f3f4f6;
	border-radius: 10px;
	padding: 10px 10px 1px 10px;
	margin-bottom: 5px;
}


.message-chat-description{
	color: var(--primary-color);
	font-size: 15px;
	font-weight: 500;
}

.message-chat-description01{
	color: var(--secondary-color);
	font-size: 15px;
	font-weight: 500;
}

.message-time{
	color: var(--headings-color);
	font-size: 14px;
	font-weight: 500;
	margin-left: 5px;
}

.chat-message-received-container{
	background-color: var(--primary-color);
	border-radius: 10px;
	padding: 10px 10px 1px 10px;
	margin-bottom: 5px;
}
.double-check-icon{
	color: #0B5ED7;
}


.chat-input-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:1px solid #e5e7eb;
    border-radius:12px;
    padding:8px 10px;
    background:#fff;
    width:100%;
}

.chat-input{
    flex:1;
    border:none;
    outline:none;
    font-size:14px;
    color:#555;
    background:transparent;
}

.chat-input::placeholder{
    color:#a0a0a0;
}

.chat-icons{
    display:flex;
    align-items:center;
    gap:12px;
}

.chat-icons i{
    color:#9ca3af;
    font-size:16px;
    cursor:pointer;
}

.send-btn{
    width:34px;
    height:34px;
    border:none;
    border-radius:8px;
    background:var(--primary-color);
    color: var(--secondary-color);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.send-btn i{
    color:#fff;
    font-size:13px;
}










@media (max-width: 991px){

    #chatSection{
        display:none;
    }

    #chatSection.show-chat{
        display:block;
    }

    #messagesList.hide-list{
        display:none;
    }

    .chat-back-btn{
        border:none;
        background:none;
        font-size:18px;
        font-weight:600;
    }
}




.messages-nav-item{
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 500;
}

.message-image{
	width: 50px;
	height: 50px;
	border-radius: 60px;
	margin-right: 10px;
}

.message-name{
	font-size: 16px;
	font-weight: 600;
}

.message-property{
	color: var(--headings-color);
	font-size: 14px;
	font-weight: 500;
	margin-top: -5px;
}

.message-description{
	color: var(--headings-color);
	font-size: 14px;
	font-weight: 500;
	margin-top: -5px;
}

.active-message-container{
	background-color: #f0f5fb;
	border-radius: 10px;
	padding: 12px 12px 0px 12px;
}

.notify-time{
	color: var(--headings-color);
	font-size: 14px;
	font-weight: 500;
}

.messages-count{
	background-color: var(--primary-color);
	width: 25px;
	height: 25px; 
	border-radius: 50px;
	color: var(--secondary-color);
	font-size: 13px;
	padding-top: 3px;
}

























.paragraph08{
	color: var(--secondary-color);
	font-size: 17px;
	line-height: 30px;
	letter-spacing: 1px;
	margin-bottom: 30px;
	padding-top: 12px;
}

.paragraph09{
	color: var(--secondary-color);
}

.heading06{
	color: var(--primary-color);
	font-size: 20px;
	font-weight: 600;
	line-height: 38px;
}

.discount-paragraph{
	background-color: #eef7f2;
	color: #00d26a;
	padding: 7px 14px;
	font-weight: 600;
	border-radius: 50px;
}

.price-card-container-box{
	background-color: transparent;
	border: 2px solid #f5f5f5;
	border-radius: 10px;
	height: 100%;
}

.paragraph10{
	color: var(--headings-color);
	font-weight: 600;
	padding-bottom: 20px;
}

.heading08{
	color: var(--primary-color);
	font-size: 24px;
	font-weight: 600;
}

.commercial-heading08{
	color: var(--primary-color);
	font-size: 19px;
	font-weight: 600;
	line-height: 30px;
}


.span04{
	color: var(--headings-color);
	font-size: 16px;
}

.select-plan-button{
	width: 100%;
	background-color: var(--secondary-color);
	border: 2px solid #e1e3e6;
	height: 45px;
	border-radius: 10px;
	font-weight: 600;
	margin-bottom: 25px;
}

.list01{
	color: var(--headings-color);
	font-size: 16px;
	font-weight: 500;
}

.most-popular-box{
	background-color: #00d26a;
	border-radius: 10px 10px 0px 0px;
	height: 35px;
	margin-bottom: 15px;
}


.centred-text{
	color: var(--secondary-color);
	font-size: 15px;
	text-align: center;
	font-weight: 600;
}

.price-listing-container{
	background-color: rgba(255,255,255,0.9);
	border-radius: 10px 10px 0px 0px;
}

.select-plan-button-01{
	width: 100%;
	background-color: #00d26a;
	border: 0px;
	height: 45px;
	border-radius: 10px;
	font-weight: 600;
	margin-bottom: 25px;
	color: var(--secondary-color);
}

.price-plans-container-box{
	background-color: transparent;
	border: 2px solid #f5f5f5;
	border-radius: 10px;
}


.icon-list-01{
	font-size: 16px;
}

.payment-flex-container{
	width: 100%;
	height: 45px;
	border-radius: 10px;
	border: 1px solid #e1e3e6;
}

.lock-icon{
	color: #00d26a;
}

.secure-payment-paragraph{
	font-size: 14px;
	font-weight: 500;
}

.payment-form-label{
	color: var(--headings-color);
	font-size: 15px;
	font-weight: 600;
}

.payment-form-control{
	background-color: var(--secondary-color);
	width: 100%;
	height: 50px;
	border-radius: 10px;
	border: 1px solid #e1e3e6;
	padding-right: 45px;
}

.payment-form-control::placeholder{
	color: var(--headings-color);
	font-weight: 600;
}

.card-icon{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    font-size: 18px;
    pointer-events: none;
}

.form-check-label-01{
	color: var(--headings-color) !important;
}

.total-summary-container{
	background-color: #f9fafa;
	border: 1px solid #e1e3e6;
	border-radius: 10px;
}

.paragraph12{
	color: var(--headings-color);
	font-size: 14px;
	font-weight: 500;
}

.paragraph13{
	color: #00d26a;
}

.paragraph14{
	text-align: center;
	color: var(--headings-color);
	font-weight: 600;
	font-size: 15px;
	margin-top: -12px;
}

.icon-02{
	color: #00d26a;
	font-size: 35px;
	margin-right: 12px;
}

.heading09{
	color: var(--primary-color);
	font-size: 15px;
	font-weight: 600;
}

.paragraph15{
	color: var(--headings-color);
	font-size: 15px;
	font-weight: 600;
	margin-top: -5px;
}

.support-mail{
	color: #00d26a;
	font-size: 13px;
	font-weight: 600;
	margin-top: -15px;
}


.upgrade-container{
	background-color: #eef7f2;
	width: 45px;
	height: 45px;
	border-radius: 35px;
	margin-right: 10px;
}

.review-asset-image{
	width: 60px;
	height: 60px;
	border-radius: 50px;
	margin-right: 12px;
}

.review-asset-description{
	color: var(--primary-color);
	font-size: 15px;
	line-height: 28px;
}










































































































































.agent-box-icon-container{
	background-color: var(--icons-bg-color);
	width: 50px;
	height: 50px;
	border-radius: 50px;
	margin-right: 15px;
}

.agent-icon{
	color: var(--primary-color);
	text-align: center;
	font-size: 20px;
}

.agent-info-container{
    box-shadow: -2px 0 2px rgba(0, 0, 0, 0.08);
	 border-radius: 10px;
}

.agent-navs-container{
	border-bottom: 1px solid var(--icons-bg-color);
}

.star-icon-image{
	color: #fca800;
}

.review-outer-box{
	background-color: var(--icons-bg-color);
	width: 150px;
	height: 7px;
	border-radius: 10px;
	margin-top: 7px;
}

.review-inner-box{
	background-color: var(--primary-color);
	width: 120px;
	height: 7px;
	border-radius: 10px;
}

.review-inner-box-01{
	background-color: var(--primary-color);
	width: 40px;
	height: 7px;
	border-radius: 10px;
}

.review-inner-box-02{
	background-color: var(--primary-color);
	width: 30px;
	height: 7px;
	border-radius: 10px;
}

.review-inner-box-03{
	background-color: var(--primary-color);
	width: 10px;
	height: 7px;
	border-radius: 10px;
}

.review-inner-box-04{
	background-color: var(--primary-color);
	width: 5px;
	height: 7px;
	border-radius: 10px;
}

.review-image{
	width: 40px;
	height: 40px;
	border-radius: 50px;
	margin-right: 12px;
}

.reviewer-name{
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 600;
}

.reviewer-duration{
	color: var(--headings-color);
	font-size: 16px;
	margin-top: -5px;
	font-weight: 600;
	margin-left: 10px;
}

.reviewer-description{
	color: var(--headings-color);
	font-size: 17px;
	line-height: 30px;
}




















.breadcrumb-item{
	font-size: 16px !important;
	color: var(--headings-color) !important;
	text-decoration: none !important;
	font-weight: 500 !important;
	padding-bottom: 10px !important;
}

.paragraph02{
	color: var(--headings-color);
	font-size: 15px;
	font-weight: 500;
}


.span03{
	color: var(--headings-color);
	font-weight: 500;
	font-size: 16px;
}

.line02{
	background-color: rgba(0, 0, 0, 0.08);
	width: 100%;
	height: 1px;
}

.filters-heading{
	color: var(--primary-color);
	font-size: 17px;
	font-weight: 600;
}

.filters-heading01{
	color: #039c5c;
	font-size: 17px;
	font-weight: 600;
}

.form-label-location{
	color: var(--primary-color);
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 10px;
}

.form-select01{
	font-weight: 400 !important;
	border: 1px solid #e1e3e6 !important;
	height: 45px !important;
	margin: 5px 0px 15px 0px !important;
}

.form-select, .form-select01 option{
	font-weight: 600 !important;
}

.property-checkboxes{
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.checkbox-item{
   display: flex;
   align-items: center;
   gap: 10px;
   cursor: pointer;
}

.checkbox-item input[type="checkbox"]{
   width: 15px;
   height: 15px;
   accent-color: var(--primary-color);
}



.price-range-box{
    width:100%;
    margin: 20px 0px;
}

.price-title{
    font-size:16px;
    font-weight:600;
    margin-bottom:12px;
}

.price-inputs{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:20px;
}

.price-field{
    flex:1;
    border:1px solid #e1e3e6;
    border-radius:10px;
    padding:0px 12px;
    display:flex;
    align-items:center;
    gap:10px;
    background: var(--secondary-color);
	 height: 45px;
}

.price-field span{
    color:var(--headings-color);
    font-weight:500;
}

.price-field input{
    border:none;
    outline:none;
    width:100%;
    font-size:15px;
}

.dash{
    font-size:18px;
    font-weight:600;
}

.range-slider01{
    position:relative;
    height:30px;
}

.range-slider01 input[type="range"]{
    position:absolute;
    width:100%;
    left:0;
    top:0;
    pointer-events:none;
    appearance:none;
    -webkit-appearance:none;
    background:none;
}

.range-slider01 input[type="range"]::-webkit-slider-runnable-track{
    height:4px;
    background:var(--primary-color);
    border-radius:20px;
}

.range-slider01 input[type="range"]::-webkit-slider-thumb{
    pointer-events:auto;
    -webkit-appearance:none;
    width:16px;
    height:16px;
    border-radius:50%;
    background:var(--primary-color);
    cursor:pointer;
    margin-top:-6px;
}

.range-slider01 input[type="range"]::-moz-range-thumb{
    pointer-events:auto;
    width:16px;
    height:16px;
    border-radius:50%;
    background:var(--primary-color);
    border:none;
    cursor:pointer;
}

.rooms-div{
	background-color: transparent;
	border: 1px solid #e1e3e6;
	border-radius: 5px;
	padding: 8px 14px;
	color: var(--headings-color);
	font-weight: 600;
}

.filter-options{
	font-weight: 500;
}

.dropdown-item-01{
	color: var(--primary-color) !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	padding-bottom: 10px !important;
}

.card-container-02{
	border: 1px solid #e1e3e6;
	border-radius: 10px;
}

.apartment-btn{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    border: none;
    background: var(--primary-color);
    color: var(--secondary-color);
    padding: 6px 15px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 400;
	 letter-spacing: 1px;
}

.photo-btn{
	position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2;
    border: none;
    background: var(--primary-color);
    color: var(--secondary-color);
    padding: 6px 15px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 400;
	 letter-spacing: 1px;
}


.apartment-name{
	font-weight: 600;
	color: var(--primary-color);
	text-decoration: none;
}

.apartment-btn-01{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    border: none;
    background: #c79741;
    color: var(--secondary-color);
    padding: 6px 15px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 400;
	 letter-spacing: 1px;
}

.page-link{
	color: var(--primary-color) !important;
	width: 50px !important;
	height: 50px !important;
	text-align: center !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	border-radius: 7px !important;
	border: 1px solid #e1e3e6 !important;
}

.active>.page-link{
	background-color: var(--primary-color) !important;
	color: var(--secondary-color) !important;
	border: 1px solid var(--primary-color) !important;
}


@media (max-width:1024px){

    #filterSidebar{
        width:100%;
    }

}

@media (max-width:1024px){
    .filter-column{
        display:none;
    }
}



.image-wrapper{
    position: relative;
}

.apartment-img-btn{
    position: absolute;
    bottom: 10px;
    left: 10px;
	 right: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border: none;
	 height: 50px;
    border-radius: 10px;
    font-size: 14px;
}

.box-container-flex{
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.06);
	 border-radius: 10px;
}

.icon-box-container{
	width: 50px;
	height: 50px;
	border-radius: 100px;
	background-color: var(--icons-bg-color);
	margin-right: 10px;
}

.icon-box-icon{
	color: var(--headings-color);
	font-size: 18px;
	text-align: center;
}

.counting-rooms{
	color: var(--primary-color);
	font-size: 18px;
	font-weight: 600;
}

.bedroom-rooms{
	color: var(--headings-color);
	font-size: 17px;
	font-weight: 500;
}

.heading04{
	color: var(--primary-color);
	font-size: 17px;
	font-weight: 600;
}

.show-more-btn{
	color: var(--primary-color) !important;
	font-size: 17px;
	font-weight: 600;
	text-decoration: none;
}

.amenities-button{
	border: 1px solid var(--icons-bg-color);
	padding: 10px 30px;
	border-radius: 7px;
	background-color: transparent;
	font-size: 16px;
	font-weight: 600;
	margin-right: 20px;
}

.map01{
	width: 100%;
	border-radius: 10px;
}

.price-card-container{
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
	border-radius: 10px;
}

.price-container-heading{
	color: var(--primary-color);
	font-size: 20px;
	font-weight: 700;
}

.contact-agent-btn{
	background-color: var(--primary-color);
	width: 100%;
	height: 45px;
	border-radius: 10px;
	border: 0px;
	color: var(--secondary-color);
	margin-bottom: 10px;
}

.callback-btn{
	background-color: transparent;
	border: 1px solid var(--icons-bg-color);
	width: 100%;
	height: 45px;
	border-radius: 10px;
	color: var(--primary-color);
	margin-bottom: 10px;
}

.flex-icon{
	color: var(--primary-color);
	font-size: 28px;
	margin-right: 15px;
}

.paragraph03{
	color: var(--headings-color);
	font-size: 14px;
}

.property-name{
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 600;
	margin-top: -12px;
}

.social-icon-container{
	background-color: var(--icons-bg-color);
	width: 40px;
	height: 40px;
	border-radius: 15px;
	margin-right: 12px;
	border: 1px solid #e1e3e6;
}

.social-icon-icon{
	color: var(--primary-color);
	text-align: center;
	font-size: 20px;
}







































.agent-search-wrapper{
    position: relative;
    width: 100%;
}

.agent-search-wrapper01{
    position: relative;
    width: 70%;
}

.agent-search-wrapper02{
    position: relative;
    width: 50%;
}





.search-icon{
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    color: var(--headings-color);
    font-size: 16px;
	 cursor: pointer;
}

.search-icon01{
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    color: var(--primary-color);
    font-size: 16px;
	 cursor: pointer;
}

.span02{
	color: #0B5ED7;
	text-decoration: none;
}

.form-control-02{
	background-color: var(--secondary-color);
	width: 100%;
	height: 48px;
	border-radius: 10px;
	border: 1px solid var(--icons-bg-color);
	padding-left: 20px;
}

.form-control-03{
	background-color: var(--secondary-color);
	width: 100%;
	border-radius: 10px;
	border: 1px solid var(--icons-bg-color);
	padding-left: 20px;
}

.form-btn{
	background-color: var(--primary-color);
	width: 100%;
	height: 45px;
	border: 0px;
	color:  var(--secondary-color);
	border-radius: 10px;
}


@media screen and (min-width: 1280px) and (max-width: 1440px) {


	.hero-banner-container {
		background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.2)), url('../images/hero-banner.jpg');
		background-size: cover;
		background-position: center center;
		padding: 0px 30px;
	}

	.banner-container,
	.real-estate-container,
	.requirement-form-container,
	.featured-properties-section,
	.why-choose-section,
	.news-letter-section,
	.agent-news-letter-section,
	.footer-section {
		padding: 0px 30px;

	}

	.flex-container {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: space-around;
	}


	#owl-carousel01 .owl-nav button.owl-prev,
	#owl-carousel02 .owl-nav button.owl-prev,
	#owl-carousel03 .owl-nav button.owl-prev,
	#owl-carousel05 .owl-nav button.owl-prev,
	#owl-carousel06 .owl-nav button.owl-prev,
	#owl-carousel07 .owl-nav button.owl-prev,
	#owl-carousel08 .owl-nav button.owl-prev,
	#owl-carousel09 .owl-nav button.owl-prev,
	#owl-carousel10 .owl-nav button.owl-prev,
	.owl-carousel11 .owl-nav button.owl-prev {
		text-align: center !important;
		align-items: center !important;
		padding-bottom: 10px !important;
		position: absolute;
		left: -20px !important;
		top: 37.5%;
		background: #fff !important;
		color: #000 !important;
		border: none;
		font: inherit;
		font-size: 30px !important;
		width: 42px;
		height: 42px;
		border-radius: 21px !important;
		text-align: center !important;
		align-self: center !important;
		box-shadow: 0px 4px 20px -4px rgba(9, 43, 70, 0.16);

	}

	#owl-carousel01 .owl-nav button.owl-next,
	#owl-carousel02 .owl-nav button.owl-next,
	#owl-carousel03 .owl-nav button.owl-next,
	#owl-carousel04 .owl-nav button.owl-next,
	#owl-carousel05 .owl-nav button.owl-next,
	#owl-carousel06 .owl-nav button.owl-next,
	#owl-carousel07 .owl-nav button.owl-next,
	#owl-carousel08 .owl-nav button.owl-next,
	#owl-carousel09 .owl-nav button.owl-next,
	#owl-carousel10 .owl-nav button.owl-next,
	.owl-carousel11 .owl-nav button.owl-next,
	#owl-carousel13 .owl-nav button.owl-next,
	#owl-carousel14 .owl-nav button.owl-next,
	#owl-carousel15 .owl-nav button.owl-next,
	#owl-carousel16 .owl-nav button.owl-next {

		text-align: center !important;
		align-items: center !important;
		padding-bottom: 10px !important;
		position: absolute;
		right: -20px !important;
		top: 37.5%;
		background: #fff !important;
		color: #000 !important;
		border: none;
		font: inherit;
		font-size: 30px !important;
		width: 42px;
		height: 42px;
		border-radius: 21px !important;
		text-align: center !important;
		align-self: center !important;
		box-shadow: 0px 4px 20px -4px rgba(9, 43, 70, 0.16);

	}




	.owl-carousel04 .owl-nav button.owl-prev {
		text-align: center !important;
		align-items: center !important;
		padding-bottom: 10px !important;
		position: absolute;
		left: 10px !important;
		top: 40%;
		background: #fff !important;
		color: #000 !important;
		border: none;
		font: inherit;
		font-size: 30px !important;
		width: 42px;
		height: 42px;
		border-radius: 21px !important;
		text-align: center !important;
		align-self: center !important;
		box-shadow: 0px 4px 20px -4px rgba(9, 43, 70, 0.16);

	}


	.owl-carousel04 .owl-nav button.owl-next {
		text-align: center !important;
		align-items: center !important;
		padding-bottom: 10px !important;
		position: absolute;
		right: 20px !important;
		top: 40%;
		background: #fff !important;
		color: #000 !important;
		border: none;
		font: inherit;
		font-size: 30px !important;
		width: 42px;
		height: 42px;
		border-radius: 21px !important;
		text-align: center !important;
		align-self: center !important;
		box-shadow: 0px 4px 20px -4px rgba(9, 43, 70, 0.16);

	}

}


@media screen and (min-width: 992px) and (max-width: 1280px) {
	.header-logo {
		width: 160px;
	}

	.desktop-header {
		background-color: var(--secondary-color) !important;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
		padding: 0px 10px !important;
	}

	.nav-link {
		color: var(--primary-color) !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		margin-right: 5px !important;
	}

	.heart-icon {
		color: var(--primary-color) !important;
		margin-top: 15px;
		font-size: 18px;
	}

	.login-button {
		background-color: transparent;
		padding: 8px 10px;
		border: 2px solid var(--headings-color);
		border-radius: 5px;
		color: var(--primary-color);
		font-size: 15px;
		font-weight: 600;
		margin: 0px 10px;
	}

	.language-btn{
    background-color: transparent;
    padding: 8px 10px;
    border: 2px solid var(--headings-color) !important;
    border-radius: 5px;
    color: var(--primary-color);
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
	 margin: 0px 0px 0px 10px;
}

	.signup-button {
		background-color: var(--primary-color);
		padding: 8px 10px;
		border-radius: 5px;
		color: var(--secondary-color);
		font-size: 15px;
		font-weight: 600;
		border: 0px;
	}

	.banner-container,
	.real-estate-container,
	.requirement-form-container,
	.featured-properties-section,
	.why-choose-section,
	.news-letter-section,
	.agent-news-letter-section,
	.footer-section {
		padding: 0px 15px;
	}

	.hero-banner-container {
		background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.2)), url('../images/hero-banner.jpg');
		background-size: cover;
		background-position: center center;
		padding: 0px 15px;
	}

	.heading01 {
		color: var(--secondary-color);
		font-size: 40px;
		letter-spacing: 3px;
		line-height: 50px;
	}

	.paragraph01 {
		color: rgba(255, 255, 255, 0.8);
		font-size: 16px;
		font-weight: 400;

	}

	.search-box {
		position: relative;
		width: 30%;
	}

	.search-box input {
		width: 100%;
		padding: 12px 15px 12px 40px;
		border-radius: 10px;
		border: 1px solid var(--border-color);
		margin-top: 12px;
	}

	.search-box i {
		position: absolute;
		left: 15px;
		top: 55%;
		transform: translateY(-50%);
		color: var(--headings-color);
	}

	.search-box input::placeholder {
		color: var(--headings-color) !important;
		font-weight: 500 !important;
	}

	.property-box {
		width: 15%;
	}

	


	.form-select {
		border: px !important;
		font-weight: 600 !important;
		color: var(--primary-color) !important;
		font-size: 16px !important;
		font-weight: 600 !important;
	}

	.search-button {
		background-color: var(--primary-color);
		width: 130px;
		border: 0px;
		height: 45px;
		margin-top: 10px;
		border-radius: 10px;
		color: var(--secondary-color);
	}

	.mini-icon-container {
		background-color: rgba(27, 45, 59, 0.8);
		width: 90%;
		border-radius: 10px;
	}

	.mini-icon-container01 {
		background-color: rgba(0,0,0,0.5);
		width: 95%;
		border-radius: 10px;
	}

	.width-box-01{
	border-right: 2px solid rgba(255,255,255,0.5) !important;
	padding-right: 20px;
}

	.banner-image-heading {
		color: var(--secondary-color);
		font-size: 28px;
		font-weight: 500;
		letter-spacing: 1px;
		line-height: 40px;
	}

	.banner-image-paragraph {
		color: var(--secondary-color);
		font-size: 16px;
		line-height: 28px;
	}

	.banner-image-heading01 {
		color: var(--secondary-color);
		font-size: 28px;
		font-weight: 500;
		letter-spacing: 1px;
		line-height: 40px;
	}

	.banner-image-paragraph01 {
		color: var(--secondary-color);
		font-size: 16px;
		line-height: 28px;
	}

	.flex-container {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 10px;
	}

	.box-01 {
		width: 18%;
	}

	.banner-heading {
		color: var(--primary-color);
		text-align: center;
		font-size: 28px;
		font-weight: 700;
	}

	.nav-button-container {
		background-color: transparent;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
		width: 40%;
	}

	.mini-nav-item-container {
		background-color: transparent;
		width: 50%;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
		border-radius: 10px;
	}

	.form-banner-heading {
		color: var(--secondary-color);
		font-size: 28px;
		font-weight: 500;
		line-height: 40px;
	}

	.form-submit-button {
		background-color: var(--button-green-color);
		width: 25%;
		border: 0px;
		border-radius: 5px;
		color: var(--secondary-color);
		height: 45px;
	}

	.featured-property-heading {
		color: var(--primary-color);
		font-size: 20px;
		font-weight: 700;
	}


	#owl-carousel01 .owl-nav button.owl-prev,
	#owl-carousel02 .owl-nav button.owl-prev,
	#owl-carousel03 .owl-nav button.owl-prev,
	#owl-carousel04 .owl-nav button.owl-prev,
	.owl-carousel04 .owl-nav button.owl-prev,
	#owl-carousel05 .owl-nav button.owl-prev,
	#owl-carousel06 .owl-nav button.owl-prev,
	#owl-carousel07 .owl-nav button.owl-prev,
	#owl-carousel08 .owl-nav button.owl-prev,
	#owl-carousel09 .owl-nav button.owl-prev,
	#owl-carousel10 .owl-nav button.owl-prev,
	.owl-carousel11 .owl-nav button.owl-prev,
	#owl-carousel13 .owl-nav button.owl-prev,
	#owl-carousel14 .owl-nav button.owl-prev {
		text-align: center !important;
		align-items: center !important;
		padding-bottom: 10px !important;
		position: absolute;
		left: -12px !important;
		top: 37.5%;
		background: #fff !important;
		color: #000 !important;
		border: none;
		font: inherit;
		font-size: 30px !important;
		width: 42px;
		height: 42px;
		border-radius: 21px !important;
		text-align: center !important;
		align-self: center !important;
		box-shadow: 0px 4px 20px -4px rgba(9, 43, 70, 0.16);

	}

	#owl-carousel01 .owl-nav button.owl-next,
	#owl-carousel02 .owl-nav button.owl-next,
	#owl-carousel03 .owl-nav button.owl-next,
	#owl-carousel04 .owl-nav button.owl-next,
	.owl-carousel04 .owl-nav button.owl-next,
	#owl-carousel05 .owl-nav button.owl-next,
	#owl-carousel06 .owl-nav button.owl-next,
	#owl-carousel07 .owl-nav button.owl-next,
	#owl-carousel08 .owl-nav button.owl-next,
	#owl-carousel09 .owl-nav button.owl-next,
	#owl-carousel10 .owl-nav button.owl-next,
	.owl-carousel11 .owl-nav button.owl-next,
	#owl-carousel13 .owl-nav button.owl-next,
	#owl-carousel14 .owl-nav button.owl-next,
	#owl-carousel15 .owl-nav button.owl-next,
	#owl-carousel16 .owl-nav button.owl-next {

		text-align: center !important;
		align-items: center !important;
		padding-bottom: 10px !important;
		position: absolute;
		right: -12px !important;
		top: 37.5%;
		background: #fff !important;
		color: #000 !important;
		border: none;
		font: inherit;
		font-size: 30px !important;
		width: 42px;
		height: 42px;
		border-radius: 21px !important;
		text-align: center !important;
		align-self: center !important;
		box-shadow: 0px 4px 20px -4px rgba(9, 43, 70, 0.16);

	}


	.icon-flex-box-container {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}

	.icon-box-01 {
		width: 18%;
	}


	.news-letter-head-section {
		background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5)), url('../images/hero-banner.jpg');
		background-size: cover;
		background-position: center center;
		width: 100%;
		border-radius: 10px;
		padding-left: 20px;
	}

	.news-letter-heading {
		color: var(--secondary-color);
		font-size: 20px;
		font-weight: 500;
	}

	.form-email {
		width: 60%;
		border: 1px solid var(--icons-bg-color);
		height: 45px;
		border-radius: 5px;
		padding-left: 15px;
	}

	.subscribe-btn {
		background-color: var(--button-green-color);
		border: 0px;
		border-radius: 5px;
		margin-left: 10px;
		width: 130px;
		height: 45px;
		color: var(--secondary-color);
	}

	.subscribe-btn01 {
		background-color: var(--button-green-color);
		border: 0px;
		border-radius: 5px;
		margin-left: 10px;
		width: 200px;
		height: 45px;
		color: var(--secondary-color);
	}

	.browse-btn01 {
		background-color: transparent;
		border: 1px solid var(--secondary-color);
		border-radius: 5px;
		margin-left: 10px;
		width: 200px;
		height: 45px;
		color: var(--secondary-color);
	}

	.email-subscribe-btn {
		background-color: #050a11;
		border: 1px solid var(--secondary-color);
		border-radius: 5px;
		margin-left: 10px;
		width: 140px;
		height: 45px;
		color: var(--secondary-color);
	}

	.footer-flex-item-container {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}

	.logo-box {
		width: 30%;
	}

	.footer-logo {
		width: 160px;
		margin-bottom: 10px;
	}

	.footer-nav-box {
		width: 20%;
		margin-bottom: 20px;
	}

	.copyright-flex-container {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.copyright-paragraph {
		color: var(--icons-bg-color);
		padding-top: 10px;
	}

		.about-us-banner-container{
		background: linear-gradient(to right, rgba(255,255,255,1) 35%, rgba(255,255,255,0.95) 45%, rgba(255,255,255,0.6) 55%, rgba(255,255,255,0) 70%), url("../images/about-us-banner.jpg");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 350px;
		padding: 0px 30px;
	}

	.about-us-heading{
		color: var(--primary-color);
		font-size: 30px;
		font-weight: 600;
		line-height: 50px;
	}

	.about-us-paragraph{
		color: var(--primary-color);
		font-size: 17px;
		line-height: 30px;
	}

	.about-us-flex-container{
		background-color: rgba(233,237,241,0.25);
		width: 80%;
		border-radius: 10px;
		padding: 0px 30px;
	}

	.about-us-icon-image{
		color: var(--primary-color);
		font-size: 30px;
		margin-right: 10px;

	}

	.number-heading-01{
		color: var(--primary-color);
		font-size: 24px;
		font-weight: 600;
	}

	.number-heading-description{
		color: var(--primary-color);
		font-size: 15px;
	}

	.get-in-touch-container{
		background-color: var(--secondary-color);
		padding: 100px 30px 0px 30px;
		
	}

	.get-in-touch-heading{
		color: var(--primary-color);
		font-size: 24px;
		font-weight: 600;
	}
	
	.contact-icon{
		color: var(--primary-color);
		font-size: 20px;
		margin-right: 15px;
		margin-top: 10px;
	}

	.get-in-touch-paragraph{
		color: var(--primary-color);
		font-size: 16px;
		font-weight: 500;
	}

	.number{
		color: rgb(49, 189, 189);
		font-size: 17px;
		margin-top: -10px;
		font-weight: 500;
	}

	.number01{
		color: var(--primary-color);
		font-size: 17px;
		margin-top: -10px;
		font-weight: 500;
	}

	.agent-section-container{
		padding: 0px 30px;
	}

		.agent-section-heading{
		color: var(--primary-color);
		font-size: 30px;
		font-weight: 600;
		line-height: 50px;
	}

	.agent-section-description{
		color: var(--headings-color);
		font-size: 16px;
		line-height: 30px;
		width: 380px;
	}


.filter-button{
	width: 25%;
	background-color: var(--secondary-color);
	height: 48px;
	border-radius: 5px;
	border: 1px solid var(--icons-bg-color);
	margin-left: 15px;
}

.agent-flex-container{
	display: flex;
	flex-direction: row;
}
.projects-banner-section{
	background: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)), url("../images/project-banner.png");
	background-size: cover;
	background-position: center center;
	padding: 0px 60px 280px 60px;
	margin-bottom: 30px;
}

.nav-description-container{
	padding: 0px 60px 60px 60px;
}

.project-banner-heading{
	color: var(--secondary-color);
	font-size: 35px;
	letter-spacing: 2px;
	line-height: 50px;
}

.project-banner-description{
	color: var(--secondary-color);
	font-size: 17px;
	width: 350px;
	line-height: 30px;
	padding-bottom: 20px;
}

.navs-container{
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid rgba(255,255,255, 0.25);
	margin: 25px 0px;
}

.tab-content01{
	margin-top: -300px !important;
}


.heading03{
	color: var(--primary-color);
	font-size: 30px;
	font-weight: 600;
}

.button-flex{
	display: flex;
	flex-direction: row;
	justify-content: end;
}


.card-container-02-flex-container{
	display: flex;
	flex-direction: row;
	justify-content: end;
}

.imag-box{
	width: 35%;
	position: relative;
}

.apartment-image{
	width: 100%;
	border-radius: 10px 0px 0px 10px;
	height: 100%;
}

.content-box{
	width: 65%;
	padding: 20px 0px !important;
}

.map-view-btn{
	width: 150px !important;
	background-color: transparent;
	border: 1px solid #e1e3e6;
	border-radius: 10px;
	height: 45px;
	font-size: 16px;
	font-weight: 600;
}

.map-view-btn01{
	width: 200px !important;
	background-color: transparent;
	border: 1px solid #e1e3e6;
	border-radius: 10px;
	height: 45px;
	font-size: 16px;
	font-weight: 600;
}



.apartment-image-01{
	width: 100%;
	border-radius: 10px;
	height: 400px;
}

.apartment-image-02{
	width: 100%;
	border-radius: 10px;
	height: 350px;
}

.mini-images{
	width: 100%;
	border-radius: 10px;
	height: 190px;
	display: block;
}

.mini-images-01{
	width: 100%;
	border-radius: 10px;
	height: 165px;
	display: block;
}

.box-container-flex-container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

.apartment-description{
	color: var(--transparent-black-color);
	font-size: 16px;
	line-height: 30px;
	width: 600px;
}

.button-flex-container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}






.agent-image-box{
	width: 20%;
}

.agent-section-image{
	width: 60%;
	border: 1.5px solid var(--icons-bg-color);
	border-radius: 1000px;
	margin: -50px 0px 15px 15px;
}

.review-paragraph-01 {
	font-size: 16px;
	font-weight: 700;
	text-align: start;
}

.agent-info-box{
	width: 70%;
}

.messgae-btn{
	background-color: var(--primary-color);
	border-radius: 5px;
	color: var(--secondary-color);
	border: 0px;
	padding: 8px 40px;
	margin: 0px 10px 15px 0px;
}
.follow-btn{
	background-color: transparent;
	border-radius: 5px;
	color: var(--primary-color);
	border: 2px solid var(--icons-bg-color);
	padding: 8px 40px;
	margin-bottom: 15px;
}

.agent-description{
	color: var(--headings-color);
	font-size: 17px;
	line-height: 30px;
	width: 600px;
}

.review-boxer{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}



.rating{
	color: var(--primary-color);
	text-align: center;
	font-size: 30px;
	font-weight: 700;
}





.nav-link-01{
	margin: 0px 0px 25px 0px !important;
}

.header-logo-price{
	width: 110px !important;
}

.super{
	background-color: #00d26a;
	padding: 2px 5px;
	border-radius: 50px;
	color: var(--secondary-color);
}

.notification-badge-01{
	background-color: #00d26a !important;
}

.pricing-plan-container{
		background: linear-gradient(to right, rgba(0,0,0,0.95) 35%, rgba(0,0,0,0.85) 47.5%, rgba(0,0,0,0.6) 57.5%, rgba(0,0,0,0.7) 70%), url("../images/about-us-banner.jpg");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 350px;
		padding: 0px 30px;

	}

	.heading05{
		color: var(--secondary-color);
		font-size: 42px;
		letter-spacing: 0.5px;
		line-height: 60px;
	}

	.pricing-plan-nav-container{
	background-color: transparent;
	border: 2px solid #f5f5f5;
	border-radius: 10px;
	padding: 10px 30px 0px 30px !important;
}

.heading07{
	color: var(--primary-color);
	font-size: 20px;
	font-weight: 600;
}

.paragraph11{
	color: var(--primary-color);
	font-size: 13px;
	font-weight: 600;
}

.nav-link09{
	width: 50% !important;
	text-align: center;
}

.nav-pills .nav-link08.active {
	background-color: #eef7f2 !important;
	color: #00d26a !important;
	font-weight: 600 !important;
	border-radius: 10px !important;
	border: 2px solid #00d26a !important;
}

.nav-pills .nav-link08 {
	background-color: transparent !important;
	color: var(--headings-color) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	height: 45px;
	border-radius: 0px !important;
}

.payment-card-image{
	width: 35%;
	height: 40px;
}


.cols{
	border-right: 1px solid #e1e3e6;
}

.map-view-btn04{
	width: 120px;
	background-color: var(--secondary-color);
	height: 48px;
	border-radius: 5px;
	border: 1px solid var(--icons-bg-color);
	margin-left: 15px;;
}



/* Agent Broker CSS Start */

.agent-broker-banner{
    background-image: url("../images/agent-banner.jpg");
    background-size: cover;
    background-position: center center;
    padding-top: 60px;
    position: relative;
    overflow: hidden;
}

.agent-broke-image{
	width: 150px;
	height: 150px;
	border-radius: 100px;
	border: 2px solid var(--secondary-color);
	margin-right: 15px;
}

.agent-broker-flex-box{
	margin-top: 50px;
}

.agent-broker-about-description{
	width: 600px;
	font-size: 17px;
	font-weight: 500;
	line-height: 30px;
}

.write-review-btn{
	width: 80%;
	height: 45px;
	border-radius: 7px;
	color: var(--primary-color);
	border: 1px solid var(--border-color);
	background-color: transparent;
}






.agent-news-letter-head-section {
		background-color: #050a11;
		background-size: cover;
		background-position: center center;
		width: 100%;
		border-radius: 10px;
		padding: 20px 0px 0px 20px;
	}



		.properties-section-container{
		background-image: url("../images/properties-banner.png");
		background-size: cover;
		background-position: center center;
		
	}

	.emaar-image{
		width: 180px;
		height: 180px;
		border-radius: 10px;
		margin-right: 20px;
	}

	.property-flex-box{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.property-flex-box-01, .property-flex-box-02{
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.property-follow-btn{
		width: 180px;
		height: 45px;
		border-radius: 10px;
		color: var(--primary-color);
		background-color: var(--secondary-color);
		border: 0px;
		margin-right: 20px;
	}

	.property-contact-us-btn{
		background-color: var(--primary-color);
		border: 1px solid var(--secondary-color);
		border-radius: 10px;
		color: var(--secondary-color);
		width: 150px;
		height: 45px;
	}

	.property-section-statics-box{
		border-left: 1px solid var(--headings-color);
		width: 120px;
		height: 50px;
		padding-top: 15px;
	}

	.property-flex{
		border-right: 1px solid #e1e3e6;
	}


	.preference-container{
	background-image: url("../images/f01.png");
	background-size: cover;
	background-position: center center;
	border-radius: 10px;
	width: 35%;
}



.left-side-nav-items{
	width: 22%;
}

.rght-side-container{
	width: 77%;
}


.commercial-paragraph01{
	color: rgba(255, 255, 255, 0.8);
	font-size: 17px;
	font-weight: 400;
	width: 500px;
	line-height: 30px;
}

.property-box-01{
	padding: 5px 0px 0px 15px;
	border-right: 2px solid var(--headings-color);
}

.form-container01{
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.visit-help-center-btn{
	background-color: var(--secondary-color);
	width: 160px !important;
	height: 45px;
	border-radius: 5px;
	border: 1px solid #e1e3e6;
	font-size: 15px;
	font-weight: 600;
}

.rental-phone-btn{
	background-color: var(--primary-color);
	width: 160px !important;
	height: 45px;
	border-radius: 5px;
	border: 0px;
	font-size: 15px;
	font-weight: 600;
	color: var(--secondary-color);
}

.report-card {
    position: relative;
    width: 100%;
    height: 250px !important;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}






.rent-banner-container{
		background: linear-gradient(to right, rgba(0,0,0,1) 35%, rgba(0,0,0,0.95) 45%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 70%), url("../images/about-us-banner.jpg");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.rent-heading-01{
		color: var(--secondary-color);
		font-size: 40px;
		line-height: 60px;
		letter-spacing: 1px;
	}

	.rent-paragraph-01{
		color: var(--secondary-color);
		font-size: 17px;
		line-height: 30px;
		
	}

	.rent-nav-container{
	box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.06),
        0 8px 24px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
	 background-color: var(--secondary-color);
	 margin-top: -40px;
}

.rental-left-side-box{
	width: 20%;
}

.rental-right-side-box{
	width: 100%;
}

.map-view-btn02{
	width: 220px;
	background-color: transparent;
	border: 1px solid #e1e3e6;
	border-radius: 10px;
	height: 45px;
	font-size: 16px;
	font-weight: 600;
	margin-top: -20px;
	margin-right: 10px;
}

.view-container{
	background-color: #f6f7f8;
	width: 200px;
	height: 45px;
	margin-top: -10px;
	border: 1px solid #e1e3e6;
	border-radius: 10px;
	margin-right: 10px;
}

.grid-view-btn{
	background-color: transparent;
	border: 0px;
	font-size: 16px;
	color: var(--primary-color);
	font-weight: 500;
}



.help-container-card{
	box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.05),
        0 8px 24px rgba(0, 0, 0, 0.08);
	background-color: var(--secondary-color);
	border-radius: 10px; 
	width: 48%;
	height: auto !important;
	margin: 5px;
}

.help-heading-01{
	font-size: 15px !important;
}

.help-paragraph-02{
	font-size: 15px !important;
	line-height: 25px !important;
}



.small-box-container{
    background: #fff;
    border-radius: 10px;
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.05),
        0 8px 24px rgba(0, 0, 0, 0.08);
	width: 20%;
	margin: 10px;
}

.news-letter-head-section01 {
		background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.8)), url('../images/support-image.webp');
		background-size: cover;
		background-position: center center;
		width: 100%;
		border-radius: 10px;
		padding: 15px 20px;
	}

.expert-btn{
	background-color: var(--secondary-color);
	width: 100%;
	height: 50px;
	border-radius: 10px;
	color: var(--primary-color);
	border: 0px;
	font-weight: 600;
}

.mail-icon-image{
	width: 70% !important;
}

.btn01{
	background-color: transparent;
	border: 2px solid #e1e3e6;
	width: 30%;
	height: 40px;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
}



/* Blog css start */

.blog-box-container{
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
}

.image-box{
	width: 55%;
	margin-right: 15px;
	position: relative;
	height: auto;
}

.content-box01{
	width: 41%;
	height: 100% !important;
}

.blog-image1{
	width: 100%;
	border-radius: 10px 0px 0px 10px;
	height: 100%;
}

.newsletter-form button{
    border: none;
    background: #008c5a;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    height: 45px;
    cursor: pointer;
    transition: 0.3s;
	 border-radius: 7px;
	 position: absolute;
	 right: 0;
	 width: 100px !important;
	
}

/* FAQS CSS Start */

.faq-heading-01{
		color: var(--secondary-color);
		font-size: 40px;
		line-height: 60px;
		letter-spacing: 1px;
	}



	.faq-box-container{
    background: #fff;
    border-radius: 10px;
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.05),
        0 8px 24px rgba(0, 0, 0, 0.08);
	width: 18%;
	margin-bottom: 10px;
}

.box-02{
	width: 18%;
	border-right: 1px solid #e1f3ed;
	padding-right: 10px;
	margin-right: 10px;
}



/* Market Reports CSS Start */

.mini-block-container{
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	border-radius: 10px;
}

.mini-box-01{
	padding-right: 5px;
	border-right: 1px solid rgba(255,255,255,0.1);
	margin-right: 10px;
}

.tab-box-container{
    background-color: var(--secondary-color);
    border: 1px solid #eef1f4;
    border-radius: 10px;
    box-shadow: 0px 10px 30px rgba(16, 24, 40, 0.06);
	 width: 30%;
	 margin: 5px;
}

.market-card-container{
	width: 30% !important;
	 margin: 5px !important;
}

.places-image{
	width: 100%;
}




.flex-box-02{
	border-right: 1px solid #e1e3e6;
	padding-right: 20px;
	margin-right: 20px;
}



/* Terms CSS Start */

.update-container{
	background-color: rgba(0, 0, 0, 0.7);
	width: 75%;
	border-radius: 7px;
	border: 1px solid var(--headings-color);
}

.box-03{
	width: 22%;
	border-right: 1px solid #e1f3ed;
	padding-right: 15px;
	margin-right: 15px;
}


/* Privacy Policy CSS Start */

.update-container01{
	background-color: rgba(0, 0, 0, 0.7);
	width: 55%;
	border-radius: 7px;
	border: 1px solid var(--headings-color);
}



/* Advertise With Us CSS Start */

.advertise-box{
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
	background-color: var(--secondary-color);
	border-radius: 7px;
	width:48%;
	margin: 5px;
	border: 1px solid #e1e3e6;
	height: auto;
}

.advertise-col-box{
	padding-right: 15px;
	border-right: 1px solid var(--border-color);
}




/* Agent Portal CSS Start */




.adevertise-btn-04{
	width: 100%;
	height: 45px; 
	border: 1px solid var(--border-color);
	background-color: var(--secondary-color);
	font-size: 15px;
	font-weight: 500;
	border-radius: 7px;
}

.portal-box{
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	background-color: #feffff;
	border-radius: 7px;
	width: 48%;
	margin: 5px;
	border: 1px solid #e1e3e6;
	height: auto;
}



.adevertise-btn-05{
	width: 100%;
	height: 45px; 
	border: 0px;
	background-color: var(--primary-color);
	font-size: 15px;
	font-weight: 500;
	border-radius: 7px;
	color: var(--secondary-color);
}



/* Partner Program CSS Start */

.handshake-image{
	width: 120px;
	margin-top: -18px;
}



/* Agent Resources CSS Start */

.agent-resource-box{
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	background-color: #feffff;
	border-radius: 7px;
	width: 30%;
	margin: 5px;
	border: 1px solid #e1e3e6;
	height: auto;
}

.agent-resource-paragraph-020{
	font-size: 16px;
	color: var(--headings-color);
	font-weight: 600;
	line-height: 25px;
	width: 350px;
}

.agent-resource-paragraph-030{
	font-size: 15px;
	color: var(--primary-color);
	font-weight: 500;
	line-height: 25px;
	margin-top: -15px;
}













}















.width-box-02 {
	display: flex;
	flex-direction: row;
	justify-content: space-between !important;
	flex-wrap: wrap;
}


@media screen and (max-width: 992px) {
	.header-logo {
		width: 160px;
	}

	.desktop-header {
		background-color: var(--secondary-color) !important;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
		padding: 0px 15px !important;
	}

	.nav-link {
		color: var(--primary-color) !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		margin-right: 5px !important;
	}

	.heart-icon {
		color: var(--primary-color) !important;
		margin-top: 15px;
		font-size: 18px;
	}

	.login-button {
		background-color: transparent;
		padding: 8px 15px;
		border: 2px solid var(--headings-color);
		border-radius: 5px;
		color: var(--primary-color);
		font-size: 16px;
		font-weight: 600;
		margin: 0px 15px;
	}

	.signup-button {
		background-color: var(--primary-color);
		padding: 8px 15px;
		border-radius: 5px;
		color: var(--secondary-color);
		font-size: 16px;
		font-weight: 600;
		border: 0px;
	}


	.hero-banner-container {
		background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.2)), url('../images/hero-banner.jpg');
		background-size: cover;
		background-position: center center;
	}

	.heading01 {
		color: var(--secondary-color);
		font-size: 30px;
		line-height: 50px;
		font-weight: 500;
	}

	.paragraph01 {
		color: rgba(255, 255, 255, 0.8);
		font-size: 16px;
		font-weight: 400;

	}

	.search-box {
		position: relative;
		width: 100%;
	}

	.search-box input {
		width: 100%;
		padding: 12px 15px 12px 40px;
		border-radius: 10px;
		border: 1px solid var(--border-color);
		margin-top: 12px;
	}

	.search-box i {
		position: absolute;
		left: 15px;
		top: 55%;
		transform: translateY(-50%);
		color: var(--headings-color);
	}

	.search-box input::placeholder {
		color: var(--headings-color) !important;
		font-weight: 500 !important;
	}

	.property-box {
		width: 100%;
		margin-top: 10px;
	}


	.form-select {
		border: 1px solid var(--border-color) !important;
		font-weight: 600 !important;
		color: var(--primary-color) !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		height: 45px !important;
	}

	.search-button {
		background-color: var(--primary-color);
		width: 100%;
		border: 0px;
		height: 45px;
		margin-top: 10px;
		border-radius: 10px;
		color: var(--secondary-color);
		margin-top: 10px;
	}

	.mini-icon-container {
		background-color: rgba(27, 45, 59, 0.8);
		width: 100%;
		border-radius: 10px;
	}

	.mini-icon-container01 {
		background-color: rgba(0,0,0,0.5);
		width: 100%;
		border-radius: 10px;
	}

	.width-box-01{
	border-bottom: 2px solid rgba(255,255,255,0.5) !important;
	margin-bottom: 10px;
	width: 100% !important;
}

	.icon-image {
		font-size: 18px;
		margin-top: 5px;
	}

	.icon-description {
		color: var(--secondary-color);
		font-size: 17px;
	}

	.width-box {
		width: 50%;
		justify-content: center;
	}

	

	.width-box-02 {
		display: flex;
		flex-direction: row;
		justify-content: center !important;
		flex-wrap: wrap;
	}

	.banner-image-heading {
		color: var(--secondary-color);
		font-size: 25px;
		font-weight: 500;
		letter-spacing: 1px;
		line-height: 35px;
	}

	.banner-image-paragraph {
		color: var(--secondary-color);
		font-size: 16px;
		line-height: 28px;
	}

	.banner-image-heading01 {
		color: var(--secondary-color);
		font-size: 25px;
		font-weight: 500;
		letter-spacing: 1px;
		line-height: 35px;
	}

	.banner-image-paragraph01 {
		color: var(--secondary-color);
		font-size: 16px;
		line-height: 28px;
	}

	.flex-container {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 10px;
	}

	.box-01 {
		width: 20%;
		margin-right: 10px;
	}

	.banner-heading {
		color: var(--primary-color);
		text-align: center;
		font-size: 25px;
		font-weight: 700;
	}

	.nav-button-container {
		background-color: transparent;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.mini-nav-item-container {
		background-color: transparent;
		width: 100%;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
		border-radius: 10px;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.nav-pills .nav-link03 {
		background-color: transparent !important;
		color: var(--primary-color) !important;
		font-size: 15px !important;
		font-weight: 600 !important;
		padding: 8px 20px !important;
		border-radius: 0px !important;
	}

	.form-banner-heading {
		color: var(--secondary-color);
		font-size: 25px;
		font-weight: 500;
		line-height: 35px;
	}

	.form-submit-button {
		background-color: var(--button-green-color);
		width: 100%;
		border: 0px;
		border-radius: 5px;
		color: var(--secondary-color);
		height: 45px;
		margin-top: 10px;
	}

	.featured-property-heading {
		color: var(--primary-color);
		font-size: 18px;
		font-weight: 700;
	}

	.search-results {
		color: var(--dark-green-color) !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		text-decoration: none !important;
		line-height: 28px !important;
		margin-top: -20px !important;
	}


	#owl-carousel01 .owl-nav button.owl-prev,
	#owl-carousel02 .owl-nav button.owl-prev,
	#owl-carousel03 .owl-nav button.owl-prev,
	#owl-carousel04 .owl-nav button.owl-prev,
	.owl-carousel04 .owl-nav button.owl-prev,
	#owl-carousel05 .owl-nav button.owl-prev,
	#owl-carousel06 .owl-nav button.owl-prev,
	#owl-carousel07 .owl-nav button.owl-prev,
	#owl-carousel08 .owl-nav button.owl-prev,
	#owl-carousel09 .owl-nav button.owl-prev,
	#owl-carousel10 .owl-nav button.owl-prev,
	.owl-carousel11 .owl-nav button.owl-prev,
	#owl-carousel13 .owl-nav button.owl-prev,
	#owl-carousel14 .owl-nav button.owl-prev {
		text-align: center !important;
		align-items: center !important;
		padding-bottom: 10px !important;
		position: absolute;
		left: -12px !important;
		top: 37.5%;
		background: #fff !important;
		color: #000 !important;
		border: none;
		font: inherit;
		font-size: 30px !important;
		width: 42px;
		height: 42px;
		border-radius: 21px !important;
		text-align: center !important;
		align-self: center !important;
		box-shadow: 0px 4px 20px -4px rgba(9, 43, 70, 0.16);

	}

	#owl-carousel01 .owl-nav button.owl-next,
	#owl-carousel02 .owl-nav button.owl-next,
	#owl-carousel03 .owl-nav button.owl-next,
	#owl-carousel04 .owl-nav button.owl-next,
	.owl-carousel04 .owl-nav button.owl-next,
	#owl-carousel05 .owl-nav button.owl-next,
	#owl-carousel06 .owl-nav button.owl-next,
	#owl-carousel07 .owl-nav button.owl-next,
	#owl-carousel08 .owl-nav button.owl-next,
	#owl-carousel09 .owl-nav button.owl-next,
	#owl-carousel10 .owl-nav button.owl-next,
	.owl-carousel11 .owl-nav button.owl-next,
	#owl-carousel13 .owl-nav button.owl-next,
	#owl-carousel14 .owl-nav button.owl-next,
	#owl-carousel15 .owl-nav button.owl-next,
	#owl-carousel16 .owl-nav button.owl-next {

		text-align: center !important;
		align-items: center !important;
		padding-bottom: 10px !important;
		position: absolute;
		right: -12px !important;
		top: 37.5%;
		background: #fff !important;
		color: #000 !important;
		border: none;
		font: inherit;
		font-size: 30px !important;
		width: 42px;
		height: 42px;
		border-radius: 21px !important;
		text-align: center !important;
		align-self: center !important;
		box-shadow: 0px 4px 20px -4px rgba(9, 43, 70, 0.16);

	}


	.icon-flex-box-container {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		flex-wrap: wrap;
	}



	.news-letter-head-section {
		background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5)), url('../images/hero-banner.jpg');
		background-size: cover;
		background-position: center center;
		width: 100%;
		border-radius: 10px;
	}

	.news-letter-heading {
		color: var(--secondary-color);
		font-size: 18px;
		font-weight: 500;
	}

	.form-email {
		width: 100%;
		border: 1px solid var(--icons-bg-color);
		height: 45px;
		border-radius: 5px;
		padding-left: 15px;
		margin-bottom: 10px;
	}

	.subscribe-btn, .subscribe-btn01 {
		background-color: var(--button-green-color);
		border: 0px;
		border-radius: 5px;
		width: 100%;
		height: 45px;
		color: var(--secondary-color);
	}

	.browse-btn01 {
		background-color: transparent;
		border: 1px solid var(--secondary-color);
		border-radius: 5px;
		width: 100%;
		height: 45px;
		color: var(--secondary-color);
		margin-bottom: 10px;
	}

	.email-subscribe-btn {
		background-color: #050a11;
		border: 1px solid var(--secondary-color);
		border-radius: 5px;
		width: 100%;
		height: 45px;
		color: var(--secondary-color);
	}

	.footer-section {
	background-color: var(--primary-color);
	padding: 0px 15px !important;
}

	.footer-flex-item-container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.logo-box {
		width: 100%;
		margin-bottom: 15px;
	}

	.footer-logo {
		width: 160px;
		margin-bottom: 10px;
	}

	.footer-nav-box {
		width: 50%;
		margin-bottom: 20px;
	}

	.copyright-flex-container {
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
	}

	.copyright-paragraph {
		color: var(--icons-bg-color);
	}

	.arrow-icon {
		font-size: 22px;
		margin-left: 15px;
	}

	.mobile-header {
		background-color: var(--secondary-color);
		height: 70px;
	}

	.mobile-header-logo {
		width: 130px;
	}

	#mobile-nav-icon {
		color: var(--transparent-black-color);
		font-size: 25px !important;
		cursor: pointer;
	}

	.mobile-side-nav {
		position: fixed;
		top: 0;
		right: -100%;
		width: 80%;
		height: 100vh;
		background-color: var(--primary-color);
		z-index: 99999;
		padding: 25px;
		transition: 0.5s ease;
		overflow-y: auto;
	}

	.mobile-side-nav.active {
		right: 0;
	}


	.close-nav-wrapper {
		display: flex;
		justify-content: flex-end;
	}

	#closeMobileNav {
		color: var(--icons-bg-color);
		font-size: 24px;
		cursor: pointer;
	}


	.mobile-nav-links {
		list-style: none;
		padding: 0;
		margin-top: 30px;

	}

	.mobile-nav-links li {
		margin-bottom: 25px;
		border-bottom: 0.5px solid #323f4b;
		width: 100%;
		padding-bottom: 10px;
	}

	.mobile-nav-links li a {
		color: var(--secondary-color);
		text-decoration: none;
		font-size: 18px;
		font-weight: 500;
	}


	.mobile-nav-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 9999;
		opacity: 0;
		visibility: hidden;
		transition: 0.5s ease;
	}

	.mobile-nav-overlay.active {
		opacity: 1;
		visibility: visible;
	}

	.mobile-signup-button {
		width: 100%;
		height: 45px;
		border: 1px solid var(--icons-bg-color);
		border-radius: 10px;
		color: var(--primary-color);

	}


		.about-us-banner-container{
		background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/about-us-banner.jpg");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		padding: 15px;

	}

	.about-us-heading{
		color: var(--secondary-color);
		font-size: 30px;
		font-weight: 600;
		line-height: 50px;
	}

	.about-us-paragraph{
		color: var(--secondary-color);
		font-size: 17px;
		line-height: 30px;
	}

	.about-us-flex-container{
		background-color: rgba(0,0,0,0.25);
		width: 100%;
		border-radius: 10px;
		padding: 0px 10px;
		

	}

	.about-box-01{
		border-bottom: 1px solid var(--icons-bg-color);
	}

	.about-us-icon-image{
		color: var(--secondary-color);
		font-size: 24px;
		margin-right: 10px;

	}

	.number-heading-01{
		color: var(--secondary-color);
		font-size: 18px;
		font-weight: 600;
	}

	.number-heading-description{
		color: var(--secondary-color);
		font-size: 15px;
	}

	.get-in-touch-container{
		background-color: var(--secondary-color);
		padding: 15px;
		
	}

	.get-in-touch-heading{
		color: var(--primary-color);
		font-size: 20px;
		font-weight: 600;
	}
	
	.contact-icon{
		color: var(--primary-color);
		font-size: 18px;
		margin-right: 15px;
		margin-top: 10px;
	}

	.get-in-touch-paragraph{
		color: var(--primary-color);
		font-size: 16px;
		font-weight: 500;
	}

	.number{
		color: rgb(49, 189, 189);
		font-size: 16px;
		margin-top: -10px;
		font-weight: 500;
	}

	.number01{
		color: var(--primary-color);
		font-size: 16px;
		margin-top: -10px;
		font-weight: 500;
	}

	.agent-section-container{
		padding: 0px 15px;
	}

	.agent-flex-container{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}



		.agent-section-heading{
		color: var(--primary-color);
		font-size: 30px;
		font-weight: 600;
		line-height: 50px;
	}

	.agent-section-description{
		color: var(--headings-color);
		font-size: 16px;
		line-height: 30px;
	}

	.agent-section-search-input{
	background-color: var(--secondary-color);
	width: 100% !important;
	height: 48px;
	border-radius: 5px;
	border: 1px solid var(--icons-bg-color);
	padding-left: 45px;
}

.agent-section-search-input02{
	background-color: var(--secondary-color);
	width: 100% !important;
	height: 48px;
	border-radius: 5px;
	border: 1px solid var(--icons-bg-color);
	padding-left: 20px;
}

.filter-button{
	width: 30% !important;
	background-color: var(--secondary-color);
	height: 48px;
	border-radius: 5px;
	border: 1px solid var(--icons-bg-color);
	margin-top: 10px !important;
}

.agent-flex-container{
	display: flex;
	flex-direction: row;
}

.view-more-agents{
	width: 100% !important;
	height: 50px !important;
	border: 1px solid var(--icons-bg-color);
	border-radius: 10px;
	background-color: var(--secondary-color);
	color: var(--primary-color);
	margin-top: 0px !important;
}



.projects-banner-section{
	background: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)), url("../images/project-banner.png");
	background-size: cover;
	background-position: center center;
	padding: 0px 15px 250px 15px;
	margin-bottom: 30px;
}

.nav-description-container{
	padding: 0px 15px 15px 15px;
}

.project-banner-heading{
	color: var(--secondary-color);
	font-size: 24px;
	letter-spacing: 2px;
	line-height: 40px;
}

.project-banner-description{
	color: var(--secondary-color);
	font-size: 17px;
	line-height: 30px;
	padding-bottom: 20px;
}

.navs-container{
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid rgba(255,255,255, 0.25);
	margin: 30px 0px 50px 0px;
}

.tab-content01{
	margin-top: -300px !important;
}

.nav-pills .nav-link04 {
	background-color: rgb(46, 78, 99,0.2) !important;
	color: var(--secondary-color) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	padding: 8px 25px !important;
	border-radius: 0px !important;
}

.nav-pills .nav-link05 {
	background-color: transparent !important;
	color: var(--primary-color) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	padding: 8px 20px !important;
	border-radius: 0px !important;
	margin-bottom: 10px !important;
}



.button-flex{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.button-flex-01{
	display: flex;
	flex-direction: row;
	justify-content: center !important;
	flex-wrap: wrap;
}



.card-container-02-flex-container{
	display: flex;
	flex-direction: row;
	justify-content: end;
	flex-wrap: wrap;
}

.imag-box{
	width: 100%;
	position: relative;
}

.apartment-image{
	width: 100%;
	border-radius: 10px;
	height: 100%;
}

.content-box{
	width: 100%;
	padding: 20px 0px !important;
}


.map-view-btn{
	background-color: transparent;
	border: 1px solid #e1e3e6;
	border-radius: 10px;
	padding: 8px 16px !important;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
}

.map-view-btn01{
	background-color: transparent;
	border: 1px solid #e1e3e6;
	border-radius: 10px;
	padding: 8px 16px !important;
	font-size: 14px;
	font-weight: 600;
}

.heading03{
	color: var(--primary-color);
	font-size: 24px;
	font-weight: 600;
	line-height: 45px;
}

.apartment-image-01{
	width: 100%;
	border-radius: 10px;
}

.apartment-image-02{
	width: 100%;
	border-radius: 10px;
}


.mini-images{
	width: 100%;
	border-radius: 10px;
	display: block;
}

.mini-images-01{
	width: 100%;
	border-radius: 10px;
	display: block;
}

.box-container-flex-container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

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

.apartment-description{
	color: var(--transparent-black-color);
	font-size: 16px;
	line-height: 30px;
}

.button-flex-container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

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





.agent-image-box{
	width: 100%;
}

.agent-section-image{
	width: 30%;
	border: 1.5px solid var(--icons-bg-color);
	border-radius: 1000px;
	margin: -50px 0px 15px 15px;
}

.review-paragraph-01 {
	font-size: 16px;
	font-weight: 700;
	text-align: start;
}

.agent-info-box{
	width: 100%;
}

.messgae-btn{
	background-color: var(--primary-color);
	border-radius: 5px;
	color: var(--secondary-color);
	border: 0px;
	width: 100%;
	height: 45px;
	margin-bottom: 15px;
}
.follow-btn{
	background-color: transparent;
	border-radius: 5px;
	color: var(--primary-color);
	border: 2px solid var(--icons-bg-color);
	width: 100%;
	height: 45px;
	margin-bottom: 15px;
}

.agent-description{
	color: var(--headings-color);
	font-size: 17px;
	line-height: 30px;
}

.review-boxer{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}



.rating{
	color: var(--primary-color);
	text-align: center;
	font-size: 30px;
	font-weight: 700;
}







.super{
	background-color: #00d26a;
	padding: 2px 5px;
	border-radius: 50px;
	color: var(--secondary-color);
}

.notification-badge-01{
	background-color: #00d26a !important;
}

.pricing-plan-container{
		background: linear-gradient(to right, rgba(0,0,0,0.95) 35%, rgba(0,0,0,0.85) 47.5%, rgba(0,0,0,0.6) 57.5%, rgba(0,0,0,0.7) 70%), url("../images/about-us-banner.jpg");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 350px;
		padding: 0px 30px;

	}

	.heading05{
		color: var(--secondary-color);
		font-size: 30px;
		letter-spacing: 0.5px;
		line-height: 50px;
	}

	.pricing-plan-nav-container{
	background-color: transparent;
	border: 2px solid #f5f5f5;
	border-radius: 10px;
	padding: 10px 10px 0px 10px !important;
	width: 100% !important;
}

.heading07{
	color: var(--primary-color);
	font-size: 20px;
	font-weight: 600;
}

.paragraph11{
	color: var(--primary-color);
	font-size: 13px;
	font-weight: 600;
}

.nav-link09{
	width: auto !important;
	text-align: center;
}

.nav-pills .nav-link08.active {
	background-color: #eef7f2 !important;
	color: #00d26a !important;
	font-weight: 600 !important;
	border-radius: 10px !important;
	border: 2px solid #00d26a !important;
}

.flex-wrap-01{
	margin-top: 40px !important;
}


.nav-pills .nav-link07 {
	background-color: transparent !important;
	color: var(--headings-color) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	width: 100px;
	height: 40px;
	border-radius: 0px !important;
	margin-bottom: 10px !important;
}

.nav-pills .nav-link08 {
	background-color: transparent !important;
	color: var(--headings-color) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	height: 45px;
	 width: 100%;
	border-radius: 0px !important;
	
}

.payment-card-image{
	width: 100%;
	height: 40px;
}

.upgrade-plan-button{
	width: 100% !important;
	height: 45px !important;
	margin-top: 10px !important;
}


.cols{
	border-right: 1px solid #e1e3e6;
}

.map-view-btn04{
	width: 120px;
	background-color: var(--secondary-color);
	height: 48px;
	border-radius: 5px;
	border: 1px solid var(--icons-bg-color);
	
}

    #messagesSidebar{
        position:fixed;
        top:0;
        left:-300px;
        width:280px;
        height:100vh;
        background:#fff;
        z-index:9999;
        transition:0.4s;
        overflow-y:auto;
        box-shadow:0 0 10px rgba(0,0,0,.2);
        padding:20px;
    }

    #messagesSidebar.show{
        left:0;
    }

    #sidebarOverlay{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,.5);
        z-index:9998;
        display:none;
    }

    #sidebarOverlay.show{
        display:block;
    }

    #sidebarToggle{
        font-size:24px;
        cursor:pointer;
		  margin-top: -15px;
    }

	 #message-close{
    font-size:24px;
    cursor:pointer;
    padding:10px;
}




	/* Agent Broker CSS Start */


	.agent-broker-banner{
    background-image: url("../images/agent-banner.jpg");
    background-size: cover;
    background-position: center center;
    padding-top: 30px;
    position: relative;
    overflow: hidden;
}


	

.agent-broke-image{
	width: 120px;
	height: 120px;
	border-radius: 100px;
	border: 2px solid var(--secondary-color);
}

.agent-broker-flex-box{
	margin-top: 15px;
}

.agent-broker-about-description{
	font-size: 17px;
	font-weight: 500;
	line-height: 30px;
}

.write-review-btn{
	width: 100%;
	height: 45px;
	border-radius: 7px;
	color: var(--primary-color);
	border: 1px solid var(--border-color);
	background-color: transparent;
}

.agent-news-letter-head-section {
		background-color: #050a11;
		background-size: cover;
		background-position: center center;
		width: 100%;
		border-radius: 10px;
	}


	.mobile-language-dropdown{
    list-style: none;
}

.language-toggle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: #000;
}

.language-menu{
    display: none;
    padding-left: 15px;
    margin-top: 10px;
}

.language-menu li{
    list-style: none;
    margin: 10px 0;
}

.language-menu a{
    text-decoration: none;
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
}

.language-menu img{
    width: 22px;
    height: 16px;
}



	.properties-section-container{
		background-image: url("../images/properties-banner.png");
		background-size: cover;
		background-position: center center;
		
	}

	.emaar-image{
		width: 150px;
		height: 150px;
		border-radius: 10px;
		margin-bottom: 10px;
		margin-right: 15px;
	}

	.property-flex-box-01{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.property-flex-box-02{
		display: flex;
		flex-direction: row;
	}

	

	.property-follow-btn{
		width: 45%;
		height: 45px;
		border-radius: 10px;
		color: var(--primary-color);
		background-color: var(--secondary-color);
		border: 0px;
		margin: 0px 10px 10px 0px;
	}

	.property-contact-us-btn{
		background-color: var(--primary-color);
		border: 1px solid var(--secondary-color);
		border-radius: 10px;
		color: var(--secondary-color);
		width: 45%;
		height: 45px;
	}

	.property-section-statics-box{
		border-bottom: 1px solid var(--headings-color);
		width: 50%;
		height: 50px;
		padding: 15px 0px;
		margin: 20px 0px;
	}

	.property-flex{
		border-bottom: 1px solid #e1e3e6;
	}

	.property-review{
	color: var(--secondary-color);
	font-size: 15px;
	padding-top: 0px !important;
}


	.preference-container{
	background-image: url("../images/f01.png");
	background-size: cover;
	background-position: center center;
	border-radius: 10px;
	width: 100%;
}



.left-side-nav-items{
	width: 100%;
}

.rght-side-container{
	width: 100%;
}

.normal-user-profile-button01{
	background-color: transparent;
	width: 100% !important;
	height: 45px;
	border-radius: 7px;
	border: 2px solid #e1e3e6;
	color: var(--primary-color);
	font-weight: 600;
}

.image01{
	width: 50% !important;
}


.sidebar010{
        position: fixed;
        top: 0;
        left: -80%;
        width: 80%;
        height: 100vh;
        background: #fff;
        overflow-y: auto;
        z-index: 1000;
        transition: .3s;
        padding: 20px;
    }

    .sidebar010.show{
        left: 0;
    }


	 .commercial-paragraph01{
	color: rgba(255, 255, 255, 0.8);
	font-size: 17px;
	font-weight: 400;
	line-height: 30px;
}

.property-box-01{
	padding: 5px 0px 0px 15px;
	border-right: 0px solid var(--headings-color);
}

.form-container01{
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}




.rent-banner-container{
		background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.9)), url("../images/about-us-banner.jpg");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.rent-heading-01{
		color: var(--secondary-color);
		font-size: 28px;
		line-height: 45px;
		letter-spacing: 1px;
	}

	.rent-paragraph-01{
		color: var(--secondary-color);
		font-size: 17px;
		line-height: 30px;
		
	}

	.rent-nav-container{
	box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.06),
        0 8px 24px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
	 background-color: var(--secondary-color);
	 margin-top: -40px;
}

.rental-left-side-box{
	width: 20%;
}

.rental-right-side-box{
	width: 100%;
}

.map-view-btn02{
	width: 100% !important;
	background-color: transparent;
	border: 1px solid #e1e3e6;
	border-radius: 10px;
	height: 45px;
	font-size: 16px;
	font-weight: 600;
	margin: 0px 20px 10px 0px;

}

.dropdown01{
	width: 100% !important;
}

.property-broker-heading{
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 10px;
}

.view-container{
	background-color: #f6f7f8;
	width: 80% !important;
	height: 45px;
	border: 1px solid #e1e3e6;
	border-radius: 10px;
	margin: 0px 10px 10px 0px;
}

.rent-icon01{
	font-size: 30px !important;
}


.price-range-box01{
    margin-bottom: 30px !important;
}



.grid-view-btn{
	background-color: transparent;
	border: 0px;
	font-size: 16px;
	color: var(--primary-color);
	font-weight: 500;
}

.map-view-btn-04{
	width: 50px;
	height: 45px;
	background-color: transparent;
	border: 1px solid #e1e3e6;
	border-radius: 5px;
	margin-top: 0px !important;
}


 .rent-filter-btn .filter-text {
        display: none;
    }

    .rent-filter-btn {
        padding: 10px 12px;
        min-width: auto;
    }

    .rent-filter-btn i {
        margin-left: 0 !important;
        font-size: 18px;
    }

	 .help-container-card{
	box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.05),
        0 8px 24px rgba(0, 0, 0, 0.08);
	background-color: var(--secondary-color);
	border-radius: 10px; 
	width: 100%;
	height: auto !important;
	margin-bottom: 10px;
}

.help-heading-01{
	font-size: 15px !important;
}

.help-paragraph-02{
	font-size: 15px !important;
	line-height: 25px !important;
}

.agent-search-wrapper01, .agent-search-wrapper02{
    position: relative;
    width: 100% !important;
}



.small-box-container{
    background: #fff;
    border-radius: 10px;
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.05),
        0 8px 24px rgba(0, 0, 0, 0.08);
	width: 100%;
	margin-bottom: 10px;
}

.news-letter-head-section01 {
		background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.8)), url('../images/support-image.webp');
		background-size: cover;
		background-position: center center;
		width: 100%;
		border-radius: 10px;
	}

.expert-btn{
	background-color: var(--secondary-color);
	width: 100%;
	height: 50px;
	border-radius: 10px;
	color: var(--primary-color);
	border: 0px;
	font-weight: 600;
}

.flex-wrap-01{
	flex-wrap: wrap !important;
}

.col-box-image{
	width: 100% !important;
	margin-bottom: 10px !important;
}

.btn01{
	background-color: transparent;
	border: 2px solid #e1e3e6;
	width: 100%;
	height: 40px;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
}


/* Blog css start */

.blog-box-container{
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
}

.image-box{
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	height: auto;
}

.content-box01{
	width: 100%;
}

.blog-image1{
	width: 100%;
	border-radius: 10px;
	height: 100%;
}

.newsletter-form button{
    border: none;
    background: #008c5a;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    height: 45px;
    cursor: pointer;
    transition: 0.3s;
	 border-radius: 7px;
	 position: absolute;
	 right: 0;
	 width: 120px !important;
	
}


/* FAQS CSS Start */

.faq-heading-01{
		color: var(--secondary-color);
		font-size: 28px;
		line-height: 45px;
		letter-spacing: 1px;
	}


	.faq-box-container{
    background: #fff;
    border-radius: 10px;
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.05),
        0 8px 24px rgba(0, 0, 0, 0.08);
	width: 49%;
	margin-bottom: 10px;
}

.box-02{
	width: 100%;
	border-bottom: 1px solid #e1f3ed;
	padding-bottom: 10px;
	margin-bottom: 15px;
}



/* Market Reports CSS Start */

.mini-block-container{
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	border-radius: 10px;
}

.mini-box-01{
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	margin-bottom: 10px;
	width: 100%;
}

.tab-box-container{
    background-color: var(--secondary-color);
    border: 1px solid #eef1f4;
    border-radius: 10px;
    box-shadow: 0px 10px 30px rgba(16, 24, 40, 0.06);
	 width: 100%;
	 margin-bottom: 5px;
}

.market-card-container{
	width: 100% !important;
	 margin-bottom: 5px !important;
}

.places-image{
	width: 100%;
}


/* Terms CSS Start */

.update-container{
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	border-radius: 7px;
	border: 1px solid var(--headings-color);
}

.box-03{
	width: 100%;
	border-bottom: 1px solid #e1f3ed;
	padding-bottom: 15px;
	margin-bottom: 15px;
}


/* Privacy Policy CSS Start */

.update-container01{
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	border-radius: 7px;
	border: 1px solid var(--headings-color);
}


/* Advertise With Us CSS Start */

.advertise-box{
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
	background-color: var(--secondary-color);
	border-radius: 7px;
	width:100%;
	border: 1px solid #e1e3e6;
	height: auto;
}

.advertise-col-box{
	padding-bottom: 15px;
	border-bottom: 1px solid var(--border-color);
}



/* Agent Resources CSS Start */

.agent-resource-box{
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	background-color: #feffff;
	border-radius: 7px;
	width: 100%;
	margin-bottom: 5px;
	border: 1px solid #e1e3e6;
	height: auto;
}

.agent-resource-paragraph-020{
	font-size: 16px;
	color: var(--headings-color);
	font-weight: 600;
	line-height: 25px;
}

.agent-resource-paragraph-030{
	font-size: 15px;
	color: var(--primary-color);
	font-weight: 500;
	line-height: 25px;
	margin-top: -15px;
}

.damp01{
	width: 100% !important;
	margin-right: 0px !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	flex-wrap: wrap;
}

.small-box {
	width: 100% !important;
	margin-top: 15px;
}


.agent-section-search-input02::placeholder{
	font-size: 14px !important;
}


.agent-internal-box-image{
	margin-bottom: 10px;
	width: 200px;
	height: 120px;
}

.pdf-donwload-btn{
	margin-bottom: 12px;
}

.flex-010{
	flex-wrap: wrap !important;
}

.tag-container{
	margin-bottom: 7px;
}


}









.view-more-conversation-btn{
	background-color: transparent;
	border: 0px;
	color: var(--headings-color);
	font-size: 17px;
	font-weight: 600;
}

.circle-icon{
	color: #00d26a;
	font-size: 8px;
	margin-top: -2px;
}

.online-description{
	color: var(--headings-color);
	font-size: 14px;
	margin-top: -12px;
}

.call-icon-button{
	background-color: transparent;
	border: 1px solid #e1e3e6;
	width: 30px;
	height: 30px;
	border-radius: 10px;
	font-size: 11px;
	color: var(--primary-color);
	margin-right: 10px;
}

.message-banner-image{
	width: 100px;
	height: 60px;
	border-radius: 10px;
	margin-right: 10px;
}






.mobile-menu-btn {
    font-size: 24px;
    padding: 15px;
    cursor: pointer;
}









  .table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
 
  table {
    width: 100%;
    border-collapse: collapse;
    min-width: 560px;
  }
 
  /* HEADER ROW */
  thead tr th {
    padding: 0 12px 16px;
    vertical-align: bottom;
    text-align: center;
    font-weight: 600;
  }
 
  thead .th-feature {
    text-align: left;
    width: 42%;
    padding-left: 0;
  }
 
  .plan-name {
    font-size: 15px;
    font-weight: 700;
    color: #111;
    display: block;
    margin-bottom: 3px;
  }
 
  .plan-name.professional {
    color: #1a9e5c;
  }
 
  .plan-price {
    font-size: 13px;
    color: #555;
    font-weight: 500;
  }
 
  .plan-price span {
    font-weight: 700;
    color: #111;
    font-size: 14px;
  }
 
  .popular-badge {
    display: inline-block;
    background: #1a9e5c;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 20px;
    margin-top: 6px;
  }
 
  /* PROFESSIONAL COLUMN HIGHLIGHT */
  .col-professional {
    background: #f0faf5;
    position: relative;
  }
 
  thead .col-professional {
    border-radius: 12px 12px 0 0;
  }
 
  tbody tr:last-child .col-professional {
    border-radius: 0 0 12px 12px;
  }
 
  /* BODY ROWS */
  tbody tr {
    border-top: 1px solid #ebebeb;
  }
 
  tbody tr:hover {
    background: #fafafa;
  }
 
  tbody tr:hover .col-professional {
    background: #e8f7f0;
  }

  table {
  border-collapse: collapse;
  
}

thead tr {
  border-bottom: 1.5px solid #e0e0e0;
}

tbody tr {
  border-top: 1px solid #e8e8e8;
}


tbody tr td {
  border-left: 1px solid #e8e8e8;
}

thead tr th:first-child,
tbody tr td:first-child {
  border-left: none;
}
 
  tbody td {
    padding: 14px 12px;
    vertical-align: middle;
    text-align: center;
  }
 
  /* FEATURE CELL */
  .feature-cell {
    text-align: left;
    padding-left: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }
 
  .feature-icon {
    width: 34px;
    height: 34px;
    border: 1.5px solid #ddd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #555;
  }
 
  .feature-icon svg {
    width: 16px;
    height: 16px;
  }
 
  .feature-text .feature-title {
    font-size: 13.5px;
    font-weight: 600;
    color: #111;
    line-height: 1.3;
  }
 
  .feature-text .feature-desc {
    font-size: 12px;
    color: #888;
    margin-top: 2px;
    line-height: 1.35;
  }
 
  /* CHECK / DASH / VALUE */
  .check {
    color: #1a9e5c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
 
  .check svg {
    width: 18px;
    height: 18px;
  }
 
  .dash {
    color: #bbb;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
  }
 
  .value-text {
    font-size: 15px;
    font-weight: 600;
    color: #111;
  }
 
  /* SUPPORT ROW */
  .support-text {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    line-height: 1.35;
  }
 
  /* RESPONSIVE */
  @media (max-width: 640px) {
    .container {
      padding: 24px 16px 24px;
      border-radius: 12px;
    }
 

 
    tbody td, thead tr th { padding: 11px 8px; }
 
    .feature-icon { width: 28px; height: 28px; border-radius: 6px; }
    .feature-icon svg { width: 13px; height: 13px; }
    .feature-text .feature-title { font-size: 12px; }
    .feature-text .feature-desc { font-size: 11px; }
    .feature-cell { gap: 8px; }
    .plan-name { font-size: 13px; }
    .plan-price { font-size: 15px; }
    .support-text { font-size: 14px; }
    .value-text { font-size: 15px; }
  }
 
  @media (max-width: 400px) {
    .feature-desc { display: none; }
    .feature-icon { display: none; }
  }



@media screen and (min-width: 576px) and (max-width: 992px){
	.icon-box-01 {
		width: 50%;
	}

	.agent-section-search-input{
	background-color: var(--secondary-color);
	width: 60% !important;
	height: 48px;
	border-radius: 5px;
	border: 1px solid var(--icons-bg-color);
	padding-left: 45px;
}

.agent-section-search-input02{
	background-color: var(--secondary-color);
	width: 60% !important;
	height: 48px;
	border-radius: 5px;
	border: 1px solid var(--icons-bg-color);
	
}


.filter-button{
	width: 20% !important;
	background-color: var(--secondary-color);
	height: 48px;
	border-radius: 5px;
	border: 1px solid var(--icons-bg-color);
	margin-top: 10px !important;
}
}


@media screen and (max-width: 576px){
	.icon-box-01 {
		width: 100%;
	}

	
}


.owl-theme .owl-dots {
	display: none !important;
}

.subscribe-email{
	background-color: transparent;
	width: 100%;
	height: 45px;
	border-radius: 5px;
	border: 1px solid var(--headings-color);
	padding-left: 15px;
	color: var(--icons-bg-color);
}

.subscribe-email::placeholder{
	font-size: 14px !important;
	color: var(--headings-color);
}

.subscribe-input-wrapper{
    position: relative;
    width: 100%;
}

.subscribe-icon{
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    color: var(--secondary-color);
    font-size: 18px;
    cursor: pointer;
}

.active01{
	font-weight: 700;
	color: var(--transparent-black-color);
	border-bottom: 2px solid var(--transparent-black-color) !important;
}

.agent-card-container{
	border-radius: 10px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}


.card-asset-image{
	width: 70px;
	height: 90px;
	border-radius: 10px;
	margin-right: 12px;
}

.agent-section-name{
	color: #0B5ED7;
	font-weight: 600;
}

.agent-section-paragraph{
	color: var(--headings-color);
	font-size: 15px;
}

.review-rating{
	color: var(--primary-color);
	font-size: 15px;
	font-weight: 500;
}

.view-profile-btn{
	width: 100%;
	height: 45px;
	border: 1px solid var(--icons-bg-color);
	border-radius: 10px;
	background-color: var(--secondary-color);
}

.view-more-agents{
	width: 18%;
	height: 45px;
	border: 1px solid var(--icons-bg-color);
	border-radius: 10px;
	background-color: var(--secondary-color);
	color: var(--primary-color);
	margin-top: 25px;
}

.line01{
	width: 100%;
	background-color: rgba(255,255,255, 0.2);
	height: 1px;
	margin: 10px 0px;
}

.map-view-btn-02{
	width: 50px;
	height: 45px;
	background-color: transparent;
	border: 1px solid #e1e3e6;
	border-radius: 5px;
}

.map-view-btn-03{
	width: 100px;
	height: 45px;
	background-color: transparent;
	border: 1px solid #e1e3e6;
	border-radius: 5px;
	color: var(--primary-color);
}

.map-view-btn-04{
	width: 50px;
	height: 45px;
	background-color: transparent;
	border: 1px solid #e1e3e6;
	border-radius: 5px;
	margin-top: -10px;
}


.apartment-owl-carousel-container{
	position: relative;
}

.asset-image{
	width: 30%;
	margin-bottom: 15px;
}



.community-search-input::placeholder{
	color: var(--headings-color) !important;
	font-size: 14px !important;
	font-weight: 500;
}

.community-body-container{
	padding: 0px 15px;
	background-color: #fefefe;
}

.left-side-bar{
	background-color: var(--secondary-color);
	border-radius: 10px;
	position: relative;
}

.community-agent-image{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	margin-right: 10px;
}

.community-person-name{
	color: var(--primary-color);
	font-size: 17px;
	font-weight: 700;
	margin-top: 5px;
}

.view-profile-paragraph{
	color: var(--headings-color);
	font-size: 14px;
	font-weight: 600;
	margin-top: -5px;
}

.community-menu-item .active02{
	background-color: #f4f6f7 !important;
	padding: 10px;
	color: #00d26a;
	font-size: 15px;
	font-weight: 600;
	border-radius: 5px;
}

.community-menu-item .active04{
	background-color: #f4f6f7 !important;
	padding: 10px;
	color: #00d26a;
	font-size: 15px;
	font-weight: 600;
	border-radius: 5px;
	border-left: 3px solid #039c5c;
}

.community-menu-item01{
	font-size: 15px;
	font-weight: 600;
	border-radius: 5px;
	background-color: var(--secondary-color) !important;
	padding: 5px 5px 5px 10px;
}

.notification-count{
	background-color: #00d26a;
	color: var(--secondary-color);
	font-size: 13px;
	padding: 2px 8px;
	border-radius: 20px;
}

.notification-count01{
	background-color: #e1e3e6;
	color: var(--primary-color);
	font-size: 13px;
	padding: 2px 8px;
	border-radius: 20px;
}

.community-heading-01{
	color: var(--primary-color);
	font-size: 14px;
	font-weight: 700;
}

.edit-button{
	color: #8f939f;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	margin-top: -3px;
}

.community-image{
	width: 50px;
	height: 50px;
	border-radius: 10px;
	margin-right: 10px;
}

.community-property-name{
	color: var(--primary-color);
	font-size: 14px;
	font-weight: 700;
	margin-top: 5px;
}

.view-community-btn{
	width: 100%;
	background-color: transparent;
	border: 1px solid #00d26a;
	color: #00d26a;
	height: 42px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 10px;
}

.item-wrapper{
    position: relative;
    display: inline-block;
}

.community-story-image{
    display: block;
    border-radius: 50%;
	 border: 2px solid var(--primary-color);
	 padding: 2px;
}

.item-plus-icon{
    position: absolute;
    bottom: 3px;
    right: 3px;
    font-size: 22px;
    color: var(--new-color);
    background: #fff;
    border-radius: 50%;
    z-index: 2;
	 border: 2px solid var(--secondary-color);
}

.community-story-image-01{
    display: block;
    border-radius: 50%;
	 border: 2px solid #d300c5;
	 padding: 2px;
}

.paragraph04{
	text-align: center;
	font-size: 13px;
	font-weight: 600;
}

#owl-carousel04 .owl-nav button.owl-prev, #owl-carousel13 .owl-nav button.owl-prev, #owl-carousel14 .owl-nav button.owl-prev, #owl-carousel15 .owl-nav button.owl-prev, #owl-carousel16 .owl-nav button.owl-prev{
	display: none !important;
}

@media screen and (max-width: 992px){
	#owl-carousel04 .owl-nav button.owl-next, #owl-carousel13 .owl-nav button.owl-next, #owl-carousel14 .owl-nav button.owl-next{
	display: none !important;
}
}

.community-asset-image{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	margin-right: 10px;
}

.community-input-box{
	background-color: transparent;
	border: 0px;
	width: 100%;
}

.community-input-box::placeholder{
	color: var(--headings-color) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

.paragraph05{
	color: var(--primary-color);
	font-size: 14px;
	font-weight: 600;
	padding: 7px 14px;
	background-color: transparent;
	border: 1px solid #f3f4f5;
	border-radius: 50px;
	cursor: pointer;
}


	.paragraph050{
	color: var(--primary-color);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	margin-right: 10px;
}


.image-icon{
	color: #00d26a;
}

.film-icon{
	color: #dc14b7;
}

.community-flex-container{
	border-bottom: 1px solid #e1e3e6;
}

.paragraph06{
	color: var(--headings-color);
	font-size: 15px;
	font-weight: 600;
}

.image-count-wrapper{
    position: relative;
}

.image-count-wrapper::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    border-radius: 8px; /* same as image border-radius */
}

.image-count{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    z-index: 2;
}

.community-story-heading{
	color: var(--primary-color);
	font-size: 15px;
	font-weight: 600;
	margin-top: -10px;
}

.hearticon{
	color: red;
}

.hashtag-container{
	background-color: var(--icons-bg-color);
	width: 40px;
	height: 40px;
	border-radius: 10px;
	margin-right: 10px;
}

.hastag{
	color: #00d26a;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
}

.community-hash-name{
	color: var(--primary-color);
	font-size: 14px;
	font-weight: 600;
}

.suugested-image{
	width: 35px;
	height: 35px;
	margin-right: 10px;
	border-radius: 35px;
}

.community-suggest-name{
	font-size: 13px;
	font-weight: 600;
}

.community-suggest-paragraph{
	font-size: 12px;
	color: var(--headings-color);
	font-weight: 600;
	margin-top: -5px;
}

.community-suggest-paragraph01{
	font-size: 12px;
	color: var(--headings-color);
	font-weight: 600;
	margin-top: -12px;
}

.follow-btn-01{
	background-color: transparent;
	width: 80px;
	height: 35px;
	border-radius: 5px;
	border: 1px solid var(--icons-bg-color);
	color: var(--primary-color);
	font-size: 12px;
	font-weight: 600;
}

.community-image-box-container{
	background-color: #f5f5f7;
	border-radius: 10px;
}

.community-box-image{
	border-radius: 10px 10px 0px 0px;
	width: 100%;
	margin-bottom: 15px;
}

.property-community-heading{
	color: var(--primary-color);
	font-size: 13px;
	font-weight: 600;
}

.paragraph07{
	color: var(--headings-color);
	font-size: 11px;
	font-weight: 600;
	line-height: 0px;
	margin-top: 10px;
}

.learn-more-btn{
	background-color: var(--secondary-color);
	width: 80px;
	height: 35px;
	border-radius: 5px;
	border: 0px;
	font-size: 12px;
	font-weight: 500;
	margin-top: -10px;
}

.reel-card{
    position:relative;
    border-radius:15px;
    overflow:hidden;
    height:650px;
}

.reel-main-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.reel-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.8),
        rgba(0,0,0,.2),
        rgba(0,0,0,0)
    );
}

.reel-top-icons{
    position:absolute;
    top:15px;
    right:15px;
    display:flex;
    gap:15px;
    z-index:2;
}

.reel-top-icons i{
    color:#fff;
    font-size:18px;
    cursor:pointer;
}

.reel-content{
    position:absolute;
    left:20px;
    bottom:20px;
    z-index:2;
}

.reel-title{
    color:#fff;
    font-size:18px;
    font-weight:500;
    line-height:1.3;
    margin-bottom:15px;
}

.reel-user{
    display:flex;
    align-items:center;
    gap:10px;
}

.reel-user img{
    width:40px;
    height:40px;
    border-radius:50%;
    object-fit:cover;
}

.reel-user span{
    color:#fff;
    font-size:15px;
    font-weight:500;
}

.reel-actions{
    position:absolute;
    right:15px;
    bottom:20px;
    z-index:2;
}

.reel-action-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    
}

.reel-action-item i{
    color:#fff;
    font-size:22px;
}

.reel-action-item span{
    color:#fff;
    font-size:13px;
    margin-top:4px;
}

.reel-thumbnails{
    display:flex;
    gap:10px;
    margin-top:12px;
	 overflow-x: auto;
}

.reel-thumbnails img{
    width:80px;
    height:70px;
    border-radius:10px;
    object-fit:cover;
}

.see-more-btn{
	background-color: transparent;
	border: 0px;
	color: var(--headings-color);
	font-size: 14px;
	font-weight: 600;
}




@media screen and (min-width: 1440px){
	.community-desktop-header{
    height:80px;
    background:#fff;
    padding:0 40px;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
	 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.header-wrapper{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.community-header-logo{
    height:54px;
	 width: 180px;
	 margin-top: 5px;
}

.community-search-container{
    position:relative;
    width:300px;
}

.community-search-input{
    width:100%;
    height:40px;
    border:0px;
	 background-color: var(--secondary-color);
    border-radius:5px;
    padding-left:40px;
    padding-right:40px;
    font-size:14px;
    outline:none;
	 border: 1px solid var(--border-color);
	 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.community-search-icon{
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    color:#777;
}

.search-shortcut{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    background: var(--secondary-color);
    padding:2px 8px;
    border-radius:6px;
    font-size:12px;
}

.community-nav{
    display:flex;
    align-items:center;
    gap:23px;
}

.community-nav-item{
    text-decoration:none;
    color: var(--primary-color);
    font-size:15px;
	 font-weight: 600;
    position:relative;
	 padding-bottom: 10px;
	 margin-top: 10px;
}

.active-nav{
    color:#00d26a;
}

.active-nav::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-18px;
    width:100%;
    height:2px;
    background:#00d26a;
}

.community-header-actions{
    display:flex;
    align-items:center;
    gap:25px;
}

.add-btn{
    width:35px;
    height:35px;
    border:none;
    border-radius:50%;
    background:#00d26a;
    color:#fff;
}

.action-icon{
    color: var(--primary-color);
    text-decoration:none;
    font-size:20px;
    position:relative;
}

.notification-badge{
    position:absolute;
    top:-8px;
    right:-8px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:red;
    color: var(--secondary-color);
    font-size:10px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.profile-section{
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
}

.profile-dropdown{
    position:relative;
}


.profile-img{
    width:38px;
    height:38px;
    border-radius:50%;
    object-fit:cover;
}

.profile-arrow{
    font-size:12px;
}

.profile-dropdown-menu{
    position:absolute;
    top:120%;
    right:0;
    width:200px;
    background: var(--secondary-color);
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,.12);
    padding:10px 0;
    display:none;
    z-index:9999;
}

.profile-dropdown-menu a{
    display:block;
    padding:12px 18px;
    text-decoration:none;
    color:var(--primary-color);
    font-size:14px;
    transition:.3s;
}

.profile-dropdown-menu a:hover{
    background:#f5f5f5;
}

.profile-dropdown:hover .profile-dropdown-menu{
    display:block;
}

.more-icon{
    font-size:11px;
    margin-left:4px;
}

.community-dropdown{
    position:relative;
}

.community-dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    min-width:180px;
    background: var(--secondary-color);
    border-radius:10px;
    box-shadow:0 5px 20px rgba(0,0,0,.12);
    padding:10px 0;
    display:none;
    z-index:999;
}

.community-dropdown-menu a{
    display:block;
    padding:10px 16px;
    color:#222;
    text-decoration:none;
    font-size:14px;
}

.community-dropdown-menu a:hover{
    background:#f5f5f5;
}

.community-dropdown:hover .community-dropdown-menu{
    display:block;
}

.sidebar-navigation-box{
	width: 16%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.main-con-box{
	width: 82%;
}


.main-reel-box{
	width: 71%;
}

.sidebar-navigation-box01{
	width: 27%;
}

.hastag-box{
	width: 20%;
}

.first-image-box{
	width: 60% !important;
	margin-right: 10px;
}

.reel-image{
	width: 100%;
	border-radius: 10px;
}

.second-image-box{
	width: 38%;
}

.reel-image-01{
	width: 49%;
	border-radius: 10px;
	margin-top: 10px;
	height: 100px;
	
}


.image-count-wrapper{
    position:relative;
    width:49%;
    height:100px;
    border-radius:10px;
    overflow:hidden;
    margin-top:10px;
}

.reel-image-overlay{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.image-count-wrapper::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

.image-count{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#fff;
    font-size:18px;
    font-weight:500;
    z-index:2;
}

	
}



@media screen and (min-width: 1024px) and (max-width: 1440px){
	.community-desktop-header{
    height:80px;
    background:#fff;
    padding:0 20px;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
	 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.header-wrapper{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.community-header-logo{
    height:35px;
	 width: 100px;
}

.community-search-container{
    position:relative;
    width:300px;
}

.community-search-input{
    width:100%;
    height:40px;
    border:0px;
	 background-color: var(--secondary-color);
    border-radius:10px;
    padding-left:40px;
    padding-right:40px;
    font-size:14px;
    outline:none;
	 border: 1px solid var(--border-color);
	 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.community-search-icon{
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    color:#777;
}

.search-shortcut{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    background: var(--secondary-color);
    padding:2px 8px;
    border-radius:6px;
    font-size:12px;
}

.community-nav{
    display:flex;
    align-items:center;
    gap:18px;
}

.community-nav-item{
    text-decoration:none;
    color: var(--primary-color);
    font-size:15px;
	 font-weight: 500;
    position:relative;
}

.active-nav{
    color:#00d26a;
}

.active-nav::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-18px;
    width:100%;
    height:2px;
    background:#00d26a;
}

.community-header-actions{
    display:flex;
    align-items:center;
    gap:18px;
}

.add-btn{
    width:30px;
    height:30px;
    border:none;
    border-radius:50%;
    background:#00d26a;
    color:#fff;
}

.action-icon{
    color: var(--primary-color);
    text-decoration:none;
    font-size:20px;
    position:relative;
}

.notification-badge{
    position:absolute;
    top:-8px;
    right:-8px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:red;
    color: var(--secondary-color);
    font-size:10px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.profile-section{
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
}

.profile-dropdown{
    position:relative;
}


.profile-img{
    width:38px;
    height:38px;
    border-radius:50%;
    object-fit:cover;
}

.profile-arrow{
    font-size:12px;
}

.profile-dropdown-menu{
    position:absolute;
    top:120%;
    right:0;
    width:200px;
    background: var(--secondary-color);
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,.12);
    padding:10px 0;
    display:none;
    z-index:9999;
}

.profile-dropdown-menu a{
    display:block;
    padding:12px 18px;
    text-decoration:none;
    color:var(--primary-color);
    font-size:14px;
    transition:.3s;
}

.profile-dropdown-menu a:hover{
    background:#f5f5f5;
}

.profile-dropdown:hover .profile-dropdown-menu{
    display:block;
}

.more-icon{
    font-size:11px;
    margin-left:4px;
}

.community-dropdown{
    position:relative;
}

.community-dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    min-width:180px;
    background: var(--secondary-color);
    border-radius:10px;
    box-shadow:0 5px 20px rgba(0,0,0,.12);
    padding:10px 0;
    display:none;
    z-index:999;
}

.community-dropdown-menu a{
    display:block;
    padding:10px 16px;
    color:#222;
    text-decoration:none;
    font-size:14px;
}

.community-dropdown-menu a:hover{
    background:#f5f5f5;
}

.community-dropdown:hover .community-dropdown-menu{
    display:block;
}

.sidebar-navigation-box{
	width: 18%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}


.main-con-box{
	width: 82%;
}


.main-reel-box{
	width: 70%;
}

.sidebar-navigation-box01{
	width: 28%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}



.hastag-box{
	width: 20%;
}

.first-image-box{
	width: 50% !important;
	margin-right: 10px;
}

.reel-image{
	width: 100%;
	border-radius: 10px;
}

.second-image-box{
	width: 38%;
}

.reel-image-01{
	width: 49%;
	border-radius: 10px;
	margin-top: 10px;
	height: 70px;
	
}


.image-count-wrapper{
    position:relative;
    width:49%;
    height:70px;
    border-radius:10px;
    overflow:hidden;
    margin-top:10px;
}

.reel-image-overlay{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.image-count-wrapper::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

.image-count{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#fff;
    font-size:18px;
    font-weight:500;
    z-index:2;
}

	
}








@media screen and (max-width: 1024px){
	.mobile-header{
		height:70px;
      background:#fff;
      padding:0 10px;
      box-shadow:0 2px 10px rgba(0,0,0,.08);
	}

	.mobile-logo{
		width: 120px;
		height: 35px;
	}

	#community-nav-icon{
		color: var(--primary-color);
		font-size: 24px;
		cursor: pointer;
		margin-top: 5px;
	}

	.action-icon{
    color: var(--primary-color);
    text-decoration:none;
    font-size:24px;
    position:relative;
	 margin-right: 15px;
}

	.notification-badge{
    position:absolute;
    top:-8px;
    right:-8px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:red;
    color: var(--secondary-color);
    font-size:10px;
    display:flex;
    align-items:center;
    justify-content:center;
}

	


.profile-section{
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
}

.profile-dropdown{
    position:relative;
}


.profile-img{
    width:30px;
    height:30px;
    border-radius:50%;
    object-fit:cover;
}

.profile-arrow{
    font-size:12px;
}

.profile-dropdown-menu{
    position:absolute;
    top:120%;
    right:0;
    width:200px;
    background: var(--secondary-color);
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,.12);
    padding:10px 0;
    display:none;
    z-index:9999;
}

.profile-dropdown-menu a{
    display:block;
    padding:12px 18px;
    text-decoration:none;
    color:var(--primary-color);
    font-size:14px;
    transition:.3s;
}

.profile-dropdown-menu a:hover{
    background:#f5f5f5;
}

.profile-dropdown:hover .profile-dropdown-menu{
    display:block;
}

.community-side-nav{
    position: fixed;
    top: 0;
    left: -300px;
    width: 280px;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    transition: 0.4s ease;
    padding: 20px;
    overflow-y: auto;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
}

.community-side-nav.active{
    left: 0;
}

.side-nav-overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease;
    z-index: 9998;
}

.side-nav-overlay.active{
    opacity: 1;
    visibility: visible;
}

.side-nav-header{
    display: flex;
    justify-content: end;
    align-items: center;
    margin-bottom: 25px;
}

.close-side-nav{
    cursor: pointer;
    font-size: 24px;
}

.community-nav-item{
    display: block;
    text-decoration: none;
    color: var(--primary-color);
    padding: 10px 0;
	 font-weight: 500;
	 font-size: 17px;
    border-bottom: 1px solid #eee;
}

.active-nav{
	color: #00d26a;
	font-weight: 700;
}


.more-icon{
    font-size:11px;
    right: 15px;
	 position: absolute;
	 top: 15px;
	 font-size: 14px;
}

.community-dropdown{
    position:relative;
}

.community-dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    min-width:180px;
    background: var(--secondary-color);
    border-radius:10px;
    box-shadow:0 5px 20px rgba(0,0,0,.12);
    padding:10px 0;
    display:none;
    z-index:999;
}

.community-dropdown-menu a{
    display:block;
    padding:10px 16px;
    color:#222;
    text-decoration:none;
    font-size:14px;
}

.community-dropdown-menu a:hover{
    background:#f5f5f5;
}

.community-dropdown:hover .community-dropdown-menu{
    display:block;
}

.sidebar-navigation-box, .main-reel-box, .sidebar-navigation-box01, .main-con-box{
	width: 100%;
	margin-bottom: 10px;
}

#community-side-home{
	color: var(--primary-color);
	font-size: 24px;
	margin-top: 10px;
	cursor: pointer;
}


    .sidebar01{
        position: fixed;
        top: 0;
        left: -80%;
        width: 80%;
        height: 100vh;
        background: #fff;
        overflow-y: auto;
        z-index: 1000;
        transition: .3s;
        padding: 20px;
    }

    .sidebar01.show{
        left: 0;
    }

    .community-overlay.show{
        opacity: 1;
        visibility: visible;
    }

	 .close-sidebar{
    font-size: 22px;
    cursor: pointer;
}



.first-image-box{
	width: 100% !important;
}

.reel-image{
	width: 100%;
	border-radius: 10px;
	margin-bottom: 10px;
}

.second-image-box{
	width: 100%;
}

.reel-image-01{
	width: 50%;
	border-radius: 10px;
	margin-top: 10px;
	height: 150px;
	
}


.image-count-wrapper{
    position:relative;
    width:50%;
    height:150px;
    border-radius:10px;
    overflow:hidden;
    margin-top:10px;
}

.reel-image-overlay{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.image-count-wrapper::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

.image-count{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#fff;
    font-size:18px;
    font-weight:500;
    z-index:2;
}


}


.community-featured-section-container{
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
	 background-color: var(--secondary-color);
}

.color-box-01{
	background-color: #f3edfe;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	margin-right: 10px;
}

.color-box-01-icon{
	color: #a076ee;
	font-size: 17px;
	text-align: center;
}

.color-box-02{
	background-color: #ecf2fe;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	margin-right: 10px;
}

.color-box-02-icon{
	color: #0B5ED7;
	font-size: 17px;
	text-align: center;
}

.color-box-03{
	background-color: #eef7f2;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	margin-right: 10px;
}

.color-box-03-icon{
	color: #00d26a;
	font-size: 17px;
	text-align: center;
}

.color-box-04{
	background-color: #00d26a;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	margin-right: 10px;
}

.color-box-04-icon{
	color: var(--secondary-color);
	font-size: 17px;
	text-align: center;
}

.suport-image{
	width: 60%;
}

.contact-support-btn{
	background-color: #039c5c;
	border: 0px;
	width: 160px;
	height: 45px;
	border-radius: 10px;
	color: var(--secondary-color);
	font-size: 16px;
	font-weight: 600;
}

.user-heading-01{
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 600;
}

.user-heading-02{
	color: var(--primary-color);
	font-size: 21px;
	font-weight: 600;
}

.user-heading03{
	color: var(--secondary-color);
	font-size: 18px;
	line-height: 30px;
}

.update-preference-btn{
	background-color: var(--primary-color);
	width: 180px;
	height: 45px;
	border: 0px;
	color: var(--secondary-color);
	border-radius: 10px;
}

.normal-user-card-container{
	background-color: var(--secondary-color);
	border-radius: 5px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.user-heading-03{
	color: var(--headings-color);
	font-size: 17px;
	font-weight: 600;
}

.user-heading-04{
	color: var(--primary-color);
	font-size: 30px;
	font-weight: 700;
}

.span05{
	color: #039c5c;
	font-weight: 600;
}

.normal-user-profile-button{
	background-color: transparent;
	width: 100%;
	height: 45px;
	border-radius: 7px;
	border: 2px solid #e1e3e6;
	color: var(--primary-color);
	font-weight: 600;
	margin-top: 10px;
	position: relative;
}

.normal-user-profile-button01{
	background-color: transparent;
	width: 80%;
	height: 45px;
	border-radius: 7px;
	border: 2px solid #e1e3e6;
	color: var(--primary-color);
	font-weight: 600;
}

.user-plus-icon{
	position: absolute;
	right: 15px;
	bottom: 13px;
}

.normal-user-heart-icon{
	color: var(--secondary-color);
	right: 15px;
	position: absolute;
	top: 15px;
}

.normal-enquiry-image{
	width: 100px;
	height: 100px;
	border-radius: 5px;
	margin-right: 10px;
}

.normal-user-heart-icon01{
	color: var(--secondary-color);
	right: 20px;
	position: absolute;
	top: 10px;
}

.user-heading-05{
	color: var(--primary-color);
	font-size: 14px;
	font-weight: 700;
}

.new-user-paragraph{
	color: var(--headings-color);
	font-size: 12px;
	font-weight: 600;
	margin-top: -10px;
}

.user-color-paragraph01{
	background-color: #fef4df;
	border-radius: 50px;
	color: #fbaa56;
	font-size: 12px;
	height: 20px;
	font-weight: 600;
	width: 95px;
	text-align: center;
	padding-top: 1px;
	position: absolute;
	right: -5px;
	top: 90px;
}

.user-color-paragraph02{
	background-color: #e9f3fe;
	border-radius: 50px;
	color: #0B5ED7;
	font-size: 12px;
	height: 20px;
	font-weight: 600;
	width: 75px;
	text-align: center;
	padding-top: 1px;
	position: absolute;
	right:0px;
	top: 90px;
}

.user-color-paragraph03{
	background-color: #e1f3ed;
	border-radius: 50px;
	color: #039c5c;
	font-size: 12px;
	height: 20px;
	font-weight: 600;
	width: 75px;
	text-align: center;
	padding-top: 1px;
	position: absolute;
	right:0px;
	top: 90px;
}

.search-icon-container {
	background-color: #e2effe;
	width: 35px;
	height: 35px;
	border-radius: 35px;
	margin-right: 10px;
}

.glass-icon{
	color: var(--primary-color);
	font-size: 15px;
	text-align: center;
}

.user-heading-06{
	color: var(--primary-color);
	font-size: 13px;
	font-weight: 600;
}

.user-paragraph-01{
	color: var(--headings-color);
	font-size: 13px;
	margin-top: -5px;
	font-weight: 600;
}

.graph-card-container{
	background-color: #f6f7f9;
	border-radius: 10px;
}

.user-heading-07{
	color: var(--primary-color);
	font-size: 18px;
	font-weight: 700;
}

.graph-image{
	width: 90%;
}

.calendar-box{
	background-color: #fbfbfc;
	border-radius: 5px;
	width: 95px;
	margin-right: 10px;
}

.calendar-box-01{
	background-color: #f4f5f7;
	border-radius: 5px 5px 0px 0px;
}

.month-heading{
	color: var(--primary-color);
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
}

.date-heading{
	color: var(--primary-color);
	text-align: center;
	font-size: 28px;
	font-weight: 600;
}

.week-name{
	color: var(--headings-color);
	text-align: center;
	font-size: 13px;
	font-weight: 600;
}

.confirmed-div{
	background-color: #e1f3ed;
	border-radius: 50px;
	color: #039c5c;
	font-size: 12px;
	height: 20px;
	font-weight: 600;
	width: 75px;
	text-align: center;
	padding-top: 1px;
	position: absolute;
	right: 0px;
	top: 55px;

}

.image01{
	width: 80%;
}



.contact-us-banner-container{
	background-image: url("../images/properties-banner.png");
	background-size: cover;
	background-position: center center;
}

.contact-us-paragraph-01{
	color: var(--secondary-color);
}

.contact-card-container{
	background-color: var(--secondary-color);
	border-radius: 10px;
	height: 100%;
}

.contact-phone-icon{
	color: #039c5c;
	font-size: 35px;
	margin-bottom: 20px;
}

.contact-us-paragraph-02{
	color: var(--primary-color);
	font-size: 18px;
	text-align: center;
	font-weight: 700;
}

.contact-us-paragraph-03{
	color: var(--primary-color);
	font-size: 15px;
	text-align: center;
	font-weight: 600;
	margin-top: -8px;
}

.contact-us-paragraph-04{
	color: var(--headings-color);
	font-size: 15px;
	text-align: center;
	font-weight: 500;
	margin-top: -8px;
	line-height: 28px;
}

.support-live-btn{
	background-color: var(--primary-color);
	width: 100%;
	height: 45px;
	border-radius: 10px;
	border: 0px;
	color: var(--secondary-color);
	margin-bottom: 20px;
}

.contact-us-circle-icon{
	color: #039c5c;
	font-size: 10px;
	margin: 7px 10px 0px 0px;
}

.chat-message{
	color: var(--primary-color);
	font-size: 14px;
	font-weight: 600;
}

.contact-us-box{
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.06),
        0 8px 24px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
	 background-color: var(--secondary-color);
	 
}

.contact-box-heading-01{
	color: var(--primary-color);
	font-size: 20px;
	font-weight: 600;
}

.manual-label{
	color: var(--transparent-black-color) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
}

.manual-form-control{
	height: 50px !important;
	border: 1px solid #e1e3e6 !important;
}

.manual-form-control-01{
	border: 1px solid #e1e3e6 !important;
}

.manual-form-control::placeholder, .manual-form-control-01::placeholder{
	color: var(--headings-color) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

.manual-form-check-label{
	color: var(--headings-color) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

.span06{
	color: #039c5c;
	text-decoration: underline;
}

.span07{
	color: #039c5c;
}

.send-msg-btn{
	background-color: #039c5c;
	width: 100%;
	height: 45px;
	border-radius: 10px;
	border: 0px;
	color: var(--secondary-color);
	margin: 15px 0px;
}

.social-box{
	background-color: #f7faf7;
	border-radius: 10px;
	box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.06),
        0 8px 24px rgba(0, 0, 0, 0.08);
}

.social-box-heading-01{
	color: var(--primary-color);
	font-size: 17px;
	font-weight: 600;
}

.social-box-paragraph-01{
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 500;
	margin-top: -10px;
}



.social-box-container{
	background-color: var(--secondary-color);
	width: 50px;
	height: 50px;
	border-radius: 15px;
	margin-right: 12px;
}

.social-icons{
	font-size: 19px;
}

.social-box-heading-02{
	font-size: 17px;
	font-weight: 600;
}

.social-box-paragraph-02{
	color: var(--headings-color);
	font-size: 15px;
	font-weight: 600;
}

.social-box-paragraph-03{
	color: #039c5c;
	font-size: 15px;
	font-weight: 600;
	margin-top: -10px;
}


.phone-box{
    display:flex;
    border:1px solid #ddd;
    border-radius:4px;
    overflow:visible;
    position:relative;
    max-width:500px;
    height:50px;
}

.country-selector{
    width:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border: 1px solid #e1e3e6 !important;
    cursor:pointer;
    position:relative;
    background:#fff;
}

.country-selector img{
    width:22px;
}

.phone-box input{
    flex:1;
    border:none;
    outline:none;
    padding:0 15px;
	 border: 1px solid #e1e3e6 !important;
}

.country-dropdown{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:220px;
    background:#fff;
    border: 1px solid #e1e3e6 !important;
    border-radius:5px;
    z-index:999;
}

.country-item{
    padding:10px;
    display:flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
}

.country-item:hover{
    background:#f5f5f5;
}

.country-item img{
    width:22px;
}

.location-heading{
	font-weight: 700;
}

.social-container{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: var(--secondary-color);
	margin-right: 15px;
}

.head-office-div{
	background-color: #e1f3ed;
	border-radius: 50px;
	color: #039c5c;
	font-size: 12px;
	height: 20px;
	font-weight: 700;
	width: 90px;
	text-align: center;
	padding-top: 1px;
	margin-top: 2px;
	

}

.address-name{
	color: var(--headings-color);
	font-size: 15px;
	font-weight: 600;
	line-height: 28px;
}

.address-icon{
	color: var(--headings-color);
	font-size: 15px;
	font-weight: 600;
}

.icon01{
	font-size: 50px;
}

.address-name-01{
	color: var(--headings-color);
	font-size: 15px;
	font-weight: 600;
	line-height: 28px;
	margin-top: -10px;
}

.visit-help-center-btn{
	background-color: var(--secondary-color);
	width: 200px;
	height: 45px;
	border-radius: 5px;
	border: 1px solid #e1e3e6;
	font-size: 15px;
	font-weight: 600;
}

.rental-phone-btn{
	background-color: var(--primary-color);
	width: 200px !important;
	height: 45px;
	border-radius: 5px;
	border: 0px;
	font-size: 15px;
	font-weight: 600;
	color: var(--secondary-color);
}

.accordion-item01{
	margin-bottom: 10px !important;
	box-shadow:
        0 1px 4px rgba(0, 0, 0, 0.06),
        0 5px 10px rgba(0, 0, 0, 0.08);
}

.accordion-button::after {
    background-image: none !important;
    content: "❯" !important; /* fa-chevron-right */
    font-weight: 900;
    width: auto;
    height: auto;
    transform: none !important;
}

.accordion-button:not(.collapsed)::after {
    transform: rotate(-90deg) !important;
}

.accordion-button{
	font-size: 17px;
	font-weight: 600;
}




@media screen and (min-width: 992px){
	.contact-us-heading-01{
		font-size: 35px;
		color: var(--secondary-color);
		font-weight: 700;
		letter-spacing: 1px;
		line-height: 50px;
	}

	.contact-us-card-container{
	background-color: var(--secondary-color);
	border-radius: 10px;
	height: 100%;
	width: 65%;
}


/* Areas Glide CSS Start */

.mini-block-container01{
	background-color: rgba(0, 0, 0, 0.1);
	width: 90%;
	border-radius: 10px;
}

.mini-box-02{
	padding-right: 15px;
	border-right: 1px solid rgba(255,255,255,0.05);
	margin-right: 10px;
}

.bg-image-container{
	width: 75%;
	background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5)), url('../images/about-us-banner.jpg');
	border-radius: 10px 0px 0px 10px;
	height: 100%;
	background-position: center center;
	margin-right: 15px;
}

.content-box-01{
	width: 24%;
}



}



@media screen and (max-width: 992px){
	.contact-us-heading-01{
		font-size: 24px;
		color: var(--secondary-color);
		font-weight: 700;
		letter-spacing: 1px;
		line-height: 40px;
	}

	.contact-us-card-container{
	background-color: var(--secondary-color);
	border-radius: 10px;
	height: 100%;
	width: 100%;
}

/* Areas Glide CSS Start */

.mini-block-container01{
	background-color: rgba(0, 0, 0, 0.1);
	width: 100%;
	border-radius: 10px;
}

.mini-box-02{
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	margin-bottom: 10px;
	width: 48%;

}

.bg-image-container{
	width: 100%;
	background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5)), url('../images/about-us-banner.jpg');
	border-radius: 10px 10px 0px 0px;
	height: 100%;
	background-position: center center;
}

.content-box-01{
	width: 100%;
	margin-left: 12px;
}


.flex-box-02{
	border-bottom: 1px solid #e1e3e6;
	padding-bottom: 10px;
	margin-bottom: 10px;
}




/* Agent Portal CSS Start */




.adevertise-btn-04{
	width: 100%;
	height: 45px; 
	border: 1px solid var(--border-color);
	background-color: var(--secondary-color);
	font-size: 15px;
	font-weight: 500;
	border-radius: 7px;
}

.portal-box{
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	background-color: #feffff;
	border-radius: 7px;
	width: 100%;
	margin-bottom: 5px;
	border: 1px solid #e1e3e6;
	height: auto;
}



.adevertise-btn-05{
	width: 100%;
	height: 45px; 
	border: 0px;
	background-color: var(--primary-color);
	font-size: 15px;
	font-weight: 500;
	border-radius: 7px;
	color: var(--secondary-color);
}


/* Partner Program CSS Start */

.handshake-image{
	width: 120px;
	margin-left: -18px;
}


}




.commercial-paragraph02{
	color: var(--secondary-color);
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
}

.form-label01{
	font-size: 16px;
	font-weight: 600;
	color: var(--headings-color);
}

.list-property-btn{
	width: 180px;
	height: 45px;
	border-radius: 5px;
	border: 0px;
	background-color: #039c5c;
	color: var(--secondary-color);
	font-size: 15px;
}

.building-image{
	width: 80%;
}


.report-card {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}

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

.report-card .overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.85) 10%,
        rgba(0,0,0,0.45) 45%,
        rgba(0,0,0,0.15) 100%
    );
}

.report-content {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    bottom: 12px;
    color: #fff;
    display: flex;
    flex-direction: column;
}

.report-tag {
    display: inline-block;
    width: fit-content;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(4px);
    padding: 5px 16px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.report-content h6 {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 15px;
}

.date {
    margin-top: auto;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
}

.report-link {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
}

.commercial-phone{
	color: #00d26a;
	font-size: 16px;
	font-weight: 600;
}

.rental-help-icon{
	color: var(--headings-color);
	font-size: 50px;
}

.help-paragraph-01{
	color: var(--secondary-color);
	font-size: 15px;
}

.popular-search-btn{
	background-color: transparent;
	border: 1px solid var(--secondary-color);
	padding: 6px 16px 8px 16px;
	height: 35px;
	color: var(--secondary-color);
	border-radius: 15px;
	font-size: 14px;
	margin-bottom: 10px;
}


.help-icon{
	color: #039c5c;
	font-size: 35px;
}

.help-heading-01{
	color: var(--primary-color);
	font-size: 18px;
	text-align: center;
	font-weight: 600;
	padding: 15px 0px 0px 0px;
}

.help-paragraph-02{
	color: var(--headings-color);
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	line-height: 28px;
}

.help-paragraph-03{
	color: var(--headings-color);
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}

.support-card{
    background: #fff;
    border-radius: 10px;
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.05),
        0 8px 24px rgba(0, 0, 0, 0.08);
	height: 100%;
}

.support-icon-bg-container{
	background-color: #ebf4ef;
	width: 50px;
	height: 50px;
	border-radius: 50px;
}

.support-icon{
	color: #039c5c;
	font-size: 24px;
}

.chat-btn{
	background-color: var(--primary-color);
	width: 100%;
	height: 40px;
	border-radius: 10px;
	color: var(--secondary-color);
	border: 0px;
}

.support-banner{
	background-image: url("../images/support-banner.png");
	background-size: cover;
	background-position: center center;
	padding: 25px 20px;
	border-radius: 10px;
}

.support-banner-heading-01{
	color: var(--secondary-color);
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
}

.support-banner-paragraph-01{
	color: rgba(255, 255, 255, 0.8);
	font-size: 15px;
}

.support-banner-btn{
	background-color: var(--secondary-color);
	width: 150px;
	height: 45px;
	border-radius: 10px;
	color: var(--primary-color);
	border: 0px;
	font-size: 16px;
	font-weight: 500;
}

.support-banner-paragraph-02{
	color: rgba(255, 255, 255, 0.8);
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
}

.play-icon{
	color: rgba(255, 255, 255, 0.8);
	font-size: 30px;
	margin: -60px 25px 0px 0px;
}

.accordion-item02{
	border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.top-sources-container{
	background-color: #edf4fa;
	border-radius: 10px;
}

.list-icon{
	color: #039c5c;
}

.list02{
	font-size: 15px;
	font-weight: 600;
}

.top-resource-btn{
	background-color: transparent;
	border: 1px solid #e1e3e6;
	width: 100%;
	height: 45px;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
}

.contact-support-btn-01{
	background-color: #000;
	padding: 8px 20px;
	border: 0px;
	border-radius: 10px;
	color: var(--secondary-color);
}

.app-download-btn{
	width: 150px;
}

.user-icon{
	font-size: 34px;
	color: var(--secondary-color);
	margin-right: 15px;
}

.guide-paragraph-01{
	color: var(--secondary-color);
	font-weight: 500;
	margin-top: -3px;
}

.guide-paragraph-02{
	color: rgba(255, 255,255, 0.8);
	margin-top: -12px;
}


.guide-icon{
	color: #039c5c;
	font-size: 25px;
}

.guide-paragraph-03{
	text-align: center;
	color: var(--primary-color);
	font-size: 15px;
	font-weight: 600;
	padding-top: 15px;
}

.guide-paragraph-04{
	text-align: center;
	color: var(--headings-color);
	font-size: 14px;
	font-weight: 600;
	margin-top: -10px;
}

.g-icon{
	color: #039c5c;
}

.main-col-container{
	box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.05),
        0 8px 24px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
}

.cols01{
	border-right: 1px solid #e1e3e6 !important;
	border-bottom: 1px solid #e1e3e6 !important;
}

.col-box-image{
	width: 150px;
	height: 120px;
	border-radius: 5px;
	margin-right: 10px;
}

.card-container-paragraph01 {
	font-size: 14px;
	color: var(--headings-color);
	font-weight: 500;
	margin-top: -12px;
}

.cols02{
	margin-top: -10px !important;
}

.number-container{
	background-color: #e1e3e6;
	width: 24px;
	height: 24px;
	border-radius: 8px;
	margin-right: 15px;
}

.number-paragraph{
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	padding-top: 15px;
}

.guide-paragraph-05{
	font-size: 15px;
	font-weight: 600;
}

.view-topics-btn{
	background-color: transparent;
	border: 2px solid #e1e3e6;
	width: 100%;
	height: 40px;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
}

.icon-container{
	background-color: #f2fcf9;
	width: 24px;
	height: 24px;
	border-radius: 8px;
	margin-right: 15px;
}

.guide-icon-01{
	color: #039c5c;
	font-size: 12px;
}

.mail-input{
	width: 100%;
	height: 37px;
	border-radius: 7px;
	border: 1px solid #e1e3e6;
	padding-left: 12px;
	margin-bottom: 5px;
}

.sub-btn{
	width: 100%;
	height: 37px;
	border-radius: 7px;
	background-color: var(--primary-color);
	color: var(--secondary-color);
	border: 0px;
}

.mail-icon-image{
	width: 100%;
}

.icon-check{
	color: #039c5c;
}

.list-icon-01{
	color: var(--secondary-color);
}



.blog-featured-btn{
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: var(--primary-color);
    color: rgba(255, 255, 255, 0.9);
    border: none;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 1;
	 letter-spacing: 1.2px;
}

.tag-btn{
	background-color: #edf4f1;
	border: none;
   width: 120px;
	height: 25px;
   font-size: 12px;
   font-weight: 700;
	color: #008751;
	text-align: center;
	letter-spacing: 1.2px;
	border-radius: 5px;
	margin-top: 20px;

}

.blog-paragraph-01{
	font-size: 16px;
	font-weight: 500;
}

.blog-read-more-btn{
	background-color: var(--primary-color);
	width: 160px;
	height: 45px;
	border-radius: 7px;
	color: var(--secondary-color);
	border: 0px;
}

.tag-btn01{
	background-color: #edf4f1;
	border: none;
   padding: 0px 15px;
	height: 25px;
   font-size: 12px;
   font-weight: 700;
	color: #008751;
	text-align: center;
	letter-spacing: 1.2px;
	border-radius: 5px;
	margin: -15px 0px 10px 0px;
	position: absolute;
	z-index: 2;
}

.card-container01 {
	background-color: var(--secondary-color);
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	height: 100%;
}

.tag-btn02{
	background-color: #edf4f1;
	border: none;
   padding: 0px 15px;
	height: 25px;
   font-size: 12px;
   font-weight: 700;
	color: var(--primary-color);
	text-align: center;
	letter-spacing: 1.2px;
	border-radius: 5px;
	margin: -15px 0px 10px 0px;
	position: absolute;
	z-index: 2;
}

.blog-article-image{
	width: 60px;
	height: 60px;
	border-radius: 5px;
	margin-right: 10px;
}

.number-container01{
	background-color: #e1e3e6;
	width: 24px;
	height: 24px;
	border-radius: 8px;
	margin-right: 10px;
	margin-top: -20px;
}

.stay-updated-banner{
	background-image: url("../images/stay-updated-image.png");
	background-size: cover;
	background-position: center center;
	border-radius: 10px;
}

.blog-paragraph-02{
	color: var(--secondary-color);
	font-size: 18px;
	font-weight: 600;
}

.blog-paragraph-03{
	color: rgb(255,255,255,0.95);
	font-size: 16px;
	line-height: 28px;
}

.blog-paragraph-04{
	color: rgb(255,255,255,0.95);
	font-size: 14px;
	line-height: 28px;
	padding-top: 10px;
}

.newsletter-form{
    display: flex;
    width: 100%;
    background: #fff;
    border-radius: 7px;
    overflow: hidden;
	 position: relative;
}

.newsletter-form input{
    flex: 1;
    border: none;
    outline: none;
	 height: 45px;
    font-size: 15px;
    color: #333;
	 padding-left: 10px;
}






.newsletter-form input::placeholder{
    color: var(--headings-color);
	 font-weight: 500;
}



.newsletter-form button:hover{
    background: #00754b;
}

.box-container-flex01{
    background-color: #f5f6f7;
	 border-radius: 10px;
}

.question-number-container{
	background-color: #f7f8f9;
	width: 25px;
	height: 25px;
	border-radius: 8px;
	border: 1px solid #e2effe;
	margin-right: 12px;
	transition: all 0.3s ease;
}

.faq-number{
	color: var(--primary-color);
	padding-top: 17px;
	font-size: 14px;
	transition: all 0.3s ease;
}

.accordion-button:not(.collapsed) .question-number-container{
	background-color: #039c5c; /* Green */
	border-color: #039c5c;
}

.accordion-button:not(.collapsed) .faq-number{
	color: var(--secondary-color);
}



.process-wrapper{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.process-item{
    text-align:center;
    min-width:90px;
}

.icon-box01{
    width:50px;
    height:50px;
    border-radius:50%;
    background:#f5f5f5;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    margin-bottom:12px;
}

.icon-box01 i{
    color:#0b8a60;
    font-size:18px;
}

.process-item p{
    font-size:15px;
    font-weight:500;
    color:var(--primary-color);
    line-height:22px;
    margin:0;
}

.process-arrow{
    margin-top:15px;
    color:#d5d5d5;
    font-size:15px;
}

/* Tablet */
@media(max-width:991px){

    .process-wrapper{
        gap:15px;
    }

    .icon-box01{
        width:47px;
        height:47px;
    }

    .icon-box01 i{
        font-size:17px;
    }

    .process-item p{
        font-size:14px;
    }

    .process-arrow{
        display:none;
    }
}

/* Mobile */
@media(max-width:576px){

    .process-wrapper{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

    .process-arrow{
        display:none;
    }

    .process-item{
        width:100%;
    }

    .icon-box01{
        width:45px;
        height:45px;
    }

    .icon-box01 i{
        font-size:16px;
    }

    .process-item p{
        font-size:13px;
        line-height:20px;
    }
}

.c-support-btn{
	background-color: var(--primary-color);
	border-radius: 10px;
	width: 200px;
	height: 45px;
	border: 0px;
	color: var(--secondary-color);
	font-size: 15px;
	margin-bottom: 10px;
	font-weight: 500;
}

.l-chat-btn{
	border-radius: 10px;
	width: 200px;
	height: 45px;
	border: 1px solid #e1e3e6;
	background-color: var(--secondary-color);
	color: #039c5c;
	font-size: 15px;
	font-weight: 500;
}

.q01{
	padding-top: 2px;
}

.headset-image{
	width: 95%;
}

.faq-icon-container{
	background-color: #f2fcf9;
	width: 42px;
	height: 42px;
	border-radius: 8px;
	margin-right: 15px;
}

.faq-icon{
	color: #039c5c;
	font-size: 24px;
}

.faq-paragraph-01{
	color: var(--primary-color);
	font-size: 16px;
	font-weight: 500;
}

.faq-paragraph-02{
	color: var(--headings-color);
	font-size: 15px;
	font-weight: 500;
	margin-top: -10px;
}


.rent-nav-container01{
	box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.06),
        0 8px 24px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
	 background-color: var(--secondary-color);
}




.mini-icon01{
	color: var(--secondary-color);
	font-size: 22px;
	margin: 10px 12px 0px 0px;
}

.market-paragraph-01{
	color: var(--secondary-color);
	font-size: 15px;
	font-weight: 500;
}

.market-paragraph-02{
	color: rgba(255,255,255,0.85);
	margin-top: -15px;
}

.transparnet-bg-container{
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 10px;
}

.market-paragraph-03{
	color: var(--secondary-color);
	font-size: 15px;
	font-weight: 500;
}

.href01{
	color: rgba(255,255,255,0.85) !important;
	text-decoration: none !important;
	font-size: 14px;
	padding-top: 1px;
}

.line03{
	background-color: rgba(255,255,255,0.06);
	width: 100%;
	height: 1px;
	margin: -8px 0px 15px 0px;
}

.market-paragraph-04{
	color: rgba(255,255,255,0.85);
	font-size: 14px;
}

.market-heading-01{
	color: var(--secondary-color);
	font-size: 22px;
	margin-top: -5px;
	font-weight: 600;
}

.market-paragraph-05{
	color: var(--secondary-color);
	font-size: 14px;
}

.icon-03{
	color: #00754b;
}

.flex-box-01{
	border-right: 1px solid rgba(255,255,255,0.06);
	border-bottom: 1px solid rgba(255,255,255,0.06);
}


.faq-icon-container01{
	background-color: #f2fcf9;
	width: 35px;
	height: 35px;
	border-radius: 8px;
	margin-right: 10px;
}

.faq-icon01{
	color: #039c5c;
	font-size: 18px;
}

.market-paragraph-06{
	color: var(--headings-color);
	font-size: 15px;
	font-weight: 500;
}

.market-heading-02{
	color: var(--primary-color);
	font-size: 18px;
	margin-top: -7px;
	font-weight: 700;
}

.market-paragraph-07{
	color: #00754b;
	font-size: 13px;
	font-weight: 600;
}

.market-graph-image{
	width: 100%;
}

.graph-card-flex-container{
	background-color: var(--secondary-color);
   border: 1px solid #eef1f4;
   border-radius: 10px;
   box-shadow: 0px 10px 30px rgba(16, 24, 40, 0.06);
	height: 100%;
	position: relative;

}



.chart-container{
    position: relative;
    background: #fff;
    border-radius: 12px;
	 
}

.custom-tooltip-card{
    position: absolute;
    right: 50px;
    top: 120px;
    background: #fff;
    padding: 18px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    width: 170px;
}

.tooltip-month{
    color: #6b7280;
    font-size: 14px;
    margin-bottom: 10px;
}

.custom-tooltip-card h3{
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.tooltip-growth{
    color: #0b8a60;
    margin-top: 10px;
    font-size: 14px;
	 font-weight: 600;
}

#marketChart{
    width:100%;
   
}

.description-container{
	background-color: #f5f6f7;
	border-radius: 10px;
}

.c-description{
	color: var(--primary-color);
	font-size: 13px;
	font-weight: 500;
}

.market-paragraph-08{
	color: #039c5c;
	font-weight: 500;
}

.market-paragraph-09{
	color: var(--headings-color);
	font-size: 15px;
	font-weight: 600;
}

.progress-bar{
	background-color: #039c5c !important;
}

.progress{
	margin: -10px 0px 25px 0px !important;
	height: 10px !important;
}



.card-container-block {
	background-color: var(--secondary-color);
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	height: 100%;
}


.owl-carousel12 .owl-nav button.owl-prev, .owl-carousel12 .owl-nav button.owl-next{
	display: none !important;
}

.diamond-container{
	background-color: var(--transparent-black-color);
	border-radius: 10px;
}

.gem-icon{
	color: var(--new-color);
	font-size: 28px;
	margin-right: 12px;
}

.new-community-paragraph-01{
	color: var(--secondary-color);
	font-size: 17px;
}

.new-span{
	font-size: 18px;
	font-weight: 600;
}

.new-community-paragraph-02{
	color: var(--secondary-color);
	font-size: 16px;
	line-height: 28px;
}

.upgrade-btn{
	background-color: var(--new-color);
	border: 0px;
	border-radius: 7px;
	color: var(--secondary-color);
	width: 100%;
	height: 45px;
}

.community-paragraph-03{
	color: var(--headings-color);
	font-size: 15px;
	font-weight: 500;
}

.insta-navigation-box{
    background: #fff;
    border-radius: 10px;
    box-shadow:
        0 2px 8px rgba(0,0,0,0.05),
        0 8px 24px rgba(0,0,0,0.05);
}

.new-span-btn{
	color: var(--new-color);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	margin-top: -3px;
}

.new-filter-btn{
	background-color: transparent;
	border: 1px solid var(--border-color);
	width: 110px;
	height: 35px;
	font-size: 15px;
	font-weight: 600;
	 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
	 border-radius: 5px;
}

.nview-profile-paragraph{
	color: var(--headings-color);
	font-size: 14px;
	font-weight: 600;
	margin-top: -15px;
}

.new-community-paragraph-04{
	font-size: 15px;
	font-weight: 500;
	line-height: 25px;
}

.new-href{
	color: #0B5ED7;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
}


.new-image-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}


/* Top Left */
.top-left-text {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--primary-color);
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
}

/* Top Right */
.top-right-text {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(0,0,0, 0.8);
    color: var(--secondary-color);
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
}

.bottom-left-text {
    position: absolute;
    bottom: 15px;
    left: 15px;
    background: rgba(0,0,0, 0.8);
    color: var(--secondary-color);
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
}


.new-play-button{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background: var(--secondary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s ease;
}

.new-insights-box{
	background-color: #f6f6f6;
	border-radius: 10px;
}

.new-insights-paragraph{
	color: var(--primary-color);
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}

.inside-box{
	background-color: var(--secondary-color);
	border-radius: 5px;
	height: 100%;
}

.new-building-icon{
	font-size: 40px;
	margin-right: 13px;
}

.new-statics-heading{
	font-size: 25px;
	font-weight: 600;
}

.new-statics-paragraph-01{
	font-size: 15px;
	font-weight: 500;
}

.new-statics-paragraph-02{
	color: var(--headings-color);
	font-size: 15px;
	font-weight: 500;
	margin-top: -10px;
}

.new-icon-container{
	background-color: #f2f3f5;
	width: 35px;
	height: 35px;
	border-radius: 50px;
	margin-right: 12px;
}



.new-icon-01{
	color: var(--primary-color);
	font-size: 15px;
}


.new-icon-container01{
	background-color: #fcf8f3;
	width: 24px;
	height: 24px;
	border-radius: 8px;
	margin-right: 15px;
}

.new-icon{
	color: var(--new-color);
	font-size: 14px;
}

.new-guide-paragraph-05{
	color: #8f93ab;
	font-size: 14px;
	font-weight: 600;
}

.new-drop-btn{
	
	border: 1px solid  #f2f2fa!important;
	font-size: 14px !important;
	font-weight: 600 !important;
}

.graph-container{
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	height: 100%;
}

.graph-paragraph01{
	color: var(--primary-color);
	font-size: 14px;
	font-weight: 600;
}
.graph-heading{
	color: #00d26a;
	font-size: 20px;
	font-weight: 700;
}

.graph-heading01{
	font-size: 20px;
	font-weight: 700;
}

.graph-paragraph02{
	color: #5f5f5f;
	font-size: 13px;
	font-weight: 600;
}

.new-graph-image{
	width: 60%;

}

.new-span02{
	color: #00d26a;
	font-weight: 700;
}



.graph-btn{
	background-color: #f3f4f6;
	border-radius: 5px;
	width: 100%;
	height: 35px;
	border: 0px;
	font-size: 14px;
	font-weight: 600;
}

.new-image-wrapper-btn{
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--primary-color);
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
	 border: 0px;
}

.top-right-text01 {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(0,0,0, 0.8);
    color: var(--secondary-color);
    padding: 6px 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
	 cursor: pointer;
}

.bottom-left-text-01 {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: var(--secondary-color);
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
}

.invite-box{
	background: linear-gradient(
    135deg,
    #FBFAF8 0%,
    #F8F2EB 35%,
    #F5E8DB 70%,
    #F9F6F2 100%
);
border-radius: 10px;
}

.invite-btn{
	background-color: var(--new-color);
	width: 130px;
	height: 40px;
	border-radius: 5px;
	border: 0px;
	color: var(--secondary-color);
	font-weight: 600;
}

.user-image{
	width: 100%;
}

.owl-nav-item-box-container{
	background-color: #f2f3f5;
	border-radius: 10px;
}

.owl-image{
	width: 50px !important;
	height: 50px !important;
	margin-right: 10px !important;
	border-radius: 50px !important;
}

.owl-agent-name{
	color: var(--primary-color);
	font-size: 15px;
	font-weight: 600;
	margin-right: 10px;
}

.owl-check-image {
	width: 15px !important;
	height: 15px !important;
	margin-top: 3px;
}

.owl-profile-paragraph{
	color: var(--headings-color);
	font-size: 13px;
	font-weight: 600;
	margin-top: -13px;
}

.owl-follow-btn{
	width: 100%;
	height: 40px;
	border-radius: 7px;
	border: 1px solid var(--border-color);
	font-size: 15px;
	font-weight: 600;
	background-color: #fefefe;
}

.owl-apartment-image{
	width: 100%;
	border-radius: 5px;
}

.owl-top-left-text {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--primary-color);
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
}


.calendar-container {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	 border-radius: 5px;
	 background-color: transparent;
	 margin-right: 12px;
	 width: 70px;
	 height: 80px;
}

.month-name{
	font-size: 13px;
	text-align: center;
	font-weight: 500;
	padding-top: 15px;
}

.month-date{
	font-size: 22px;
	text-align: center;
	font-weight: 600;
	margin-top: -15px;
}

.event-heading{
	font-size: 14px;
	font-weight: 600;
}

.event-name{
	color: #8f939f;
	font-size: 13px;
	font-weight: 600;
	margin-top: -8px;
}

.saving-container{
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	width: 32px;
	height: 32px;
	border-radius: 25px;
	margin-top: 50px;
}

.event-save-icon{
	color: #8f939f;
	font-size: 14px;
}

.new-paragraph05{
	color: var(--new-color);
	font-size: 14px;
	font-weight: 600;
	padding: 7px 14px;
	background-color: transparent;
	border: 1px solid #f3f4f5;
	border-radius: 50px;
	cursor: pointer;
}

.list-group button{
	border: none !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: var(--primary-color) !important;
}

.list-group-item.active, .list-group-item.active .notification-bg{
	background-color: #fcf8f3 !important;
	color: var(--new-color) !important;
	font-weight: 600 !important;
}

.saved-box{
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	border-radius: 5px;
	height: 100%;
	width: 50%;
}

.saving-container01{
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	width: 32px;
	height: 32px;
	border-radius: 25px;
}

.saved-post-count{
	text-align: center;
	font-size: 22px;
	font-weight: 600;
}

.saved-stauts{
	color: #8f939f;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	margin-top: -15px;
}

.saved-image{
	width: 90px;
	height: 105px;
	border-radius: 5px;
	margin-right: 12px;
}

.saved-post-name{
	font-size: 14px;
	font-weight: 600;
}

.saved-post-location{
	color: #8f939f;
	font-size: 13px;
	font-weight: 600;
	margin-top: -15px;
}

.saved-post-price{
	color: var(--primary-color);
	font-size: 15px;
	font-weight: 600;
	margin-top: -12px;
}

.line05{
	width: 25px;
	height: 2px;
	background-color: var(--new-color);
	margin-bottom: 12px;
}

.baytac-download-app{
	width: 95%;
	border-radius: 3px;
	cursor: pointer;
}

.favourite-container{
	background-color: #f2f3f5;
	width: 32px;
	height: 32px;
	border-radius: 35px;
}

.heart-icon02{
	color: #ff0000;
}

.favorite-card-container-paragraph {
	font-size: 15px;
	color: var(--headings-color);
	font-weight: 500;
	line-height: 26px;
	margin-top: -10px;
}

.favorite-card-container-paragraph01 {
	font-size: 15px;
	color: var(--headings-color);
	font-weight: 500;
	line-height: 26px;
}

.favorite-profile-btn{
	background-color: transparent;
	border: 1px solid var(--new-color);
	width: 100%;
	height: 45px;
	border-radius: 10px;
	color: var(--new-color);
	font-weight: 500;
}

.hert-icob{
	color: var(--new-color);
}

.nparagraph05{
	color: var(--primary-color);
	font-size: 15px;
	font-weight: 700;
}

.nparagraph01{
	color: var(--new-color);
	font-size: 15px;
	font-weight: 700;
}

.new-href01{
	color: #0B5ED7;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
}

.tags-section{
	margin-top: -15px !important;
}

.new-community-paragraph-040{
	font-size: 15px;
	font-weight: 500;
	line-height: 25px;
	margin-top: -10px;
}

.saved-image-01{
	width: 90px;
	height: 90px;
	border-radius: 5px;
	margin-right: 12px;
}

.mobile-section{

    width:35%;
    display:flex;
    justify-content:center;
    align-items:flex-end;

}

.mobile-app-image{
	width: 100%;
}

.content-section{
    width:65%;
}

.c-image{
	border-radius: 5px;
	margin-bottom: 5px;
}

.favorite-project-heading{
	font-size: 14px;
	font-weight: 600;
}

.favorite-project-paragraph{
	color: #8f939f;
	font-size: 13px;
	margin-top: -13px;
	font-weight: 500;
}


@media screen and (min-width: 1400px){
	.insta-navigation-box01{
    background: #fff;
    border-radius: 10px;
    box-shadow:
        0 2px 8px rgba(0,0,0,0.05),
        0 8px 24px rgba(0,0,0,0.05);
	width: 16%;
	margin-bottom: 5px;
}

.insta-image-wrapper{
	position: relative;
	width: 35%;
	margin-right: 12px;
}

.insta-content-wrapper{
	width: 63%;
}



.insta-navigation-box02{
    background: #fff;
    border-radius: 10px;
    box-shadow:
        0 2px 8px rgba(0,0,0,0.05),
        0 8px 24px rgba(0,0,0,0.05);
	width: 24%;
	margin-bottom: 5px;
}

}



@media screen and (max-width: 1400px){
	.insta-navigation-box01{
    background: #fff;
    border-radius: 10px;
    box-shadow:
        0 2px 8px rgba(0,0,0,0.05),
        0 8px 24px rgba(0,0,0,0.05);
	width: 48%;
	margin-bottom: 10px;
}

.insta-image-wrapper{
	position: relative;
	width: 100%;
	margin-right: 12px;
}

.insta-content-wrapper{
	width: 100%;
}

.insta-navigation-box02{
    background: #fff;
    border-radius: 10px;
    box-shadow:
        0 2px 8px rgba(0,0,0,0.05),
        0 8px 24px rgba(0,0,0,0.05);
	width: 48%;
	margin-bottom: 5px;
}

}


@media screen and (min-width: 1024px) and (max-width: 1400px){
	.insta-navigation-box01{
    background: #fff;
    border-radius: 10px;
    box-shadow:
        0 2px 8px rgba(0,0,0,0.05),
        0 8px 24px rgba(0,0,0,0.05);
	width: 15.9%;
	margin-bottom: 5px;
}

.insta-image-wrapper{
	position: relative;
	width: 35%;
	margin-right: 12px;
}

.insta-content-wrapper{
	width: 63%;
}

.insta-navigation-box02{
    background: #fff;
    border-radius: 10px;
    box-shadow:
        0 2px 8px rgba(0,0,0,0.05),
        0 8px 24px rgba(0,0,0,0.05);
	width: 24%;
	margin-bottom: 5px;
}

}




.insta-color-box01{
	background-color: #fbf0e3;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.insta-color-box02{
	background-color: #ebf6ed;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.insta-color-box03{
	background-color: #eae9ea;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.insta-color-box04{
	background-color: #ecf3fe;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.color-box-icon{
	color: var(--new-color);
	font-size: 18px;
}

.color-box-icon01{
	color: var(--button-green-color);
	font-size: 18px;
}

.color-box-icon02{
	color: var(--primary-color);
	font-size: 18px;
}

.color-box-icon03{
	color: #0B5ED7;
	font-size: 18px;
}

.insta-box-number{
	font-size: 28px;
	font-weight: 600;
}

.insta-community-paragraph-03{
	color: var(--headings-color);
	font-size: 14px;
	font-weight: 500;
	margin-top: -5px;
}

  .card01 {
    display: flex;
    align-items: stretch;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    width: 100%;
    padding: 10px;
    gap: 20px;
	 flex-direction: row;
	 margin-bottom: 15px;
  }
 
  
  .card__image {
    position: relative;
    flex: 0 0 350px;
    height: 300px;
    border-radius: 5px;
    overflow: hidden;
    background: #f8f8f8;
  }

.card__image01 {
    position: relative;
    flex: 0 0 350px;
    height: 200px;
    border-radius: 5px;
    overflow: hidden;
    background: #f8f8f8;

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

.card__image01 .add-image {
    width: 50%;
    height: 50%;
    object-fit: contain;
	 cursor: pointer;
}



  .h-icon{
	color: var(--headings-color);
  }
 
  .card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
 
  .badge-sale {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #ffffff;
    color: #111827;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;
    padding: 5px 12px;
    border-radius: 5px;
  }
 
  .badge-fav {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
	 color: #ff0000;
	 cursor: pointer;
  }
 

 
 
  .card__content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 4px 0;
  }
 
  .title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6px;
  }
 
  .location {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--headings-color);
    font-size: 14px;
    margin: 5px 0px 14px 0px;
	 font-weight: 500;
  }
 
 
  .specs {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 16px;
    flex-wrap: wrap;
  }
 
  .specs span {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    color: var(--headings-color);
    font-weight: 500;
  }
 
 
 
  .price {
    font-size: 20px;
    font-weight: 700;
    margin-top: 12px;
  }
 

  .updated {

    color: var(--headings-color);
    font-size: 15px;
	 font-weight: 500;
  }

 
  .stats {
    display: flex;
    align-items: center;
    background: #f8f8f8;
    border-radius: 10px;
    padding: 12px 0;
    margin-top: auto;
	 flex-wrap: wrap !important;
  }
 
  .stats .stat {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    position: relative;
  }
 
  .stats .stat:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 4px;
    bottom: 4px;
    width: 1px;
    background: #e5e7eb;
  }
 
  .stat-value {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
  }
 
  .stat-value svg {
    width: 15px;
    height: 15px;
    color: var(--primary-color);
  }
 
  .stat-label {
    font-size: 14px;
    color: var(--headings-color);
	 font-weight: 500;
  }
 
  
  .card__actions {
    flex: 0 0 140px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
 
  .actions__top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: auto;
  }
 
  .badge-published {
    background: #d1fae5;
    color: var(--button-green-color);
    font-size: 12px;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 999px;
  }

    .badge-published01 {
    background: var(--border-color);
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 999px;
  }
 
  .menu-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #e5e7eb;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    font-size: 16px;
    cursor: pointer;
    line-height: 1;
  }
 
  .buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 12px;
  }
 
  .btn03 {
    width: 100%;
    padding: 9px 0;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border: 1.5px solid var(--headings-color);
    background: var(--secondary-color);
    color: var(--primary-color);
    transition: background 0.15s ease;
  }
 
  .btn-promote {
    background-color: var(--new-color);
    color: #fff;
	 width: 100%;
    padding: 9px 0;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
	 border: 0px;
  }
 
  .btn-promote:hover {
    background: #b45309;
  }
 
  
  @media (max-width: 720px) {
    .card01 {
      flex-wrap: wrap;
      gap: 16px;
    }
 
    .card__image, .card__image01 {
      flex: 1 1 100%;
      height: 200px;
      order: 1;
    }
 
    .card__actions {
      order: 2;
      flex: 1 1 100%;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
		flex-wrap: wrap !important;
    }
 
    .actions__top {
      margin-bottom: 0;
    }
 
    .card__content {
      order: 3;
      flex: 1 1 100%;
    }
 
    .buttons {
      flex-direction: row;
      width: auto;
      flex: 0 0 auto;
    }
 
    .btn03, .btn-promote {
      width: auto;
      padding: 8px 16px;
    }
  }
 
  @media (max-width: 420px) {
    .card01 {
      padding: 12px;
    }
 
    .card__actions {
      flex-wrap: wrap !important;
      row-gap: 10px;
    }
 
    .buttons {
      width: 100%;
    }
 
    .specs {
      gap: 12px;
    }
 
    .title {
      font-size: 16px;
    }
 
    .price {
      font-size: 19px;
    }
  }

.graph-increase-image{
	width: 100%;
	margin-top: -15px;
}

.top-perform-image{
	width: 120px;
	height: 90px;
	border-radius: 5px;
	margin-right: 12px;
}

.social-box01{
	background-color: #f6f6f7;
	border-radius: 10px;
}

.social-headset{
	font-size: 45px;
	margin-right: 15px;
}

.l-chat-btn01{
	border-radius: 10px;
	width: 190px;
	height: 45px;
	color: var(--primary-color);
	background-color: #fefefe;
	font-size: 15px;
	font-weight: 600;
	border: 0px;
}

.l-chat-btn010{
	border-radius: 10px;
	width: 190px;
	height: 45px;
	color: var(--primary-color);
	background-color: var(--secondary-color);
	font-size: 15px;
	font-weight: 600;
	border: 1px solid var(--border-color);
}

.social-color-box{
	background-color: #17222a;
	border-radius: 10px;
}

.color-heading{
	font-weight: 600;
	color: var(--secondary-color);
	font-size: 15px;
}

.color-paragraph{
	font-size: 15px;
	color: var(--secondary-color);
}

.prompt-btn{
	border-radius: 5px;
	width: 160px;
	height: 40px;
	color: var(--secondary-color);
	background-color: var(--new-color);
	font-size: 15px;
	font-weight: 600;
	border: 0px;
}

.r-image{
	width: 100%;
}

.listing-paragraph-01{
	font-size: 15px;
	font-weight: 700;
	padding-top: 3px;
}

.listing-heading-01{
	font-size: 30px;
	font-weight: 700;
}

.listing-color-box01{
	background-color: #ebf6ed;
	width: 30px;
	height: 30px;
	border-radius: 10px;
	margin: 0px 10px 10px 0px;
}

.listing-icon-01{
	font-size: 14px;
	color: #00754b;
}

.listing-color-box02{
	background-color: #fbf0e3;
	width: 30px;
	height: 30px;
	border-radius: 10px;
	margin: 0px 10px 10px 0px;
}

.listing-icon-02{
	font-size: 14px;
	color: var(--new-color);
}

.listing-color-box03{
	background-color: #e2effe;
	width: 30px;
	height: 30px;
	border-radius: 10px;
	margin: 0px 10px 10px 0px;
}

.listing-icon-03{
	font-size: 14px;
	color: #0B5ED7;
}



  .table-card{
    max-width:1100px;
    margin:0 auto;
    background:#ffffff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 1px 2px rgba(16,24,40,0.04);
  }
 
  /* Header row (desktop/tablet only) */
  .listing-header{
    display:grid;
    grid-template-columns: 3.2fr 1.4fr 1.3fr 0.7fr 0.7fr 1.1fr;
    align-items:center;
    padding:14px 24px;
    border-bottom:1px solid #eef0f3;
  }
 
  .listing-header span{
    font-size:12px;
    font-weight:600;
    letter-spacing:0.04em;
    color:#8a94a6;
    text-transform:uppercase;
  }
 
  .col-actions{ text-align:right; padding-right:8px; }
 
  /* Row */
  .listing-row{
    display:grid;
    grid-template-columns: 3.2fr 1.4fr 1.3fr 0.7fr 0.7fr 1.1fr;
    align-items:center;
    padding:18px 24px;
    border-bottom:1px solid #eef0f3;
  }
  .listing-row:last-child{ border-bottom:none; }
 
  /* Property column */
  .property-cell{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
  }
 
  .property-thumb{
    width:88px;
    height:80px;
    border-radius:8px;
    object-fit:cover;
    flex-shrink:0;
    background:#e4e6ea;
  }
 
  .property-info{ min-width:0; }
 
  .property-title{
    font-size:15px;
    font-weight:700;
    line-height:1.35;
    color:#1a2233;
    margin:0 0 4px 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
 
  .property-location{
    font-size:13px;
    color:#8a94a6;
    margin:0 0 6px 0;
	 font-weight: 600;
  }
 
  .property-specs{
    font-size:12.5px;
    color:#8a94a6;
    display:flex;
    align-items:center;
    gap:2px;
    white-space:nowrap;
	 font-weight: 600;
  }
 

 
  /* Price column */
  .price-cell .price01{
    font-size:14px;
    font-weight:700;
    color:#1a2233;
    margin:0 0 2px 0;
  }
  .price-cell .price-sub{
    font-size:12.5px;
    color:#8a94a6;
    margin:0;
	 font-weight:600;
  }
 
  /* Status column */
  .status-badge{
    display:inline-block;
    background:#e5f6ea;
    color:#1f9d55;
    font-size:12px;
    font-weight:700;
    padding:4px 12px;
    border-radius:5px;
    margin-bottom:6px;
  }
  .status-sub{
    font-size:12px;
    color:#8a94a6;
    line-height:1.4;
	 font-weight:700;
  }

  .status-badge01{
    display:inline-block;
    background:#fdf4e8;
    color:var(--new-color);
    font-size:12px;
    font-weight:700;
    padding:4px 12px;
    border-radius:5px;
    margin-bottom:6px;
  }
   .status-badge02{
    display:inline-block;
    background:#f7f8fa;
    color:var(--primary-color);
    font-size:12px;
    font-weight:700;
    padding:4px 12px;
    border-radius:5px;
    margin-bottom:6px;
  }
 
  /* Views / Leads */
  .stat-number{
    font-size:14px;
    font-weight:700;
    color:#1a2233;
  }
 
  /* Actions */
  .actions-cell{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
  }
 
  .btn-edit{
    font-size:13px;
    font-weight:600;
    color:#1a2233;
    background:#ffffff;
    border:1px solid #dfe3ea;
    border-radius:7px;
    padding:7px 18px;
    cursor:pointer;
  }
  .btn-edit:hover{ background:#f7f8fa; }
 
  .btn-more{
    width:32px;
    height:32px;
    border-radius:7px;
    border:1px solid #dfe3ea;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:#1a2233;
    flex-shrink:0;
  }
  .btn-more:hover{ background:#f7f8fa; }
 
  .btn-more svg{ width:16px; height:16px; }
 
  /* Mobile-only stacked meta row (hidden by default, shown via media query) */
  .row-meta{
    display:none;
    flex-wrap:wrap;
    gap:10px 24px;
    padding-top:4px;
    border-top:1px solid #eef0f3;
    margin-top:2px;
  }
 
  .meta-block{
    min-width:90px;
  }
 
  .meta-label{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:0.04em;
    color:#8a94a6;
    font-weight:600;
    margin-bottom:4px;
  }
 
  /* ============ RESPONSIVE ============ */
 
  /* Tablet: tighten columns and spacing */
  @media (max-width: 900px){
    .listing-header{
      grid-template-columns: 2.6fr 1.2fr 1.1fr 0.6fr 0.6fr 1fr;
      padding:12px 16px;
    }
    .listing-row{
      grid-template-columns: 2.6fr 1.2fr 1.1fr 0.6fr 0.6fr 1fr;
      padding:16px;
    }
    .property-thumb{ width:72px; height:56px; }
    .property-title{ font-size:14px; }
  }
 
  /* Mobile: switch to stacked card layout, pure CSS (no JS) */
  @media (max-width: 680px){
    body{ padding:12px; }
 
    .listing-header{ display:none; }
 
    .listing-row{
      display:flex;
      flex-direction:column;
      align-items:stretch;
      gap:12px;
      padding:16px;
    }
 
    .property-cell{ gap:12px; }
 
    .property-thumb{
      width:96px;
      height:72px;
    }
 
    /* hide the desktop grid-column cells that don't fit stacked layout */
    .price-cell,
    .status-cell,
    .stat-number{
      display:none;
    }
 
    .row-meta{
      display:flex;
    }
 
    .actions-cell{
      justify-content:flex-start;
      padding-top:4px;
    }
 
    .btn-edit{ flex:1; text-align:center; }
  }





   .wrapper { display: flex; flex-direction: row;  align-items: center; gap: 15px; flex-wrap: wrap;  }
  .chart-box { position: relative; width: 120px; height: 120px; flex-shrink: 0; }
    .legend { display: flex; flex-direction: column; gap: 16px; }
  .legend-item { display: flex; align-items: center; gap: 10px; }
  .dot { width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0; }
  .label { font-size: 14px; font-weight: 600; color: var(--primary-color); min-width: 100px; }
  .value { font-size: 14px; color: var(--headings-color); font-weight: 600; }

.notification-bg-01{
	background-color: #f2f3f5;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 20px;
	font-size: 11px;
	margin-left: 5px;
}









  .app{
    width:100%;
    display:flex;
    overflow:hidden;
  }
 
  /* ============ SIDEBAR ============ */
  .chatsidebar{
    width:340px;
    flex-shrink:0;
    border-right:1px solid #EDEEF1;
    overflow-y:auto;
    background:#fff;
  }
 
  .chat-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:16px 18px;
    border-bottom:1px solid #EDEEF1;
    cursor:pointer;
    position:relative;
    transition:background .15s ease;
  }
  .chat-item:hover{ background:#FAFAFB; }
  .chat-item.active{ background:#F7F7F8; }

  .avatar-wrapper{
    position: relative;
    display: inline-block;
    width: 44px;
    height: 44px;
}
 
  .avatar{
    width:44px;
    height:44px;
    border-radius:50%;
    flex-shrink:0;
	 border: 2px solid var(--new-color);
	 display: block;
  }

    .avatar01{
    width:44px;
    height:44px;
    border-radius:50%;
    flex-shrink:0;
	
  }

  .headerAvatar{
	border: 0px !important;
  }
 
  .chat-item-body{
    flex:1;
    min-width:0;
  }
 
  .chat-item-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
  }
 
  .chat-item-name{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:14.5px;
    font-weight:600;
    color:#1F2430;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
 
  .online-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#22C55E;
    flex-shrink:0;
  }

   .online-dot-01{
    position: absolute;
    width: 10px;
    height: 10px;
    background: #22C55E;
    border-radius: 50%;
    border: 2px solid #fff;   /* white ring like the screenshot */
    bottom: 2px;
    right: 1px;
    z-index: 10;
}
 
  .chat-item-time{
    font-size:12px;
    color: var(--primary-color);
    flex-shrink:0;
	 font-weight: 600;
  }
 
  .chat-item-preview{
    font-size:14px;
    color: var(--headings-color);
    margin-top:4px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height: 26px;
    padding-right:14px;
	 font-weight: 600;
  }
 
 .unread-dot{
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--new-color);
    color: var(--secondary-color);
    font-size: 10px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
	 margin-top: 20px;
}
 
  /* ============ CHAT PANEL ============ */
  .chat-panel{
    flex:1;
    display:flex;
    flex-direction:column;
    min-width:0;
    background:#fff;
  }
 
  .chat-header{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 22px;
    border-bottom:1px solid #EDEEF1;
    flex-shrink:0;
  }
 
  .back-btn{
    display:none;
    background:none;
    border:none;
    font-size:20px;
    color:#1F2430;
    cursor:pointer;
    padding:0 4px 0 0;
  }
 
  .chat-header-info{
    flex:1;
    min-width:0;
  }
 
  .chat-header-name{
    font-size:15px;
    font-weight:700;
    color:#1F2430;
  }
 
  .chat-header-sub{
    font-size:12.5px;
    color:#6B7280;
    margin-top:2px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
 
  .chat-header-icons{
    display:flex;
    align-items:center;
    gap:18px;
    color:#A6ABB4;
    flex-shrink:0;
  }
  .chat-header-icons svg{ width:19px; height:19px; display:block; cursor:pointer; }
  .chat-header-icons svg:hover{ color:#1F2430; }
 
  .chat-body{
    flex:1;
    overflow-y:auto;
    padding:18px 22px 22px;
  }
 
  /* ---------- Property card ---------- */
  

  .property-chat-image{
	width: 120px;
	height: 120px;
	border-radius: 10px;
	margin-right: 12px;
  }

  .property-chat-name{
	font-size: 15px;
	font-weight: 700;
  }

  .property-chat-location{
	color: var(--headings-color);
	font-size: 14px;
	font-weight: 600;
	margin-top: -10px;

  }

  .property-price-heading{
	font-size: 15px;
	font-weight: 600;
	margin-top: -8px;
  }

  .chat-property-btn{
	background-color: transparent;
	border: 1px solid var(--border-color);
	width: 45%;
	height: 43px;
	border-radius: 10px;
	color: var(--primary-color);
	font-weight: 600;
	margin-top: 5px;
  }












 
  /* ---------- date divider ---------- */
  .date-divider{
    text-align:center;
    font-size:12px;
    color:#8A8F98;
    margin:20px 0;
    position:relative;
  }
 
  /* ---------- messages ---------- */
  .message-row{
    display:flex;
    align-items:flex-end;
    gap:8px;
    margin-bottom:18px;
    max-width:80%;
  }
  .message-row.incoming{ margin-right:auto; }
  .message-row.outgoing{ margin-left:auto; flex-direction:row-reverse; }
 
  .msg-avatar{
    width:30px;
    height:30px;
    border-radius:50%;
    flex-shrink:0;
    background-size:cover;
    background-position:center;
  }
 
  .message-content{ display:flex; flex-direction:column; }
  .message-row.outgoing .message-content{ align-items:flex-end; }
 


 
  .msg-meta{
    font-size:11px;
    color:#8A8F98;
    margin-top:5px;
    display:flex;
    align-items:center;
    gap:4px;
  }
  .msg-meta svg{ width:13px; height:13px; color:#5AA9E6; }
 
  /* ============ RESPONSIVE ============ */
 
  /* Tablet */
  @media (max-width: 1023px){
    body{ padding:0; }
    .app{
      max-width:100%;
      height:100vh;
      border-radius:0;
      box-shadow:none;
    }
    .chatsidebar{ width:270px; }
    .chat-item{ padding:14px; }
    .property-card{ max-width:100%; }
  }
 
  /* Mobile */
  @media (max-width: 700px){
    .app{
      position:relative;
      overflow:hidden;
    }
    .chatsidebar{
      width:100%;
      border-right:none;
    }
    .chat-panel{
      position:absolute;
      inset:0;
      transform:translateX(100%);
      transition:transform .25s ease;
      background:#fff;
    }
    .app.show-chat .chatsidebar{ display:none; }
    .app.show-chat .chat-panel{ transform:translateX(0); }
    .back-btn{ display:inline-flex; align-items:center; }
    .chat-header{ padding:12px 16px; }
    .chat-body{ padding:14px 16px 18px; }
    .message-row{ max-width:88%; }
    .chat-header-icons{ gap:12px; }
  }

  .chat-message-received-container01{
	background-color: #fcf8f3;
	border-radius: 10px;
	padding: 10px 10px 1px 10px;
	margin-bottom: 5px;
}

.message-chat01-description{
	color: var(--primary-color);
	font-size: 15px;
	font-weight: 500;
}

.pdf-icon{
	color: #ff0000;
	font-size: 35px;
	margin-right: 10px;
}

.pdf-name{
	font-size: 14px;
	font-weight: 600;
}

.pdf-size{
	color: var(--headings-color);
	font-size: 12px;
	font-weight: 600;
	margin-top: -10px;
}

.send-btn-plane{
    width:34px;
    height:34px;
    border:none;
    border-radius:8px;
    background: var(--new-color);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.send-btn-plane i{
    color: var(--secondary-color);
    font-size:13px;
}

.chat-icon-btn01{
	background-color: transparent;
	width: 40px;
	height: 40px;
	border-radius: 7px;
	border: 1px solid var(--border-color);
	margin-right: 12px;
}

.chat-icon-btn02{
	background-color: var(--new-color);
	width: 40px;
	height: 40px;
	border-radius: 7px;
	border: 0px;
	color: var(--icons-bg-color);
}

.chat-social-box{
	background-color: #fcf9f6;
	border-radius: 10px;
}

.chat-heading{
	text-align: center;
	font-weight: 600;
}

.chat-paragraph{
	text-align: center;
	font-size: 15px;
	line-height: 26px;
	margin-top: -10px;
}


.im-wrapper{
	position: relative;
}

.im-image{
	width:100%;
	height: 150px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.im-top-left-text {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--primary-color);
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
}

.im-wrapper-heading{
	font-size: 14px;
	font-weight: 600;
}

.im-wrapper-location{
	color: var(--headings-color);
	font-size: 12px;
	font-weight: 600;
	margin-top: -10px;
}

.im-wrapper-price{
	font-size: 16px;
	font-weight: 700;
	margin-top: -5px;
}

.im-wrapper-sold{
	color: var(--headings-color);
	font-size: 13px;
	font-weight: 600;
}

.im-top-left-text01 {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--new-color);
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
}

.read-paragraph {
	background-color: transparent !important;
	color: var(--headings-color) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	padding: 7px 15px !important;
	border: 0px !important;
}






  .notif-list {
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    overflow: hidden;
  }
 
  .notif-row {
    display: flex;
    align-items: flex-start;
    padding: 22px 24px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #EFEFEF;
    position: relative;
  }
 
  .notif-row:last-child {
    border-bottom: none;
  }
 
  .notif-row.unread {
    background-color: #FDF6EF;
  }
 
  /* Avatar */
  .avatarn-wrap {
    position: relative;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 16px;
  }
 
  .avatarn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
  }

  .avatar-icon-bg{
	 width: 48px;
    height: 48px;
    border-radius: 50%;
	 background-color: #EBF6ED;
  }

  .avtar-bell{
	color: #00754b;
	font-size: 22px;
  }

  .avatar-icon-bg01{
	 width: 48px;
    height: 48px;
    border-radius: 50%;
	 background-color: #fbf0e3;
  }

  .avtar-star{
	color: var(--new-color);
	font-size: 22px;
  }

  .avatar-icon-bg02{
	 width: 48px;
    height: 48px;
    border-radius: 50%;
	 background-color: #ecf3fe;
  }

  .avtar-at{
	color: #0B5ED7;
	font-size: 22px;
  }

  .avatar-icon-bg03{
	 width: 48px;
    height: 48px;
    border-radius: 50%;
	 background-color: #f6effe;
  }

  .avtar-gift{
	color: #a076ee;
	font-size: 22px;
  }

  .avtar-file{
	color: #ff0000;
	font-size: 22px;
  }

  .avatar-icon-bg04{
	 width: 48px;
    height: 48px;
    border-radius: 50%;
	 background-color: #f2faf2;
  }

  .avtar-up{
	color: #00d26a;
	font-size: 22px;
  }
 

 
  .heart-badge {
    position: absolute;
    bottom: -15px;
    right: -2px;
    width: 20px;
    height: 20px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 1px #FFFFFF;
	 font-size: 12px;
	 color: #ff0000;
  }
 
  
 
  /* Body content */
  .notif-body {
    flex: 1;
    min-width: 0;
    padding-right: 16px;
  }
 
  .notif-title-row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
  }
 
  .notif-title {
    font-size: 15px;
    font-weight: 600;
    color: #1A1A1A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
 
  .dot {
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #22C55E;
  }
 
  .notif-sub {
    font-size: 14px;
    color: var(--headings-color);
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: 1.4;
	 font-weight: 500;
  }
 
  .notif-sub svg {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
  }
 
  /* Right side */
  .notif-right {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
  }
 
  .notif-time {
    font-size: 13px;
    color: var(--headings-color);
    white-space: nowrap;
	 font-weight: 500;
  }
 
  .notif-action {
    display: flex;
    align-items: center;
    gap: 14px;
  }
 
  .icon-btn {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #B0B0B0;
  }
 
  .icon-btn svg {
    width: 100%;
    height: 100%;
  }
 
  .thumb {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
  }
 
  
 
  .view-profile-btn01 {
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 500;
    color: var(--primary-color);
    background-color: var(--secondary-color);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    white-space: nowrap;
    cursor: pointer;
	 font-weight: 600;

  }

    .notif-btn {
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 500;
    color: var(--new-color);
    background-color: #fbf0e3;
    border: 0px;
    border-radius: 6px;
    white-space: nowrap;
    cursor: pointer;
	 font-weight: 600;

  }
 
  .chevron {
    width: 8px;
    height: 14px;
    color: #B0B0B0;
    flex-shrink: 0;
  }
 
  /* ================= RESPONSIVE ================= */
 
  @media (max-width: 640px) {
    .notif-row {
      padding: 16px 16px;
    }
    .avatar-wrap {
      width: 40px;
      height: 40px;
      margin-right: 12px;
    }
    .avatar {
      width: 40px;
      height: 40px;
    }
    .notif-title {
      font-size: 14px;
    }
    .notif-sub {
      font-size: 13px;
    }
    .notif-time {
      font-size: 12px;
    }
    .thumb {
      width: 44px;
      height: 44px;
    }
    .view-profile-btn01, .notif-btn {
      padding: 6px 12px;
      font-size: 12px;
    }
    .notif-action {
      gap: 10px;
    }
  }
 
  @media (max-width: 420px) {
    .notif-row {
      flex-wrap: wrap;
    }
    .notif-body {
      padding-right: 8px;
    }
    .notif-title {
      white-space: normal;
    }
    .notif-right {
      align-items: flex-end;
    }
  }


    .chart-wrap {
    width: 100%;
    max-width: 400px;
  }
 
  .chart {
    display: flex;
    align-items: stretch;
  }
 
  /* Y axis labels */
  .y-axis {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 152px;
    padding-right: 10px;
    flex-shrink: 0;
  }
 
  .y-axis span {
    font-size: 13px;
    color: #A9ACB8;
    line-height: 1;
    transform: translateY(-6px);
  }
 
  /* Plot area */
  .plot {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 152px;
    border-left: 1px solid transparent;
  }
 
  .bar-col {
    display: flex;
    align-items: flex-end;
    height: 100%;
    flex: 1;
  }
 
  .bar {
    width: 17px;
    margin: 0 auto;
    background-color: #ED9A34;
    border-radius: 5px 5px 0 0;
  }
 
  /* X axis labels */
  .x-axis {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    padding-left: 34px;
  }
 
  .x-axis span {
    flex: 1;
    text-align: center;
    font-size: 13px;
    color: #A9ACB8;
  }
 
  @media (max-width: 420px) {
    .y-axis span, .x-axis span {
      font-size: 11px;
    }
    .bar {
      width: 13px;
    }
    .x-axis {
      padding-left: 26px;
    }
  }



  .saved-post-count01{
	
	font-size: 22px;
	font-weight: 600;
}

.saved-stauts01{
	color: #8f939f;
	font-size: 13px;
	font-weight: 600;
	margin-top: -15px;
}

.n-paragraph01{
	color: var(--primary-color);
	font-size: 15px;
	font-weight: 600;
}

.saved-post-location01{
	color: #8f939f;
	font-size: 13px;
	font-weight: 600;
	margin-top: -10px;
}

.saved-post-location02{
	color: #8f939f;
	font-size: 13px;
	font-weight: 600;
	margin-top: -5px;
}