*html,
body {
	overflow-x: hidden;
	width: 100%;
	max-width: 100%;
}


body {
	font-family: 'Inter';
	font-size: 16px;
}

::placeholder {
	font-size: 13px !important;
}

:root {
	--font-size-10: 12px;
	/* 10px / 16 = 0.625em */
	--font-size-11: 12px;
	/* 11px / 16 = 0.6875em */
	--font-size-12: 12px;
	/* 12px / 16 = 0.75em */
	--font-size-13: 13px;
	/* 13px / 16 = 0.8125em */
	--font-size-14: 14px;
	/* 14px / 16 = 0.875em */
	--font-size-15: 15px;
	/* 15px / 16 = 0.9375em */
	--font-size-16: 16px;
	/* 16px / 16 = 1em */
	--font-size-17: 17px;
	/* 17px / 16 = 1.0625em */
	--font-size-18: 18px;
	/* 18px / 16 = 1.125em */
	--font-size-19: 19px;
	/* 19px / 16 = 1.1875em */
	--font-size-20: 20px;
	/* 20px / 16 = 1.25em */
	--font-size-21: 21px;
	/* 21px / 16 = 1.3125em */
	--font-size-22: 22px;
	/* 22px / 16 = 1.375em */
	--font-size-23: 23px;
	/* 23px / 16 = 1.4375em */
	--font-size-24: 24px;
	/* 24px / 16 = 1.5em */
	--font-size-25: 25px;
	/* 25px / 16 = 1.5625em */
	--font-size-26: 26px;
	/* 26px / 16 = 1.625em */
	--font-size-27: 27px;
	/* 27px / 16 = 1.6875em */
	--font-size-28: 28px;
	/* 28px / 16 = 1.75em */
	--font-size-29: 29px;
	/* 29px / 16 = 1.8125em */
	--font-size-30: 30px;
	/* 30px / 16 = 1.875em */
	--font-size-35: 35px;
	/* 35px / 16 = 2.1875em */
}




p {
	font-size: 18px;
}

.top_navi .navbar-nav li a {
	font-size: 17px;
	font-weight: 500;
	color: #000924 !important;
	font-family: 'hvdtrial_brandon_textmedium';
	line-height: normal;
	padding-top: 10px;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

@media (max-width: 1400px) {
	.top_navi .navbar-nav li a {
		font-size: 14px;
	}
}

.top_navi .navbar-nav li a:hover {
	color: #FF6B2C !important;
}

.top_navi .navbar-nav li.button a {
	border: 1px solid #000924;
	border-radius: 25px;
	padding-left: 15px;
	padding-right: 15px;
}

.top_navi .navbar-nav li.login a {
	padding-right: 0 !important;
	position: relative;
}

.top_navi .navbar-nav li.login a::before {
	content: "";
	background-color: #000924;
	position: absolute;
	top: 10px;
	right: -11px;
	bottom: 10px;
	width: 1px;
}

.top_navi {
	min-height: 115px;
	background-color: #FFF !important;
}

.navbar-collapse {
	padding-top: 13px !important
}

.top_banner {
	background-color: #F3F3F3;
	padding-top: 44px;
	padding-bottom: 69px;
}

.top_banner .top_from {
	background-color: rgba(0, 0, 0, 0.60);
	padding: 44px;
	border-radius: 5px;
}

.top_banner .top_from .form-control {
	background-color: #FFF;
	border: 1px solid #D2D2D2;
	height: 54px;
	box-shadow: none;
	color: #3D3D3D;
}

.form_control_box {
	display: flex;
	background-color: #FFF;
	padding: 3px;
	border: 1px solid #D2D2D2;
	border-radius: 4px;
}





.multi-select {
	position: relative;
	width: 100%;
	border: 0px !important;

}

.dropdown-disp {
	width: 100%;
	height: 45px;
	border-radius: 5px;
	padding-left: 10px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #3D3D3D;
	position: relative;
	background-color: #fff;
	/* Optional: Matches select background */
}

.dropdown-disp::after {
	content: '';
	border-style: solid;
	border-width: 6px 5px 0 5px;
	/* Triangle shape */
	border-color: #333 transparent transparent transparent;
	/* Downward arrow */
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}


.dropdown-options {
	display: none;
	/* Initially hidden */
	position: absolute;
	top: 100%;
	width: 100%;
	max-height: 300px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #fff;
	overflow-y: auto;
	z-index: 10;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.dropdown-options.show {
	display: block;
	/* Display when toggled */
}

.option {
	padding: 8px 12px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.option:hover {
	background-color: #f1f1f1;
}

.option.selected::after {
	content: '✓';
	margin-left: 10px;
	color: green;
}

.option-primary {
	padding: 8px 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#country-list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	min-width: 240px;
	max-width: 500px;
	position: absolute;
	left: -15px;
	/* Shifted left to align with icon/start of the box */
	top: calc(100% + 8px);
	text-align: left;
	z-index: 999;
	border: 1px solid #dfe1e5;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	background-color: #fff;
	max-height: 300px;
	overflow-y: auto;
}

.hs-field {
	position: relative;
}

#country-list li {
	padding: 7px 15px;
	font-size: 15px;
	/* Increased font size */
	color: #202124;
	border-bottom: 1px solid #e8eaed;
	cursor: pointer;
	white-space: nowrap;
	/* Prevent wrapping */

}

#country-list li:last-child {
	border-bottom: none;
}

#country-list li:hover {
	background-color: #f1f3f4;
}

#country-list li:active {
	background-color: #e8f0fe;
}


.top_banner .top_from .form_control_box .form-control {
	border: none;
	border-right: 1px solid #DBDBDB;
	height: 46px;
	border-radius: 0;
}

.top_banner .top_from .form_control_box .form-control:last-child {
	border: none;
}

.search_box_button .form-control {
	width: calc(100% - 207px);
	float: left;
}

.top_from .row {
	margin-left: -4px;
	margin-right: -4px;
}

.top_from .row div[class*="col-"] {
	padding-left: 4px;
	padding-right: 4px;
}

.search_box_button button {
	width: 198px;
	background-color: #FF6B2C;
	color: #FFF;
	border: none;
	height: 54px;
	font-size: var(--font-size-16);
	font-weight: 500;
	border-radius: 5px;
	float: right;
}

.search_box_button button:hover {
	background-color: #f27646;
}

.search_box>.fa-regular {
	position: absolute;
	color: #000;
	top: calc(50% - 6px);
	left: 12px;
}

.search_box>.form-control {
	padding-left: 35px;
}

.search_box {
	position: relative;
	width: 100%;
	display: inline-block;
}

.title_h3 {
	font-size: var(--font-size-35);
	color: #000924;
	font-family: 'hvdtrial_brandon_textbold';
}

/*.city_list_outbox{display: flex;}*/
.city_list_outbox .city_list_box {
	/*	flex: 0 0 12.5%;
	max-width: 12.5%;*/
	text-align: center;
}

.city_list_outbox .city_list_box>img {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	display: inline-block;
}

.city_list_outbox .city_list_box>img:hover {
	opacity: 0.7;
	filter: grayscale(50%);
}


.city_list_outbox .city_list_box h5 {
	font-size: var(--font-size-14);
	font-weight: 500;
	margin-top: 40px;
}

.city_list {
	padding-top: 63px;
	padding-bottom: 40px;
}

.city_list .title_h3 {
	margin-bottom: 40px;
}

.new_listings {
	padding-top: 50px;
	padding-bottom: 40px;
}

.new_listings .title_h3 {
	margin-bottom: 28px;
}

.new_listings_bx {
	padding: 14px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	display: flex;
	margin-bottom: 27px;
}

.new_listings_bx .left {
	flex: 0 0 266px;
	max-width: 266px;
	margin-right: 34px;
}

.new_listings_bx .right {
	flex: 0 0 170px;
	max-width: 170px;
	align-self: end;
	padding-left: 35px;
}

.new_listings_bx .center {
	flex: 0 0 calc(100% - 476px);
	max-width: calc(100% - 476px);
}

/*--------Form label slide from placeholder

/* General styles */



label.error {
	color: #ff0000 !important;
	/* Error message text color */
	font-size: 13px !important;
	/* Font size for error messages */
	font-weight: 500 !important;
	text-transform: none !important;
	margin-top: 4px !important;
	display: block !important;
}

/* Error message styling */
.error-message {
	color: red;
	/* Text color for errors */
	font-size: 14px;
	/* Font size for better visibility */
	margin-top: 5px;
	/* Spacing between the field and error message */
}

/* Highlight invalid input fields */
.error-input {
	border-color: red !important;
	box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
}

.compact-contact-form {
	max-width: 100%;
	padding: 15px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.compact-contact-form .form-group {
	margin-bottom: 16px;
}

.compact-contact-form .icon-input {
	position: relative;
}

.compact-contact-form .input-icon {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0.7;
	font-size: 16px;
}

.compact-contact-form .form-control {
	width: 100%;
	padding: 10px 15px 10px 38px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	font-size: 15px;
	transition: all 0.2s;
}

.compact-contact-form .form-control:focus {
	border-color: #007bff;
	outline: none;
	box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}

.compact-contact-form textarea.form-control {
	padding: 12px 15px;
	min-height: 100px;
	resize: vertical;
}

.compact-contact-form .btn-primary {
	width: 100%;
	padding: 10px;
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.2s;
}

.compact-contact-form .btn-primary:hover {
	background-color: #0069d9;
}

.compact-contact-form .error-message {
	color: #dc3545;
	font-size: 14px;
	margin-top: 12.8px;
	padding: 6px 10px;
	background-color: #fff5f5;
	border-radius: 4px;
	border-left: 3px solid #dc3545;
}



@media (max-width: 768px) {
	.compact-contact-form {
		padding: 12px;
	}
}

.nav-item.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0;
	/* Optional: Adjust to align properly */
}


/*--------end form placeholder--- */

/*----------News listing--------*/

.news_gallery {
	padding: 50px 0;
}

.news_gallery .title_h3 {
	font-size: 24px;
	margin-bottom: 30px;
}

.news_item {
	background: #f9f9f9;
	padding: 20px;
	margin-bottom: 30px;
	border: 1px solid #ddd;
	border-radius: 8px;
	transition: box-shadow 0.3s ease;
	text-align: left;
}

.news_item img {
	margin-bottom: 15px;
	width: 100%;
	/* Set your desired width */
	height: 270px;
	/* Set your desired height */
	object-fit: cover;
	/* Ensures images fill the container while cropping excess */
	border-radius: 8px;
	/* Optional: for rounded corners */
	display: block;
	/* Ensures images behave as block elements */
	overflow: hidden;
	/* Ensures cropping happens cleanly */
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news_item img:hover {
	transform: scale(1.05);
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
}

.news_item h4 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #333;
}

.news_item p {
	font-size: 14px;
	color: #666;
	margin-bottom: 15px;
}

.news_item a.btn {
	background-color: #007bff;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	padding: 10px 20px;
	border-radius: 4px;
	text-decoration: none;
}

.news_item:hover {
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.news_item a.btn:hover {
	background-color: #0056b3;
}


.news-detail-content img {
	width: 100%;
	border-radius: 10px;
}

.news-title {
	font-size: 32px;
	font-weight: bold;
	color: #333;
}

.news-meta {
	font-size: 14px;
	color: #777;
}

.news-description {
	font-size: 16px;
	color: #555;
	line-height: 1.8;
}

.recent-news .section-title {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	border-bottom: 2px solid #e6e6e6;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.recent-news .news-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.recent-news .news-item {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 10px;
}

.recent-news .news-item:last-child {
	border-bottom: none;
}

.recent-news .news-image {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 8px;
}

.recent-news .news-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.recent-news .news-content {
	flex-grow: 1;
}

.recent-news .news-title a {
	font-size: 15px;
	color: #007bff;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.4;
}

.recent-news .news-title a:hover {
	text-decoration: underline;
}

.recent-news .news-desc {
	font-size: 14px;
	color: #666;
	margin: 5px 0 0;
	line-height: 1.4;
}


.breadcrumbs {
	background-color: #f8f9fa;
	padding: 10px 0px;
	border-radius: 5px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.breadcrumb {
	margin: 0;
	padding: 0;
	background-color: transparent;
}

.breadcrumb-item a {
	color: #007bff;
	text-decoration: none;
	font-size: 14px;
}



.breadcrumb-item a:hover {
	text-decoration: underline;
}

.breadcrumb-item.active {
	color: #6c757d;
	font-weight: bold;
	font-size: 14px;
}

.breadcrumbdet {
	padding: 10px 20px;
	font-weight: 400;
	font-size: 13px;


}

#searchInput {
	position: sticky;
	top: 0;
	background: #f9f9f9;
	z-index: 2;
	padding: 8px;
	box-sizing: border-box;
}



.breadcrumbdet a {
	color: #2863C2;
	text-decoration: none;
	font-weight: 400;
	transition: color 0.3s ease;
	font-size: 13px;
}

.breadcrumbdet a:hover {
	color: #1b4a94;
	/* Slightly darker blue on hover */
	text-decoration: underline;
}

.breadcrumbdet .separator {
	margin: 0 5px;
	font-weight: bold;
}




/*-------------end news listing-------------*/

.new_listings_bx .breadcrumb {
	font-size: var(--font-size-14);
	color: #525050;
	font-weight: 500;
}

.new_listings_bx .breadcrumb a {
	color: #535C68;
}

.new_listings_bx .breadcrumb li {
	padding: 0 2px;
}

.new_listings_bx h4 {
	font-size: var(--font-size-20);
	color: #0d6efd;
	font-weight: 600;
}

.new_listings_bx h4 a {
	color: #0a58ca;
	/* original blue */
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	/* remove underline if you like */
	transition: color .2s ease-in-out;
	/* smooth fade */
}

.new_listings_bx h4 a:hover {
	color: #0068ff !important;
	text-decoration: none !important
}

.new_listings_bx h6 {
	font-size: var(--font-size-14);
	color: #525050;
}

.price_tag {
	background-color: #FFE2D6;
	display: inline-block;
	font-size: 18px;
	color: #000924;
	font-weight: bold;
	padding: 0 13px;
	border-radius: 5px;
	margin-bottom: 20px;
	margin-top: 5px;
}

.new_listings_bx h5 {
	font-size: var(--font-size-14);
	color: #000924;
	font-weight: 500;
}

.new_listings_bx h5 span {
	font-size: var(--font-size-14);
	color: #77828E;
	font-weight: normal;
}

.new_listings_bx p {
	font-size: var(--font-size-15);
	color: #313647;
	font-weight: 500;
	margin-top: 18px;
	margin-bottom: 0px;
}



.listing-image {
	width: 100%;
	/* Set your desired width */
	height: 200px;
	/* Set your desired height */
	object-fit: cover;
	/* Ensures images fill the container while cropping excess */
	border-radius: 8px;
	/* Optional: for rounded corners */
	display: block;
	/* Ensures images behave as block elements */
	overflow: hidden;
	/* Ensures cropping happens cleanly */
}

.BusinessSummary {
	padding-top: 20px;
}

.BusinessSummary br {
	display: block;
	margin-bottom: 10px;
	/* Adjust as needed */
}

.detail-image {
	width: 100%;
	/* Set your desired width */
	height: 450px;
	/* Set your desired height */
	object-fit: cover;
	/* Ensures images fill the container while cropping excess */
	border-radius: 8px;
	/* Optional: for rounded corners */
	display: block;
	/* Ensures images behave as block elements */
	overflow: hidden;
	/* Ensures cropping happens cleanly */
}

.enquire_btn {
	background-color: #F7591F;
	font-size: var(--font-size-15);
	color: #FFF;
	border-radius: 5px;
	min-height: 35px;
	min-width: 96px;
	border: none;
}

.enquire_btn_blue {
	background-color: #016de4;
	font-size: var(--font-size-15);
	color: #FFF;
	border-radius: 5px;
	min-height: 35px;
	min-width: 96px;
	border: none;
}

.enquire_btn:hover,
enquire_btn-blue:hover,
.Subscribe_now_box .btn-light:hover,
.follow_links li a:hover {
	opacity: .7
}



.Subscribe_now_box {
	background-color: #597BAA;
	border-radius: 4px;
	text-align: center;
	padding: 43px 0;
}

.Subscribe_now_box h5 {
	font-size: var(--font-size-24);
	color: #FFF;
	font-weight: 500;
	margin-bottom: 35px;
}

.Subscribe_now_box .btn-light {
	font-size: var(--font-size-18);
	color: #2863C2;
	font-weight: 500;
	min-height: 50px;
}

.about_section h6 {
	margin: 0px 0 8px 0;
	padding: 0px;
	font-size: var(--font-size-16);
	color: #000924;
}

.about_section p {
	font-size: var(--font-size-15);
	color: #213960;
	font-weight: normal;
}

.about_section {
	padding-top: 56px;
	padding-bottom: 40px;
}

.about_section h3 {
	margin-bottom: 15px;
}

.footer {
	background-color: #213960;
	padding-bottom: 60px;
	padding-top: 70px;
}

.footer h5 {
	font-size: var(--font-size-14);
	color: #E4E9F2;
	font-weight: 500;
	margin-bottom: 12px;
}

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

ul.site_map li {
	margin: 0px;
}

ul.site_map li a {
	margin: 0px;
	font-size: var(--font-size-14);
	color: #A3B1CC;
	text-decoration: none;
}

.footer div[class*="col-"] {
	flex: 0 0 20%;
	max-width: 20%;
}

.footer p,
.footer p a {
	font-size: var(--font-size-14);
	color: #A3B1CC;
}

.footer p a {
	text-decoration: none;
	font-size: var(--font-size-16)
}

.Contact_info {
	padding: 8px 0 20px 0;
}

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

.follow_links li {
	float: left;
}

.follow_links {
	margin: 8px 0 0 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
}

.follow_links li a {
	float: left;
	background-color: #132F5E;
	color: #FFF;
	padding: 6px 12px;
}

.footer a:hover {
	text-decoration: underline;
}

.copy_right {
	display: flex;
	align-items: center;
}

.copy_right p {
	margin: 0px;
}

.copy_right ul {
	margin: 0px;
	padding: 0px 0 0 80px;
	list-style: none;
}

.copy_right ul li {
	float: left;
}

.copy_right ul li a {
	font-size: var(--font-size-14);
	color: #A3B1CC;
	text-decoration: none;
	padding: 0 15px;
}

.listing_screen {
	margin-left: 15%;
	margin-right: 15%;
}

.listing_screen .top_banner {
	background-color: transparent;
	padding-bottom: 25px;


}

.listing_screen .top_banner .top_from {
	background-color: transparent;
	padding: 0;
}

.busiess_tag {
	background-color: #F3F3F3;
	font-size: var(--font-size-14);
	color: #7A7F87;
	min-height: 56px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.filter_box {
	font-size: 14px;
	color: #000924;
	float: left;
	display: inline-flex;
	align-items: center;
	margin-bottom: 27px;
	width: 100%;
}

.filter_box .right {
	float: right;
	display: inline-flex;
	align-items: center;
	margin-left: auto;
	white-space: nowrap;
	color: #3D3D3D;
}

.filter_box .right .form-select {
	border: none;
	padding: 0;
	font-size: 14px;
	color: #3D3D3D;
	padding-right: 22px;
	background-position: 100% 6px;
	margin-left: 10px;

}

.new_listings .page-item:last-child .page-link {
	background-color: transparent;
	border: none;
	color: #828282;
}

.new_listings .page-item .page-link {
	color: #828282;
	font-size: 16px;
}

.new_listings .page-item.active .page-link {
	background-color: #FB5315;
	color: #FFF;
	border-color: #FB5315;
}

.datail_sidebar {
	border: 1px solid #DBDBDB;
	padding: 20px 20px 30px 20px;
	border-radius: 4px;
}

.datail_sidebar h5 {
	font-size: var(--font-size-14);
	color: #2863C2;
	font-weight: 500;
	margin-top: 15px;
}

/* Updated CSS for multiple agents */
.agent-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	/* Space between agent cards */
}

.user_info {
	position: relative;
	padding-left: 70px;
	min-height: 56px;
	margin-bottom: 20px;
	margin-top: 0;
	/* Removed top margin since gap handles spacing */
	clear: both;
	/* Ensure each agent card is on its own line */
}

.user_info>img {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	/* Ensures images maintain aspect ratio */
}

.user_info h4 {
	margin: 5px 0 5px 0;
	float: left;
	width: 100%;
	padding: 0;
	font-size: var(--font-size-16);
	color: #000924;
	font-weight: 600;
}

.user_info h5 {
	margin: 0;
	padding: 0;
	font-size: var(--font-size-16);
	color: #000924;
	font-weight: 500;
}

/* Optional: Add some hover effects */
.user_info:hover {
	transform: translateY(-2px);
	transition: transform 0.2s ease;
}

.datail_sidebar .form-group {
	margin-bottom: 11px;
}

.datail_sidebar .form-control {
	height: 36px;
	border-color: #D4D4D4;
	font-size: 14px;
	color: #817F7F;
}

.datail_sidebar textarea.form-control {
	height: 103px;
}

.form-check .form-check-label {
	font-size: 14px;
	color: #525050
}

.btn-danger {
	background-color: #F7591F;
	border-color: #F7591F;
	min-height: 46px;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
	background-color: #DB4812;
	border-color: #DB4812;
}

.w100p {
	width: 100% !important
}

.Privacy {
	font-size: var(--font-size-14);
	color: #525050;
}

.Privacy a {
	color: #2863C2;
}

.share_icon {
	margin: 12px 0 0 0;
	gap: 50px;
	list-style: none;
	display: flex;
	align-items: center;
	padding: 0px;
}

.share_icon li {
	float: left;
}

.share_icon li a {
	float: left;
	font-size: var(--font-size-16);
	color: #000;
	text-decoration: none;
}

.share_icon li a i {
	margin-right: 4px;
}


.list_detail .new_listings_bx {
	box-shadow: none;
	padding: 0;
	margin: 15px 0 0 0;
	border-radius: 0;
	display: inline-block;
}

.links_box {
	float: left;
	width: 100%;
	margin-top: 200px;
	padding-bottom: 150px;
}

.links_box h5 {
	margin: 0px 0 8px 0;
	padding: 0px;
	font-size: var(--font-size-14);
	color: #FB5315;
	font-weight: 600;
}

.links_box .site_map a {
	color: #555C69;
}

.links_box .site_map a:hover {
	text-decoration: underline;
}

.list_detail {
	margin-top: 31px;
}

.list_detail .new_listings_bx h6 {
	margin: 17px 0;
}

.list_detail .price_tag {
	margin-top: 20px;
	margin-bottom: 45px;
}

.list_detail .box2 {
	margin-bottom: 55px;
}

.brokers_banner {
	background-color: #C9E8F6;
	padding: 60px 0;
}

.brokers_banner h5 {
	font-size: var(--font-size-18);
	color: #F7591F;
	font-weight: bold;
}

.brokers_banner h2 {
	font-size: 42px;
	letter-spacing: 0.7px;
	color: #000924;
	font-weight: bold;
	margin: 9px 0 26px 0;
	float: left;
	width: 100%;
}

.brokers_banner .btn-danger {
	border-radius: 25px;
	margin-top: 30px;
}


.seller_banner {
	background-color: #fee9e1;
	padding: 60px 0;
}

.seller_banner h5 {
	font-size: var(--font-size-18);
	color: #F7591F;
	font-weight: bold;
}

.seller_banner h2 {
	font-size: var(--font-size-35);
	color: #000924;
	font-weight: bold;
	margin: 9px 0 26px 0;
	float: left;
	width: 100%;
}

.seller_banner .btn-danger {
	border-radius: 25px;
	margin-top: 30px;
}


.exclusive_offer_box {
	padding-top: 100px;
	padding-bottom: 100px;
	width: 80%;
	margin: auto;
}

.exclusive_offer_box img {
	margin-left: 30px;
}

.exclusive_offer_box .btn-danger {
	border-radius: 25px;
}

.exclusive_offer_box h3 {
	margin: 0px 0 32px 0;
	font-size: 35px;
	color: #000924;
	font-weight: 700;
	letter-spacing: 0.7px
}

.exclusive_offer_box h3 span,
.exclusive_offer_box h5 span {
	color: #F7591F;
}

.exclusive_offer_box h5 {
	font-weight: 700;
}

.link1 {
	font-size: var(--font-size-16);
	color: #FB5315;
	font-weight: 600;
}

.exclusive_offer_box .link1 {
	margin-top: 20px;
	display: inline-block;
}

.transparent_pricing {
	background-color: #213960;
	padding-top: 70px;
	padding-bottom: 70px;
	color: #fff;
}

.transparent_pricing h3 {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 15px;
	letter-spacing: 0.7px
}

.transparent_pricing .btn {
	border-radius: 25px;
	margin-top: 35px;
}

.text-area {
	padding: 70px 0px;
}

.text-area-box {
	width: 80%;
	margin: auto;
}

.text-area-box p {
	padding: 15px 0px;
}

.text-area-box ul li {
	text-decoration: none;
	list-style: none;
	font-size: 18px;
	padding-bottom: 18px;
}

.text-area-box ul li br {
	padding-bottom: 15px;
}

.clear {
	clear: both;
}

.lets_get {
	padding-top: 30px;
	background-color: #fafafa;
	padding-bottom: 50px;
}

.lets_get .title_h3 {
	margin-bottom: 32px;
}

.form_box {
	border: 1px solid #ECEAEA;
	padding: 30px 30px 40px 30px;
	border-radius: 15px;
	background-color: #FFF;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

.form_box .form-group {
	margin-bottom: 10px;
}

.form_box .form-control {
	height: 50px;
	border-color: #D4D4D4;
	font-size: 14px;
	color: #817F7F;
}

.form_box span {
	font-size: 12px;
	color: #9a9898;
}

.form_box .form-check .form-check-label {
	font-size: 12px;
	font-weight: 600;
}

.form_box .Privacy {
	font-size: 12px;
	color: #9a9898;
}

.form_box .Privacy a {
	color: #000;
	text-decoration: underline;
}

.mx-100 {
	max-width: 100%;
}

.selling {
	padding-top: 100px;
	padding-bottom: 20px;
}

.selling .title_h3 {
	margin-bottom: 45px;
}

.selling .brokers_box h4 {
	font-size: var(--font-size-19);
	font-weight: bold;
	color: #000;
	margin-top: 20px;
}

.selling .brokers_box p {
	color: #000
}

.plan_box {
	padding-top: 100px;
	padding-bottom: 100px;
}

.plan_box_1 {
	border: 1px solid #ECEAEA;
	padding: 30px 25px 30px 25px;
	border-radius: 15px;
	background-color: #FFF;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

.plan_box_1 h2 {
	font-size: var(--font-size-35);
	font-weight: bold;
	color: #000;
}

.plan_box_1 h2 small {
	font-size: 13px;
	font-weight: normal;
}

.plan_box_1 h5 {
	font-weight: 700;
}

.plan_box_1 p {
	font-size: var(--font-size-14)
}

.plan_box_1 .list_item {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: var(--font-size-15);
	color: #050b20;
}

.plan_box_1 .list_item li {
	position: relative;
	padding-left: 32px;
	min-height: 24px;
	margin-bottom: 14px;
}

.plan_box .title_h3 {
	margin-bottom: 45px;
}

.plan_box_1 .list_item li::before {
	content: "\f00c";
	font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome, sans-serif;
	font-weight: 700;
	width: 24px;
	height: 24px;
	background-color: #e8f2ff;
	color: #0d6efd;
	font-size: 12px;
	border-radius: 50%;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
}

.plan_box_1 .list_item li.no-check::before {
	content: "\f00d";
	background-color: #fff0f0;
	color: #dc3545;
}

.plan_box_1 .btn-outline-primary {
	width: 100%;
	min-height: 54px;
	margin-top: 15px;
	border-radius: 7px;
}

.breadcrumb_box {
	padding-top: 20px;
}

.breadcrumb_box ul.breadcrumb {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.breadcrumb_box ul.breadcrumb a {
	font-size: var(--font-size-15);
	color: #5370f3;
	text-decoration: none
}

.breadcrumb_box ul.breadcrumb li {
	font-size: var(--font-size-15);
	color: #161c30;
	padding: 0 3px
}

.about_sections {
	padding-top: 72px;
	padding-bottom: 100px;
}

.about_sections h2 {
	font-size: var(--font-size-35);
	color: #000924;
	font-weight: bold;
}

.about_sections h5 {
	font-size: var(--font-size-27);
	color: #202124;
	font-weight: 600;
	margin-top: 35px;
}

.about_sections p {
	margin-bottom: 25px;
}




@media (max-width: 1466px) {
	.top_navi .navbar-nav li a {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.listing_screen {
		margin-left: 0%;
		margin-right: 0%;
	}
}

@media (max-width: 1199px) {
	.top_navi .navbar-nav li a {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.top_navi .navbar-nav li.login a::before {
		right: -5px;
	}

	.city_list_outbox .city_list_box>img {
		height: 90px;
		width: 90px;
	}

	body {
		font-size: 15px;
	}

	br {
		display: none;
	}

	.detail-image {
		width: 100%;
		/* Set your desired width */
		height: auto;
		/* Set your desired height */
		object-fit: cover;
		/* Ensures images fill the container while cropping excess */
		border-radius: 8px;
		/* Optional: for rounded corners */
		display: block;
		/* Ensures images behave as block elements */
		overflow: hidden;
		/* Ensures cropping happens cleanly */
	}

	.listing_screen {
		margin-left: 0%;
		margin-right: 0%;
	}
}

@media (max-width: 991px) {


	.listing_screen {
		margin-left: 0%;
		margin-right: 0%;
	}

	.top_navi #navbarSupportedContent {
		background-color: rgba(0, 0, 0, 0.9);
		position: absolute;
		left: 0;
		right: 0;
		top: 116px;
		z-index: 9;
		color: #FFF;
	}

	.nav-item.dropdown:hover .dropdown-menu li a {
		color: #212529 !important;
	}

	.top_navi .navbar-nav li a {
		color: #fff !important;
		padding: 11px 20px !important;
	}

	.top_navi .navbar-nav li a:hover {
		color: #FFF !important;
		background-color: #FF6B2C;
	}

	.top_navi .navbar-nav li.ms-auto {
		margin-left: 0 !important;
	}

	.detail-image {
		width: 100%;
		/* Set your desired width */
		height: auto;
		/* Set your desired height */
		object-fit: cover;
		/* Ensures images fill the container while cropping excess */
		border-radius: 8px;
		/* Optional: for rounded corners */
		display: block;
		/* Ensures images behave as block elements */
		overflow: hidden;
		/* Ensures cropping happens cleanly */
	}

	.top_navi .navbar-nav li.button a {
		border: none;
		border-radius: 0;
	}

	.top_navi {
		min-height: 80px;
	}

	.top_navi #navbarSupportedContent {
		top: 80px;
	}

	.footer div[class*="col-"] {
		flex: 0 0 33.333%;
		max-width: 33.333%;
		margin-bottom: 30px;
	}

	.city_list_outbox .city_list_box>img {
		max-width: 75px;
		max-height: 75px;
	}



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

@media (max-width: 767px) {



	.top_from .row div[class*="col-"] {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 8px;
	}


	.exclusive_offer_box {
		padding-top: 70px;
		padding-bottom: 70px;
		width: 95%;
		margin: auto;
	}

	.exclusive_offer_box img {
		margin-left: 0px;
	}

	.text-area-box {
		width: 95%;
		margin: auto;
	}

	.top_banner .top_from .form-control {
		font-size: var(--font-size-14);
	}

	.search_box_button .form-control {
		width: 100%;
	}

	.search_box_button button {
		margin-top: 8px;
		width: 100%;
	}

	.search_box>.fa-regular {
		top: 20px;
	}

	.top_banner .top_from {
		padding: 15px;
	}

	.city_list_outbox .city_list_box {
		/*	flex: 0 0 50%;
	max-width: 50%;*/
		margin-bottom: 40px;
		text-align: center;
	}

	.city_list_outbox .city_list_box h5 {
		margin-top: 15px;
	}

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

	.new_listings_bx {
		flex-wrap: wrap;
	}

	.new_listings_bx .left {
		flex: 0 0 100%;
		max-width: 100%;
		margin-right: 0;
	}

	.new_listings_bx .center {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.new_listings_bx .right {
		flex: 0 0 100%;
		padding-left: 0px;
		max-width: 100%;
		margin-top: 20px;
	}

	.new_listings_bx .left>img {
		width: 100%;
		margin-bottom: 10px;
	}

	.new_listings {
		padding-top: 0;
	}

	.Subscribe_now_box {
		padding: 40px 20px;
	}

	.footer div[class*="col-"] {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 30px;
	}

	.footer {
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.copy_right p {
		margin: 0px;
		width: 100%;
		text-align: center;
	}

	.copy_right {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		text-align: center;
	}

	.copy_right ul {
		margin: 7px auto 0;
		padding: 0px 0 0 0;
		list-style: none;
	}

	.new_listings_bx .right img {
		float: right;
	}

	.list_detail div[class*="col-"],
	.links_box div[class*="col-"] {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.links_box {
		float: left;
		width: 100%;
		margin-top: 50px;
		padding-bottom: 60px;
	}

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

	.exclusive_offer_box .mx-100 {
		width: 100%;
	}

	.exclusive_offer_box img.mx-100 {
		margin-top: 30px;
	}

	.exclusive_offer_box,
	.lets_get {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.form_box {
		padding: 15px;
	}

	/* .selling div[class*="col-"] {
	flex: 0 0 100%;
	max-width: 100%;
} */
	.selling .brokers_box {
		margin-bottom: 30px;
	}

	.selling,
	.plan_box {
		padding-top: 70px;
		padding-bottom: 70px;
	}


	.sign_in_right .sign_in {
		font-size: 16px;
		color: #131A35;
		font-weight: 500;
		text-decoration: none;
		border-right: 1px solid #E5E5E5;
		padding-right: 14px;
		margin-right: 11px;
		display: inline-block !important;
	}

	.sign_in_right .navbar-toggler {
		border: none;
		padding: 4px 3.2px;
	}

	.sign_in_right .navbar-toggler .navbar-toggler-icon {
		transform: scale(0.9);
	}

	.listing_screen {
		margin-left: 0%;
		margin-right: 0%;
	}

	.listing_screen .top_banner {
		padding-top: 22px;
		padding-bottom: 14px;
	}

	.listing_screen .top_banner .title_h3 {
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 0 !important;
		color: #090D26;
	}

	.filter_box span {
		display: none;
	}

	.filter_button {
		display: inline-flex !important;
		border: 1px solid #5B5B5B;
		background-color: transparent;
		min-height: 34px;
		min-width: 93px;
		border-radius: 25px;
		text-align: center;
		justify-content: center;
		align-items: center;
	}

	.filter_button .fa-sliders-simple {
		margin-left: 9px;
	}

	.filter_box .right {
		margin-right: auto;
		margin-left: 0
	}

	.top_from {
		display: none;
	}

	.listing_screen .top_banner .top_from.main {
		display: block;
		padding-top: 16px;
	}

	.filter_box {
		margin-bottom: 15px;
	}

	.filter_box.only_for_mobile {
		display: block !important;
	}

	.new_listings_bx .left>img {
		height: 200px;
		object-fit: cover;
	}

	.new_listings_bx p {
		display: none;
	}

	.top_navi .navbar-brand>img {
		max-width: 161px;
	}

	.navbar-light .navbar-brand {
		padding-top: 0px;
	}

	.title_h3 {
		font-size: 21px;
	}

}


/*UPDATE*/

.buy_business {
	width: 100%;
	display: flex;

}

.buy_business_item {

	border-radius: 15px;
	overflow: hidden;
}


.buy_business .left {
	flex: 0 0 calc(100% - 200px);
}

.buy_business .right {
	width: 200px;
	flex: 0 0 200px;
}

.buy_business .left .buy_business_item {
	display: inline-block;
	width: 100%;
}

.buy_business .left .buy_business_item .top_bar {
	background-color: #000;
	margin: -15px -15px 15px -15px;
	border-radius: 15px 15px 0px 0px;
	padding: 0 20px;
	min-height: 40px;
	display: flex;
	align-items: center;
}

.buy_business .left .buy_business_item .top_bar span {
	font-size: 14px;
	color: #FFF;
	font-weight: 500;
	margin-left: auto;
}

/* Plan 3 premium listing: two-column layout (image left, details right) */
.listing-plan-3 {
	padding: 0;
}

.listing-plan-3__content {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0;
}

.listing-plan-3__image-col {
	flex: 0 0 560px;
	max-width: 560px;
	min-height: 420px;
	padding: 28px;
	box-sizing: border-box;
}

.listing-plan-3__image-wrap {
	width: 100%;
	height: 100%;
	min-height: 380px;
}

.listing-plan-3__img {
	width: 100%;
	height: 100%;
	min-height: 380px;
	object-fit: cover;
}

.listing-plan-3__details-col {
	flex: 1 1 300px;
	min-width: 0;
	padding: 24px 28px 28px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.listing-plan-3__title {
	font-size: 20px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 6px;
	line-height: 1.3;
}

.listing-plan-3__title a:hover {
	color: #0a58ca !important;
}

.listing-plan-3__actions {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: auto;
}

.listing-plan-3__enquire:hover,
.listing-plan-3__save:hover {
	opacity: 0.9;
}

@media (max-width: 991px) {
	.listing-plan-3__content {
		flex-direction: column;
	}

	.listing-plan-3__image-col {
		flex: 0 0 auto;
		max-width: 100%;
		min-height: 280px;
		padding: 20px;
	}

	.listing-plan-3__image-wrap,
	.listing-plan-3__img {
		min-height: 260px;
	}

	.listing-plan-3__details-col {
		flex: 1 1 auto;
	}
}

@media (max-width: 767px) {
	.listing-plan-3__image-col {
		min-height: 240px;
		padding: 16px;
	}

	.listing-plan-3__image-wrap,
	.listing-plan-3__img {
		min-height: 220px;
	}

	.listing-plan-3__details-col {
		padding: 16px;
	}

	.listing-plan-3__header {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
}

.buy_business .new_listings_bx .item_box {
	position: relative;
	padding: 10px 10px 10px 330px;
	/*min-height: 400px;*/
}

.buy_business .new_listings_bx .item_box>img {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 300px;
	border-radius: 5px;
	max-width: 100%;
}

.buy_business .new_listings_bx .item_box h3 {
	font-size: 18px;
	color: #016BFF;
	font-weight: bold;
}

.buy_business .new_listings_bx .item_box .price_tag {
	margin-top: 20px;
	margin-bottom: 18px;
}



.buy_business .new_listings_bx .item_box .bottom_bar .heart_btn {
	background-color: transparent;
	border: none;
	font-size: 14px;
	font-weight: 500;
	color: #000924;
	min-height: 35px;
	display: inline-flex;
	align-items: center;
}

.buy_business .new_listings_bx .item_box .bottom_bar .heart_btn i {
	margin-right: 6px;
	font-size: 16px;
}

.buy_business .item_box .bottom_bar span {
	float: right;
	font-size: 14px;
	color: #000924;
	font-weight: 500;
	padding-top: 8px;
}

.buy_business .right .adds_ {
	float: right;
}


@media (max-width: 991px) {
	.buy_business .new_listings_bx .item_box {
		padding: 10px 10px 10px 160px;
	}

	.buy_business .new_listings_bx .item_box>img {
		width: 130px;
	}
}

@media (max-width: 767px) {

	.buy_business .right,
	.buy_business .left {
		width: 100%;
		flex: 0 0 100%;
	}

	.buy_business .new_listings_bx .item_box {
		padding: 0;
	}

	.buy_business .new_listings_bx .item_box>img {
		width: 100%;
		position: static;
		margin-bottom: 20px;
	}

	.buy_business .left .buy_business_item .top_bar {
		padding: 0 12px;
	}

	.buy_business .left .buy_business_item .top_bar span {
		font-size: 12px;
	}

	.buy_business .item_box .bottom_bar span {
		font-size: 12px;
	}

	.buy_business .new_listings_bx .item_box .bottom_bar {
		margin-top: 30px;
		display: flex;
		align-items: center;
	}

	.buy_business .new_listings_bx .item_box .bottom_bar .enquire_btn.mb-3 {
		margin: 0 4px 0 0 !important;
	}

	.buy_business .item_box .bottom_bar span {
		float: right;
		font-size: 12px;
		color: #000924;
		font-weight: 500;
		padding-top: 0;
		margin-left: auto;
		padding-left: 10px;
		line-height: normal;
		float: right;
		text-align: right;
	}

	.top_from {
		display: none !important;
	}

	.top_from.visible {
		display: block !important;
	}

	.filter_button {
		display: block;
		/* ensure it's visible */
	}

	.desctext {
		font-size: 14px
	}
}

/* ===================================
   BROKER LISTING PAGE STYLES
   =================================== */
.broker-listing-section {
	padding: 40px 0;
	background: #f8f9fa;
	min-height: 100vh;
}

.page-title {
	font-size: 32px;
	font-weight: 700;
	color: #333;
	margin-bottom: 30px;
	text-align: center;
}

.search-filter-section {
	background: #fff;
	border-radius: 12px;
	padding: 30px;
	margin-bottom: 40px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.search-tabs {
	display: flex;
	margin-bottom: 25px;
	border-bottom: 2px solid #e9ecef;
}

.tab {
	padding: 12px 24px;
	cursor: pointer;
	font-weight: 600;
	font-size: 16px;
	color: #6c757d;
	border-bottom: 3px solid transparent;
	transition: all 0.3s ease;
}

.tab.active {
	color: #007bff;
	border-bottom-color: #007bff;
}

.tab:hover {
	color: #007bff;
}

.search-form {
	width: 100%;
}

.search-input-group {
	display: flex;
	gap: 15px;
	align-items: center;
	flex-wrap: wrap;
}

.search-field {
	position: relative;
	flex: 1;
	min-width: 300px;
}

.search-field i {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #6c757d;
	z-index: 1;
}

.search-field input {
	padding-left: 45px;
	height: 48px;
	border: 2px solid #e9ecef;
	border-radius: 8px;
	font-size: 16px;
}

.search-field input:focus {
	border-color: #007bff;
	box-shadow: 0 0 0 3.2px rgba(0, 123, 255, 0.25);
}

.filter-dropdown {
	min-width: 150px;
}

.filter-dropdown select {
	height: 48px;
	border: 2px solid #e9ecef;
	border-radius: 8px;
	font-size: 16px;
}

.search-btn {
	height: 48px;
	padding: 0 24px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
}

.results-section {
	background: #fff;
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.results-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 2px solid #e9ecef;
}

.results-header h2 {
	font-size: 24px;
	font-weight: 700;
	color: #333;
	margin: 0;
}

.results-actions {
	display: flex;
	align-items: center;
	gap: 15px;
}

.results-count {
	color: #6c757d;
	font-size: 14px;
}

.reset-filters-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	font-size: 13px;
	font-weight: 500;
	color: #dc3545;
	background: #fff;
	border: 1px solid #dc3545;
	border-radius: 6px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.reset-filters-btn:hover {
	background: #dc3545;
	color: #fff;
	text-decoration: none;
}

.reset-filters-btn i {
	font-size: 14px;
}

.broker-cards {
	display: grid;
	gap: 25px;
	margin-bottom: 40px;
}

.broker-card {
	background: #fff;
	border: 1px solid #e9ecef;
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

.broker-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.broker-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 25px;
	color: #fff;
}

.broker-logo {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
}

.broker-agents {
	display: flex;
	align-items: center;
	gap: 10px;
}

.agent-avatars {
	display: flex;
	gap: -5px;
}

.avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.3);
	border: 2px solid #fff;
	margin-left: -5px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.avatar:first-child {
	margin-left: 0;
}

.agent-count {
	font-size: 14px;
	font-weight: 500;
}

.broker-content {
	padding: 25px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 30px;
}

.broker-info {
	flex: 1;
}

.broker-name {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	margin-bottom: 8px;
}

.broker-address {
	color: #6c757d;
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 1.5;
}

.specialties {
	margin-bottom: 0;
}

.specialties strong {
	color: #333;
	font-size: 14px;
}

.specialties span {
	color: #6c757d;
	font-size: 14px;
	line-height: 1.4;
}

.broker-stats {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	min-width: 200px;
}

.stat-item {
	text-align: center;
}

.stat-number {
	font-size: 24px;
	font-weight: 700;
	color: #007bff;
	margin-bottom: 4px;
}

.stat-label {
	font-size: 12px;
	color: #6c757d;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.broker-actions {
	padding: 0 25px 25px;
	text-align: right;
}

.contact-btn {
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 6px;
}

.pagination-section {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.pagination {
	margin: 0;
}

.page-link {
	color: #007bff;
	border: 1px solid #dee2e6;
	padding: 8px 16px;
}

.page-item.active .page-link {
	background-color: #007bff;
	border-color: #007bff;
}

/* ===================================
   BROKER DETAIL PAGE STYLES
   =================================== */
.broker-detail-section {
	padding: 40px 0;
	background: #f8f9fa;
	min-height: 100vh;
}

.agency-info-card {
	background: white;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}

.agency-name {
	font-size: 22px;
	font-weight: 700;
	color: #333;
	margin-bottom: 8px;
}

.agency-address {
	color: #6c757d;
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 1.4;
}

.agent-photos {
	display: flex;
	gap: -5px;
	margin-bottom: 10px;
}

.agent-avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #e9ecef;
	border: 2px solid white;
	margin-left: -5px;
	position: relative;
	background-size: cover;
	background-position: center;
}

.agent-avatar:first-child {
	margin-left: 0;
}

.action-buttons {
	display: flex;
	gap: 10px;
}

.btn {
	padding: 8px 16px;
	border-radius: 4px;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
}

.btn-outline-primary {
	background: white;
	color: #007bff;
	border: 2px solid #007bff;
}

.btn-outline-primary:hover {
	background: #007bff;
	color: white;
}

.btn-primary {
	background: #007bff;
	color: white;
}

.btn-primary:hover {
	background: #0056b3;
}

.agency-details {
	background: white;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.specialties-section,
.about-section {
	margin-bottom: 20px;
}

.specialties-section h3,
.about-section h3 {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	margin-bottom: 10px;
}

.specialties-section p,
.about-section p {
	color: #6c757d;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 10px;
}

.listings-section {
	background: white;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	margin: 20px 0;
}

.listings-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 2px solid #e9ecef;
}

.listings-header h2 {
	font-size: 18px;
	font-weight: 700;
	color: #333;
	margin: 0;
}

.listing-tabs {
	display: flex;
	gap: 15px;
	align-items: center;
}

.listing-tabs .tab {
	padding: 6px 12px;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	color: #6c757d;
	border-bottom: 2px solid transparent;
	transition: all 0.3s ease;
	user-select: none;
}

.listing-tabs .tab:hover {
	color: #007bff;
	background-color: #f8f9fa;
	border-radius: 4px 4px 0 0;
}

.listing-tabs .tab.active {
	color: #007bff;
	border-bottom-color: #007bff;
}

.view-all a {
	color: #007bff;
	text-decoration: none;
	font-weight: 600;
}

.property-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

.property-card {
	border: 1px solid #e9ecef;
	border-radius: 6px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.property-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.property-image {
	position: relative;
	height: 150px;
	background: #f8f9fa;
	overflow: hidden;
}

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

.property-logo {
	position: absolute;
	top: 10px;
	left: 10px;
	background: rgba(0, 0, 0, 0.7);
	color: white;
	padding: 3px 8px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 600;
}

.agent-photo {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #e9ecef;
	border: 2px solid white;
}

.property-details {
	padding: 15px;
}

.property-price {
	font-size: 18px;
	font-weight: 700;
	color: #333;
	margin-bottom: 6px;
}

.property-description {
	color: #6c757d;
	font-size: 12px;
	margin-bottom: 6px;
}

.property-address {
	color: #6c757d;
	font-size: 12px;
	margin-bottom: 6px;
}

.property-category {
	color: #007bff;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.team-section {
	background: white;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	margin: 20px 0;
}

.team-section h2 {
	font-size: 18px;
	font-weight: 700;
	color: #333;
	margin-bottom: 8px;
}

.team-count {
	color: #6c757d;
	font-size: 14px;
	margin-bottom: 20px;
}

.team-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 15px;
}

.team-member {
	text-align: left;
	padding: 15px;
	border: 1px solid #e9ecef;
	border-radius: 6px;
	transition: all 0.3s ease;
}

.team-member:hover {
	transform: translateY(-2px);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.member-photo {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #e9ecef;
	margin: 0 0 10px;
	position: relative;
	background-size: cover;
	background-position: center;
}

.member-name {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	margin-bottom: 4px;
}

.member-title {
	font-size: 12px;
	color: #6c757d;
}

.contact-form-section {
	background: white;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	margin: 20px 0;
}

.contact-form-section h2 {
	font-size: 18px;
	font-weight: 700;
	color: #333;
	margin-bottom: 15px;
}

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

.agency-logo {
	background: #2c5530;
	color: white;
	padding: 8px 16px;
	border-radius: 4px;
	font-weight: 700;
	font-size: 14px;
	display: inline-block;
}

.contact-form {
	max-width: 500px;
}

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

.form-group label {
	display: block;
	font-weight: 600;
	color: #333;
	font-size: 14px;
	margin-bottom: 6px;
}

.form-control {
	width: 100%;
	padding: 10px 12px;
	border: 2px solid #e9ecef;
	border-radius: 4px;
	font-size: 14px;
	transition: border-color 0.3s ease;
}

.form-control:focus {
	outline: none;
	border-color: #007bff;
	box-shadow: 0 0 0 3.2px rgba(0, 123, 255, 0.25);
}

.form-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 12px;
}

.form-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}

.privacy-link {
	color: #007bff;
	text-decoration: none;
	font-size: 12px;
}

.privacy-link:hover {
	text-decoration: underline;
}

.submit-btn {
	padding: 10px 24px;
	font-size: 14px;
}

/* Responsive Design for Broker Pages */
@media (max-width: 1024px) {
	.property-cards {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.page-title {
		font-size: 24px;
	}

	.search-input-group {
		flex-direction: column;
		align-items: stretch;
	}

	.search-field {
		min-width: auto;
	}

	.broker-content {
		flex-direction: column;
		gap: 20px;
	}

	.broker-stats {
		grid-template-columns: repeat(2, 1fr);
		min-width: auto;
	}

	.results-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.results-actions {
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.reset-filters-btn {
		font-size: 12px;
		padding: 5px 12px;
	}

	.agency-info-card,
	.agency-details,
	.listings-section,
	.team-section,
	.contact-form-section {
		padding: 20px;
	}

	.form-row {
		grid-template-columns: 1fr;
	}

	.listing-tabs {
		flex-wrap: wrap;
		gap: 10px;
	}

	.property-cards {
		grid-template-columns: 1fr;
	}

	.team-grid {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	}

	.form-footer {
		flex-direction: column;
		gap: 15px;
		align-items: stretch;
	}
}

/* Logo Marquee Slider */
.logo-slider {
	overflow: hidden;
	padding: 10px 0;
	background: #fff;
	white-space: nowrap;
	position: relative;
	width: 100%;
}

.logo-slide-track {
	display: flex;
	width: 6000px;
	/* Large enough to hold all logos twice */
	animation: scroll_logo 40s linear infinite;
	gap: 0;
}

.logo-slide-track:hover {
	animation-play-state: paused;
}

.logo-slide {
	height: 100px;
	width: 250px;
	/* Fixed width for each logo container */
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 40px;
}

.logo-slide img {
	max-height: 80px;
	max-width: 170px;
	object-fit: contain;
	transition: transform 0.3s ease;
}

.logo-slide:hover img {
	transform: scale(1.1);
}

@keyframes scroll_logo {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-3000px);
	}
}

@media (max-width: 767px) {
	.logo-slide {
		width: 150px;
		/* Smaller logos on mobile */
		padding: 0 20px;
		height: 80px;
	}

	.logo-slide img {
		max-height: 50px;
	}

	@keyframes scroll_logo {
		0% {
			transform: translateX(0);
		}

		100% {
			transform: translateX(-1800px);
		}

		/* 12 logos * 150px = 1800px */
	}
}

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

:root {
	--brand: #FF4602;
	--brandd: #d93c00;
	--ink: #1a1a1a;
	--ink2: #4a4a4a;
	--ink3: #9a9a9a;
	--line: #ebebeb;
	--bg: #f7f7f7;
	--white: #ffffff;
	--f: 'Inter', system-ui, sans-serif;
	--wrap: 1100px;
}

/* Base resets for new design sections */
.new-design-body {
	font-family: var(--f);
	background: var(--bg);
	color: var(--ink);
	font-size: 15px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

.new-design-body a {
	text-decoration: none;
	color: inherit;
}

/* Ensure nav links are correctly styled regardless of global a tags */
.nav a {
	text-decoration: none !important;
	color: inherit;
}

.new-design-body button {
	cursor: pointer;
	font-family: var(--f);
}

.new-design-body img {
	display: block;
}

/* ── NAV ──────────────────────────────────────────── */
.nav {
	background: var(--white);
	border-bottom: 1px solid var(--line);
	position: relative;
	z-index: 300;
	color: var(--ink);
}

.nav-in {
	max-width: 1115px !important;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.64fr auto 1fr;
	align-items: center;
	height: 58px;
	padding: 0 20px !important;
}

.logo {
	display: block;
	justify-self: start;
	line-height: 0;
}

.nav-links {
	display: flex;
	gap: 24px;
	font-size: 14px;
	font-weight: 500;
	justify-self: center;
	padding: 0 20px;
	/* Reduced gap between logo/btns and links */
}

.nav-links a {
	color: var(--ink) !important;
	font-weight: 600;
	transition: .15s;
}

.nav-links a:hover {
	color: var(--brand) !important;
}

/* ── NAV DROPDOWN ─────────────────────────────────── */
.nav-dropdown {
	position: relative;
	display: flex;
	align-items: center;
}

.nav-dropdown-trigger {
	display: flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
	white-space: nowrap;
}

.nav-dropdown-trigger svg {
	transition: transform .2s;
	flex-shrink: 0;
	opacity: .6;
}

.nav-dropdown:hover .nav-dropdown-trigger svg {
	transform: rotate(180deg);
	opacity: 1;
}

.nav-dropdown-panel {
	position: absolute;
	top: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 10px;
	padding: 6px;
	min-width: 210px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, .10);
	opacity: 0;
	pointer-events: none;
	transform: translateX(-50%) translateY(-4px);
	transition: opacity .18s ease, transform .18s ease;
	z-index: 500;
}

/* 
   Transparent bridge to prevent hover loss when moving mouse 
   between trigger and panel 
*/
.nav-dropdown-panel::after {
	content: '';
	position: absolute;
	top: -12px;
	left: 0;
	right: 0;
	height: 12px;
}

.nav-dropdown:hover .nav-dropdown-panel {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(-50%) translateY(0);
}

/* arrow notch */
.nav-dropdown-panel::before {
	content: '';
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translateX(-50%);
	width: 12px;
	height: 6px;
	background: #fff;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	border-top: 1px solid var(--line);
}

.nav-dropdown-panel a {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 9px 12px !important;
	border-radius: 7px !important;
	color: var(--ink) !important;
	text-decoration: none !important;
	transition: background .13s !important;
	font-weight: 400 !important;
}

.nav-dropdown-panel a:hover {
	background: var(--bg) !important;
	color: var(--ink) !important;
}

.nd-icon {
	width: 32px;
	height: 32px;
	border-radius: 7px;
	background: var(--bg);
	border: 1px solid var(--line);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--ink2);
}

.nav-dropdown-panel a:hover .nd-icon {
	background: #fff5f2;
	border-color: #ffd0c0;
	color: var(--brand);
}

.nav-dropdown-panel strong {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: var(--ink);
	line-height: 1.2;
}

.nav-dropdown-panel small {
	display: block;
	font-size: 12px;
	color: var(--ink3);
	margin-top: 1px;
	line-height: 1.3;
}

.nav-dropdown-panel.wider {
	min-width: 440px;
}

.nd-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
}

.nd-grid a {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 0 !important;
}

.nd-grid a strong {
	font-size: 14px;
}

.nd-grid a small {
	margin-top: 0;
}

.nav-btns {
	display: flex;
	gap: 8px;
	justify-self: end;
}

.nb-g {
	padding: 6px 12px;
	border: 1.5px solid var(--line);
	border-radius: 6px;
	background: none;
	font-size: 14px;
	font-weight: 600;
	color: var(--ink2);
	transition: .15s;
	white-space: nowrap;
}

.nb-g:hover {
	border-color: var(--ink2);
}

.nb-f {
	padding: 6px 14px;
	border-radius: 6px;
	border: none;
	background: var(--brand);
	color: #fff !important;
	font-size: 14px;
	font-weight: 700;
	transition: .15s;
	white-space: nowrap;
}

.nb-f:hover {
	background: var(--brandd);
}

/* ══════════════════════════════════════════════════
   HERO — white bg, centred, clean
══════════════════════════════════════════════════ */
.hero {
	background: var(--white);
	border-bottom: 1px solid var(--line);
	padding: 48px 20px 40px;
}

.hero-in {
	max-width: 880px;
	margin: 0 auto;
	text-align: center;
}

.hero-eyebrow {
	margin-top: 35px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: #fff5f2;
	border: 1px solid #ffd0c0;
	padding: 5px 15px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 700;
	color: var(--brand);
	margin-bottom: 20px;
	letter-spacing: .03em;
}

.hero-eyebrow span {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--brand);
	flex-shrink: 0;
	animation: blink 1.8s ease infinite;
}

@keyframes blink {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: .2;
	}
}

.hero h1 {
	font-size: 42px;
	font-weight: 700;
	color: var(--ink);
	line-height: 1.15;
	letter-spacing: -.035em;
	margin-bottom: 15px;
}

.hero h1 em {
	font-style: normal;
	color: var(--brand);
}

.hero-sub {
	font-size: 16px;
	color: var(--ink3);
	margin-bottom: 32px;
	font-weight: 400;
}

/* Search box */
.hero-search {
	background: var(--white);
	border: 2px solid var(--line);
	border-radius: 12px;
	/* overflow: hidden; */
	/* Removing to allow dropdown visibility */
	box-shadow: 0 4px 24px rgba(0, 0, 0, .07);
	margin-top: 50px;
	margin-bottom: 90px;
}

/* Top row — location + category + keyword + search btn */
.hs-top {
	display: grid;
	grid-template-columns: 1fr 1fr 1.2fr auto;
	gap: 0;
}

.hs-field {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 10px 20px;
	border-right: 1px solid var(--line);
	min-height: 52px;
}

.hs-field:last-of-type {
	border-right: none;
}

.hs-field svg {
	flex-shrink: 0;
	color: var(--ink3);
	margin-top: 6px;
	/* Subtle offset to align with label text */
}

.hs-field input,
.hs-field select {
	border: none;
	outline: none;
	font-family: var(--f);
	font-size: 16px;
	color: var(--ink);
	background: none;
	width: 100%;
	height: 32px;
}

.hs-field select {
	cursor: pointer;
}

.hs-field input::placeholder {
	color: var(--ink3);
}

.hs-field .hs-lbl {
	font-size: 14px;
	font-weight: 700;
	color: #111;
	letter-spacing: 0;
	white-space: nowrap;
	display: block;
	margin-bottom: 2px;
}

.hs-field-inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex: 1;
	min-width: 0;
	position: relative;
	text-align: left;
}

.hs-search-btn {
	background: var(--brand);
	color: #fff;
	border: none;
	padding: 0 45px;
	font-size: 17px;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	transition: .15s;
	border-radius: 0 10px 10px 0;
}

.hs-search-btn:hover {
	background: var(--brandd);
}



/* Trust bar */
.hero-trust {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 22px;
}

.ht-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: var(--ink3);
}

.ht-item svg {
	flex-shrink: 0;
	color: var(--ink3);
}

.ht-item strong {
	color: var(--ink2);
	font-weight: 600;
}

.ht-sep {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--line);
}



/* ══════════════════════════════════════════════════
   SECTION HEADERS (shared)
══════════════════════════════════════════════════ */
.sec {
	padding: 52px 0;
	/* Removed horizontal padding here to use .sec-in for alignment */
}

.sec-in {
	max-width: 1115px !important;
	margin: 0 auto;
	padding: 0 20px !important;
}

.sec-hd {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 24px;
	flex-wrap: wrap;
	gap: 8px;
}

.sec-hd-left h2 {
	font-size: 22px;
	font-weight: 700;
	color: var(--ink);
	letter-spacing: -.02em;
	line-height: 1.2;
}

.sec-hd-left p {
	font-size: 14px;
	color: var(--ink3);
	margin-top: 4px;
}

.sec-hd a {
	font-size: 14px;
	font-weight: 700;
	color: var(--brand);
	white-space: nowrap;
}

.sec-hd a:hover {
	text-decoration: underline;
}

/* ══════════════════════════════════════════════════
   CATEGORIES GRID
══════════════════════════════════════════════════ */
.cats {
	background: var(--bg);
}

.cat-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
}

.cat-card {
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: 9px;
	padding: 16px 14px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	cursor: pointer;
	transition: .16s;
	text-align: left;
}

.cat-card:hover {
	border-color: #ccc;
	box-shadow: 0 3px 14px rgba(0, 0, 0, .07);
	transform: translateY(-1px);
}

.cat-icon {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	flex-shrink: 0;
	background: #fff;
	color: var(--brand);
	border: 1px solid #eee;
}

.cat-name {
	font-size: 15px;
	font-weight: 700;
	color: var(--ink);
	line-height: 1.2;
}

.cat-count {
	font-size: 12px;
	color: var(--ink3);
}

/* ══════════════════════════════════════════════════
   CITIES SECTION
══════════════════════════════════════════════════ */
.cities {
	background: var(--white);
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
}

.city-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

.city-card {
	border-radius: 9px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	height: 130px;
	transition: .18s;
}

.city-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
}

.city-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .38s;
	filter: brightness(.7);
}

.city-card:hover img {
	transform: scale(1.05);
}

.city-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .1) 100%);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 12px 14px;
}

.city-name {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	line-height: 1;
}

.city-count {
	font-size: 12px;
	color: rgba(255, 255, 255, .7);
	margin-top: 2px;
}

/* ══════════════════════════════════════════════════
   NEW LISTINGS
══════════════════════════════════════════════════ */
.new-listings {
	background: var(--bg);
}

.listings-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}

.listing-card {
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: 9px;
	overflow: hidden;
	cursor: pointer;
	transition: .16s;
}

.listing-card:hover {
	box-shadow: 0 4px 18px rgba(0, 0, 0, .08);
	transform: translateY(-2px);
}

.lc-img {
	position: relative;
	height: 165px;
	overflow: hidden;
}

.lc-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .35s;
}

.listing-card:hover .lc-img img {
	transform: scale(1.04);
}

.lc-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 3px 9px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .07em;
	color: #fff;
}

.lc-badge.new {
	background: #FC6E39;
}

.lc-badge.sp {
	background: #f59e0b;
}

.lc-badge.prem {
	background: #8b5cf6;
}

.lc-save {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .9);
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ink);
	transition: .15s;
}

.lc-save:hover {
	background: #fff;
}

.lc-body {
	padding: 14px;
}

.lc-cat,
.card-cat,
.lh-cat,
.sim-cat {
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #4A4A4A;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.cat-dot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--brand);
	flex-shrink: 0;
}

.lc-cat a,
.card-cat a,
.lh-cat a,
.sim-cat a {
	font-size: inherit !important;
	font-weight: inherit !important;
	color: inherit;
	text-decoration: none;
}

.lc-title {
	font-size: 16px;
	font-weight: 700;
	color: var(--ink);
	line-height: 1.3;
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 2.6em;
}

.lc-loc {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 14px;
	font-weight: 400;
	color: #4A4A4A;
	margin-bottom: 10px;
}

.lc-loc svg {
	flex-shrink: 0;
}

.lc-price {
	font-size: 16px;
	font-weight: 700;
	color: var(--ink);
	letter-spacing: -.01em;
}

.lc-profit {
	font-size: 12px;
	color: var(--brand);
	font-weight: 600;
	margin-top: 2px;
}

.lc-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 14px;
	border-top: 1px solid var(--line);
}

.lc-agent {
	display: flex;
	align-items: center;
	gap: 7px;
}

.lc-ap {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	overflow: hidden;
	border: 1.5px solid var(--line);
	flex-shrink: 0;
}

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

.lc-an {
	font-size: 12px;
	color: var(--ink3);
}

/* Enquire Button */
.lc-enq {
	height: 28px;
	padding: 0 12px;
	background: var(--brand);
	color: #fff !important;
	border: none;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 700;
	transition: .15s;
	cursor: pointer;
}

.lc-enq:hover {
	background: var(--brandd);
}

/* ══════════════════════════════════════════════════
   SELL CTA BANNER
   ══════════════════════════════════════════════════ */
.sell-banner {
	background: #1a2235;
	padding: 52px 0;
}

.sell-banner-in {
	max-width: 1115px;
	margin: 0 auto;
	padding: 0 20px;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 40px;
	text-align: left;
}

.sb-h {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	letter-spacing: -.02em;
	margin-bottom: 6px;
	line-height: 1.2;
}

.sb-h em {
	font-style: normal;
	color: var(--brand);
}

.sb-p {
	font-size: 14px;
	color: rgba(255, 255, 255, .45);
	line-height: 1.6;
}

.sb-btns {
	display: flex;
	gap: 10px;
	flex-shrink: 0;
	flex-wrap: wrap;
}

.sb-btn-p {
	height: 48px;
	padding: 0 28px;
	background: var(--brand);
	color: #fff !important;
	border: none;
	border-radius: 9px;
	font-size: 15px;
	font-weight: 500;
	white-space: nowrap;
	transition: .15s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sb-btn-p:hover {
	background: var(--brandd);
}

.sb-btn-s {
	height: 48px;
	padding: 0 28px;
	background: none;
	color: #a8b2c1 !important;
	border: 1px solid rgba(255, 255, 255, .15);
	border-radius: 9px;
	font-size: 15px;
	font-weight: 500;
	white-space: nowrap;
	transition: .15s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sb-btn-s:hover {
	border-color: rgba(255, 255, 255, .5);
	color: #fff !important;
}

/* ══════════════════════════════════════════════════
   BLOG / NEWS SECTION
   ══════════════════════════════════════════════════ */
.sec {
	padding: 50px 0;
	border-bottom: 1px solid var(--line);
}

.sec-in {
	max-width: 1115px;
	margin: 0 auto;
	padding: 0 20px;
}

.sec-hd {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 32px;
}

.sec-hd h2 {
	font-size: 26px;
	font-weight: 700;
	color: var(--ink);
	margin-bottom: 4px;
	letter-spacing: -.02em;
}

.sec-hd p {
	font-size: 14px;
	color: var(--ink3);
}

.sec-hd a {
	font-size: 14px;
	font-weight: 700;
	color: var(--brand);
}

.post-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.post-card {
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: 14px;
	overflow: hidden;
	cursor: pointer;
	transition: 0.2s;
	display: flex;
	flex-direction: column;
	text-decoration: none !important;
}

.post-card:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
	transform: translateY(-4px);
}

.pc-img {
	position: relative;
	width: 100%;
	padding-top: 62%;
	overflow: hidden;
}

.pc-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pc-body {
	padding: 22px;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pc-title {
	font-size: 17px;
	font-weight: 700;
	color: var(--ink);
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 2.8em;
}

.pc-excerpt {
	font-size: 14px;
	color: var(--ink3);
	line-height: 1.6;
}

.pc-foot {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	padding-top: 14px;
	border-top: 1px solid var(--line);
}

.pc-author {
	font-size: 12px;
	font-weight: 600;
	color: var(--ink2);
	flex: 1;
}

.pc-date {
	font-size: 12px;
	color: var(--ink3);
}

.post-category {
	display: inline-flex;
	align-items: center;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 3px 9px;
	border-radius: 20px;
	background: #fff0eb;
	color: var(--brand);
	align-self: flex-start;
}

/* ══════════════════════════════════════════════════
   SEO MARKETPLACE SECTION
   ══════════════════════════════════════════════════ */
.seo-sec {
	background: #fdfdfd;
}

.seo-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
}

.seo-block h3 {
	font-size: 16px;
	font-weight: 700;
	color: var(--ink);
	margin-bottom: 12px;
	letter-spacing: -.01em;
}

.seo-block p {
	font-size: 14px;
	color: var(--ink2);
	line-height: 1.7;
}

.seo-block a {
	color: var(--brand);
	font-weight: 600;
}

.seo-long {
	margin-top: 40px;
	padding-top: 32px;
	border-top: 1px solid var(--line);
}

.seo-long h3 {
	font-size: 16px;
	font-weight: 700;
	color: var(--ink);
	margin-bottom: 12px;
}

.seo-long p {
	font-size: 14px;
	color: var(--ink3);
	line-height: 1.8;
	margin-bottom: 15px;
}

/* ══════════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════════ */
footer {
	background: #1a2235;
	padding: 40px 20px 0;
}

.footer-in {
	max-width: var(--wrap);
	margin: 0 auto;
}

.footer-top {
	display: grid;
	grid-template-columns: 200px 1fr 1fr 1fr 1fr;
	gap: 32px;
	align-items: start;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.f-brand {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.f-logo {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	letter-spacing: -.02em;
}

.f-about {
	font-size: 14px;
	color: rgba(255, 255, 255, .45);
	line-height: 1.7;
}

.f-socials {
	display: flex;
	gap: 8px;
}

.f-soc {
	width: 30px;
	height: 30px;
	border-radius: 6px;
	background: rgba(255, 255, 255, .07);
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, .45);
	transition: .15s;
	cursor: pointer;
}

.f-col h4 {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: rgba(255, 255, 255, .45);
	margin-top: 0;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.f-acc-icon {
	display: none;
	transition: transform 0.3s ease;
}

.f-col ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 0;
	margin: 0;
}

.f-col li a {
	font-size: 12px;
	color: rgba(255, 255, 255, .45);
	text-decoration: none;
	transition: .15s;
}

.f-col li a:hover {
	color: #fff;
}

@media (max-width: 767px) {
	.footer-top {
		grid-template-columns: 1fr !important;
		gap: 0 !important;
	}

	.f-brand {
		padding-bottom: 30px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.05);
		margin-bottom: 15px;
	}

	.f-col {
		border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	}

	.f-col h4 {
		padding: 18px 0;
		margin-bottom: 0;
		cursor: pointer;
	}

	.f-acc-icon {
		display: block;
		color: rgba(255, 255, 255, 0.2);
	}

	.f-col.open .f-acc-icon {
		transform: rotate(180deg);
		color: var(--brand);
	}

	.f-col.open h4 {
		color: #fff !important;
	}

	.f-acc-content {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease-out, padding 0.3s ease;
	}

	.f-col.open .f-acc-content {
		max-height: 500px;
		padding-bottom: 20px;
	}
}

.footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0;
	flex-wrap: wrap;
	gap: 10px;
}

.fb-copy {
	font-size: 12px;
	color: rgba(255, 255, 255, .45);
}

.fb-links {
	display: flex;
	gap: 16px;
}

.fb-links a {
	font-size: 12px;
	color: rgba(255, 255, 255, .45);
	text-decoration: none;
	transition: .15s;
}

.fb-links a:hover {
	color: #fff;
}

/* ══════════════════════════════════════════════════
   MOBILE MENU CORE STYLES
   ══════════════════════════════════════════════════ */
.nav-toggle {
	display: none;
	flex-direction: column;
	gap: 4px;
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
}

.nav-toggle span {
	display: block;
	width: 22px;
	height: 2px;
	background: #111;
	/* Fallback to black */
	background: var(--ink, #111);
	transition: .2s;
}

.mobile-menu {
	position: fixed;
	top: 0;
	right: -280px;
	width: 280px;
	height: 100%;
	background: #fff;
	z-index: 1001;
	box-shadow: -5px 0 25px rgba(0, 0, 0, 0.1);
	transition: right .3s ease;
	display: flex;
	flex-direction: column;
}

.mobile-menu.open {
	right: 0 !important;
}

.mm-header {
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--line);
}

.mm-close {
	font-size: 28px;
	background: none;
	border: none;
	color: var(--ink3);
	cursor: pointer;
	line-height: 1;
}

.mm-body {
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.mm-body a {
	color: var(--ink);
	font-weight: 500;
	font-size: 16px;
	text-decoration: none;
}

.mm-sep {
	height: 1px;
	background: var(--line);
	margin: 10px 0;
}

.mm-btn {
	background: var(--brand);
	color: #fff !important;
	padding: 12px;
	border-radius: 8px;
	text-align: center;
	font-weight: 700 !important;
}

.mm-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1000;
	display: none;
}

.mm-overlay.open {
	display: block !important;
}

/* ══════════════════════════════════════════════════
   RESPONSIVE OVERRIDES
   ══════════════════════════════════════════════════ */

@media (max-width: 991px) {
	.cat-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.city-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.listings-row {
		grid-template-columns: repeat(2, 1fr);
	}

	.post-grid {
		grid-template-columns: 1fr 1fr;
	}

	.seo-grid {
		grid-template-columns: 1fr 1fr;
	}

	.footer-top {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.sell-banner-in {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.sb-btns {
		justify-content: center;
	}

	.hs-top {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 767px) {
	.nav-links {
		display: none !important;
	}

	.nav-in {
		height: 60px !important;
		display: flex !important;
		flex-direction: row !important;
		justify-content: space-between !important;
		align-items: center !important;
		padding: 0 15px !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.logo {
		margin: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		flex: 1 !important;
	}

	.logo img {
		height: 30px !important;
	}

	.nav-btns {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		margin: 0 !important;
		flex: 1 !important;
		gap: 5px !important;
	}

	.nav-btns .nb-g {
		display: none !important;
	}

	.nav-btns .nb-f {
		display: flex !important;
		font-size: 14px !important;
		padding: 6px 12px !important;
		border-radius: 6px !important;
		font-weight: 700 !important;
		white-space: nowrap !important;
		background: var(--brand) !important;
	}

	.nav-toggle {
		display: flex !important;
	}

	.hero {
		padding: 20px 15px 20px !important;
	}

	.hero-eyebrow {
		margin-top: 5px !important;
	}

	.hero h1 {
		font-size: 22px !important;
	}

	.hero-search {
		margin: 25px 0 10px !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}

	.hs-top {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	.hs-field {
		border: 1px solid var(--line) !important;
		border-radius: 10px !important;
		background: #fff !important;
		padding: 12px 16px !important;
	}

	.hs-search-btn {
		border-radius: 10px !important;
		width: 100%;
		justify-content: center;
		padding: 18px;
		margin-top: 6px;
	}

	.cat-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.listings-row {
		grid-template-columns: 1fr;
	}

	.post-grid {
		grid-template-columns: 1fr;
	}

	.seo-grid {
		grid-template-columns: 1fr;
	}

	.footer-top {
		grid-template-columns: 1fr 1fr;
	}

	.form_control_box {
		flex-direction: column;
	}

	.form_control_box .form-control {
		border-right: none !important;
		border-bottom: 1px solid #DBDBDB;
	}

	.form_control_box .form-control:last-child {
		border-bottom: none;
	}

	.search_box_button .form-control {
		width: 100% !important;
		float: none !important;
		margin-bottom: 10px;
	}

	.search_box_button button {
		width: 100% !important;
		float: none !important;
	}
}

@media (max-width: 480px) {
	.cat-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.footer-top {
		grid-template-columns: 1fr;
	}
}