/*
 Theme Name:   WpResidence child theme
 Theme URI:    https://themeforest.net/item/wp-residence-real-estate-wordpress-theme/7896392
 Description:  WpResidence child theme
 Author:       WpEstate
 Author URI:   http://wpestate.org
 Template:     wpresidence
 Version:      5.1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

 .wpcf7-form-control.wpcf7-checkbox.send-a-copy .wpcf7-list-item.first.last {
 	margin: 0;
 }

 .contact_map_container h4:last-of-type {
 	display: none;
 }

 .wpestate_sidebar_sticky #primary_sidebar_wrapper ul.xoxo li#multiple_currency_widget-1,
 .wpestate_sidebar_sticky #primary_sidebar_wrapper ul.xoxo li#measurement_unit_widget-1,
 .wpestate_sidebar_sticky #primary_sidebar_wrapper ul.xoxo li#advanced_search_widget-1,
 .wpestate_sidebar_sticky #primary_sidebar_wrapper ul.xoxo li#property_categories-1,
 .wpestate_sidebar_sticky #primary_sidebar_wrapper ul.xoxo li#mortgage_widget-1,
 .wpestate_sidebar_sticky #primary_sidebar_wrapper ul.xoxo li#login_widget-1,
 .wpestate_sidebar_sticky #primary_sidebar_wrapper ul.xoxo li#block-4 {
 	display: none;
 }

 .wpestate_sidebar_sticky #primary_sidebar_wrapper ul.xoxo li#social_widget-5 {
 	margin-bottom: 30px;
 }

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

 /* COUNTRY CODE CSS */

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

 .iti input {
 	padding-left: 65px !important;
 }

 .iti__flag-container {
 	position: absolute;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	display: flex;
 	align-items: center;
 	cursor: pointer;
 	z-index: 2;
 }

 .iti__country-list {
 	/* position: absolute; */
 	top: 100%;
 	left: 0;
 	background-color: #fff;
 	border: 1px solid #ccc;
 	max-height: 300px;
 	overflow-y: auto;
 	/* width: max-content; */
 	z-index: 9999;
 }

 .iti--open .iti__country-list {
 	display: block;
 }

 input.phone-intl {
 	padding-left: 65px !important;
 }


 /* LOGIN POPUP */

 .otp-auth-container {
 	max-width: 400px;
 	margin: 40px auto;
 	background: #f8f8f8;
 	padding: 25px;
 	border-radius: 10px;
 }

 .otp-auth-tabs {
 	display: flex;
 	justify-content: space-between;
 	margin-bottom: 20px;
 }

 .otp-auth-tabs button {
 	flex: 1;
 	padding: 10px;
 	background: #eee;
 	border: none;
 	cursor: pointer;
 }

 .otp-auth-tabs button.active {
 	background: #28a745;
 	color: white;
 }

 .otp-form-section {
 	display: none;
 }

 .otp-form-section.active {
 	display: block;
 }


 /* POPUP STYLES */
 .myonline-header-button {
 	position: fixed;
 	top: 20px;
 	right: 20px;
 	background: #0073E1;
 	color: white;
 	padding: 10px 15px;
 	border-radius: 5px;
 	z-index: 10000;
 }

 #custom-page-popup {
 	position: fixed;
 	inset: 0;
 	display: none;
 	justify-content: center;
 	align-items: center;
 	background-color: rgba(0, 0, 0, 0.6);
 	z-index: 99999;
 }

 #custom-popup-overlay {
 	position: fixed;
 	inset: 0;
 }

 #custom-popup-close {
 	position: absolute;
 	top: 10px;
 	right: 15px;
 	cursor: pointer;
 	font-size: 24px;
 }

 #custom-popup-content {
 	height: 520px;
 	width: 750px;
 	background: white;
 	/* padding: 30px; */
 	max-width: 90vw;
 	max-height: 90vh;
 	overflow-y: auto;
 	border-radius: 8px;
 	position: relative;
 }

 #custom-popup-close {
 	position: absolute;
 	top: 10px;
 	right: 10px;
 	width: 40px;
 	height: 40px;
 	/* background: white; */
 	border-radius: 50%;
 	/* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); */
 	font-size: 24px;
 	text-align: center;
 	line-height: 40px;
 	cursor: pointer;
 	z-index: 100000;
 }

 /* #custom-popup-content * {
  z-index: auto !important;
} */

 .elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-27db311e.login-register-modal-image {
 	height: 520px;
 	background-image: url("/wp-content/uploads/2025/07/modalback.jpg");
 	background-position: center center;
 	background-repeat: no-repeat;
 	background-size: cover;
 }

 .custom-login-register-section .elementor-widget-wrap.elementor-element-populated {
 	align-content: center;
 }

 .elementor-container.elementor-column-gap-wide {
 	display: flex;
 	margin-left: auto;
 	margin-right: auto;
 	position: relative;
 }

 @media (min-width: 768px) {

 	.elementor-column.elementor-col-50,
 	.elementor-column[data-col="50"] {
 		width: 50%;
 	}
 }

 .elementor-column-gap-wide>.elementor-column>.elementor-element-populated {
 	padding: 20px;
 }

 .elementor-widget-wrap {
 	align-content: flex-start;
 	flex-wrap: wrap;
 	position: relative;
 	width: 100%;
 }

 #custom-page-popup .custom-login-register-section .elementor-widget-wrap.elementor-element-populated {
 	height: 520px;
 }


 .login-register-modal-image .elementor-element.elementor-element-176bd848 .elementor-heading-title.elementor-size-default {
 	/* bottom: 45px; */
 	color: #fff;
 	font-size: 31px;
 	font-weight: 500;
 	left: 45px;
 	line-height: 1.25em;
 	position: absolute;
 	right: 45px;
 	z-index: 2;
 }

 .custom-checkbox-wrapper label {
 	font-size: 14px;
 	line-height: 1.35em !important;
 	padding-bottom: 10px;
 	padding-top: 10px;

 }


 .wpresidece_has_top_bar .master_header .header_wrapper .myonline-header-button {
 	padding: 6px 14px;
 	font-size: 14px;
 	white-space: nowrap;
 	line-height: 1.5;
 	display: flex;
 	top: 68px;
 	/* right: 361px; */
 	position: sticky;
 }


 .wpresidece_has_top_bar .master_header_sticky .header_wrapper .myonline-header-button {
 	padding: 6px 14px;
 	font-size: 14px;
 	white-space: nowrap;
 	line-height: 1.5;
 	display: flex;
 	top: 18px;
 	/* right: 361px; */
 	position: sticky;
 }

 .mobile-popup-button {
 	font-size: 16px;
 	text-decoration: none;
 	border-radius: 4px;
 }

 @media (max-width: 767px) {
 	.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-27db311e.login-register-modal-image {
 		display: none;
 	}
 }

 #custom-login-form .iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
 	margin-bottom: 15px;
 }

 @media (min-width: 992px) {
 	/* .header_transparent #user_menu_u .submit_action {
     display: none;
   }

   #all_wrapper #user_menu_u .submit_action {
     display: none;
   }

   .header_transparent .submit_listing {
     display: none;
   } */

 	/* #all_wrapper .submit_listing {
     display: none;
  } */
 }

 /* upload your property */
 /* Cover section */



 body.page-id-31832 {

 	/* Base Styles */
 	#step-form-wrapper {
 		font-family: 'Roboto', sans-serif;
 		max-width: 900px;
 		margin: auto;
 	}

 	/* Cover Section */
 	#cover {
 		display: flex;
 		align-items: center;
 		gap: 20px;
 		flex-wrap: wrap;
 		padding: 20px 0;
 	}

 	#cover-img {
 		width: 200px;
 		max-width: 220px;
 		object-fit: contain;
 		flex-shrink: 0;
 	}

 	#cover-text {
 		flex: 1;
 		min-width: 250px;
 	}

 	/* Tabs */
 	.tabs {
 		display: flex;
 	}

 	.tabs .tab {
 		flex: 1;
 		padding: 12px;
 		border: none;
 		background: #ccc;
 		color: #666;
 		cursor: pointer;
 		transition: background 0.3s ease;
 	}

 	.tabs .tab.active {
 		background: #0073e1;
 		color: white;
 	}

 	#tab-step-2:disabled {
 		background: #ccc !important;
 		color: #666 !important;
 		cursor: not-allowed;
 	}

 	/* Tab Contents */
 	.tab-content {
 		display: none;
 		padding: 20px;
 	}

 	.tab-content.active {
 		display: block;
 	}

 	/* Form Layout */
 	.form-row {
 		display: flex;
 		flex-wrap: wrap;
 		gap: 20px;
 		margin-bottom: 20px;
 	}

 	.form-row label {
 		flex: 1 1 45%;
 	}

 	/* Input Fields */
 	.step1-input,
 	.step2-input {
 		padding: 10px;
 		height: 42px;
 		border: 1px solid #ccc;
 		border-radius: 4px;
 		width: 100%;
 		box-sizing: border-box;
 		font-family: 'Roboto', sans-serif;
 	}

 	/* Accordion */
 	.accordion-item {
 		margin-bottom: 20px;
 		border-radius: 6px;
 		border: 1px solid #ddd;
 		overflow: hidden;
 		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
 	}

 	.accordion-btn {
 		background: white;
 		color: #0073e1;
 		width: 100%;
 		text-align: left;
 		border: none;
 		font-size: 17px;
 		font-weight: bold;
 		border-left: 3px solid #0073e1;
 		padding: 12px;
 		border-radius: 4px;
 		cursor: pointer;
 	}

 	.accordion-content {
 		max-height: 0;
 		overflow: hidden;
 		font-size: 16px;
 		background: #f8f8f8;
 		transition: max-height 0.4s ease, padding 0.3s ease;
 		padding: 0 15px;
 	}

 	.accordion-item.active .accordion-content {
 		max-height: 1000px;
 		padding: 15px;
 	}

 	/* Checkbox Group */
 	.checkbox-group {
 		display: flex;
 		gap: 5px;
 		width: 44px;
 		flex-wrap: wrap;
 		margin-top: 3px;
 	}

 	.checkbox-group label {
 		display: flex;
 		align-items: center;
 		gap: 6px;
 	}

 	/* Buttons */
 	.primary-btn {
 		background: #0073e1;
 		color: white;
 		padding: 10px 25px;
 		border: none;
 		border-radius: 4px;
 		margin-top: 20px;
 		cursor: pointer;
 		transition: background 0.3s ease;
 	}

 	.primary-btn:hover {
 		background: #005bb5;
 	}

 	/* Section spacing */
 	.section-general-info {
 		margin-bottom: 30px;
 	}

 	/* Responsive */
 	@media (max-width: 768px) {
 		#cover {
 			flex-direction: column;
 			align-items: flex-start;
 		}

 		.form-row {
 			flex-direction: column;
 		}

 		.form-row label {
 			width: 100%;
 		}

 		.accordion-content {
 			padding: 15px 10px;
 		}

 		.tabs .tab {
 			font-size: 14px;
 			padding: 10px 8px;
 		}
 	}

 	/* Popup */
 	#custom-auth-popup {
 		position: fixed;
 		top: 0;
 		left: 0;
 		width: 100%;
 		height: 100%;
 		display: none;
 		background: rgba(0, 0, 0, 0.5);
 		z-index: 9999;
 		justify-content: center;
 		align-items: center;
 	}

 	.custom-auth-popup-inner {
 		background: #fff;
 		max-width: 400px;
 		margin: 10vh auto;
 		padding: 2em;
 		position: relative;
 		border-radius: 10px;
 	}

 	.custom-auth-popup-close {
 		position: absolute;
 		top: 10px;
 		right: 15px;
 		font-size: 24px;
 		cursor: pointer;
 	}

 	#custom-login-phone {
 		margin-bottom: 15px !important;
 	}
 }

 #custom_modal_login_wrapper {
 	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgba(0, 0, 0, 0.6);
 	display: none;
 	z-index: 9999;
 }

 .login_wrapper_inner {
 	background: #fff;
 	padding: 40px;
 	max-width: 600px;
 	margin: 80px auto;
 	position: relative;
 	border-radius: 8px;
 }

 /* #custom_login_section,
#custom_register_section {
    display: none;
    flex-direction: column;
    gap: 15px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

#custom_login_section.active,
#custom_register_section.active {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
} */
 .wpestate_login_form_wrapper a.switch-to-register {
 	display: inline-block !important;
 	visibility: visible !important;
 	opacity: 1 !important;
 	pointer-events: auto !important;
 }

 #modal_login_wrapper .login-register-modal-form-wrapper #custom-login-recaptcha {
 	margin-top: 15px;
 	transform: scale(0.85);
 }

 .wpestate_login_form_wrapper a.switch-to-register {
 	display: inline-block !important;
 	visibility: visible !important;
 	opacity: 1 !important;
 	pointer-events: auto !important;
 }

 #custom-login-recaptcha,
 #custom-register-recaptcha {
 	margin-top: 15px;
 	/* transform: scale(0.85) !important; */
 }

 #modal_login_wrapper .login-register-modal-form-wrapper #custom-register-recaptcha {
 	margin-top: 20px;
 }

 .custom-form-toggle.login-links,
 .custom-form-toggle.wpestate_register_form_user_type_wrapper {
 	margin-top: 20px;
 }

 .wpestate_register_form_agree_terms_label {
 	font-size: 14px;
 	margin-top: 2px;
 	line-height: 1.35em !important;
 }

 #modal_login_wrapper .modal_login_container.wpestare_recaptcha_extra_class {
 	height: 700px !important;
 }

 /* ...................................<nav tab hide>................................................................................... */
 a.wpestate_top_property_navigation_link[href="#accordion_property_walkscore"] {
 	display: none !important;
 }

 a[href="#accordion_property_page_views"] {
 	display: none !important;
 }

 a[href="#property_reviews_area"] {
 	display: none !important;
 }

 a[href="#wpestate_single_agent_details_wrapper"] {
 	display: none !important;
 	visibility: hidden !important;
 	opacity: 0 !important;
 	pointer-events: none !important;
 }

 a[href="#accordion_property_schedule_tour"] {
 	display: none !important;
 	visibility: hidden !important;
 	opacity: 0 !important;
 	pointer-events: none !important
 }

 /* ............................................................................................<login popup>.................................................................. */
 .wpestate_register_form_agree_terms_label {
 	text-align: justify;
 }

 .login-register-modal-form-wrapper .custom-checkbox-wrapper label {
 	text-align: justify;
 }

 /* ......................................................................................................contact us..................................................................... */
 .contact_map_container h4::after {

 	content: " PROPERTYPINS REAL ESTATE LTD";

 	display: block;

 	margin-top: 10px;
 	font-size: 16px;
 }

 /* ...........................................................<detail page >>............................................................<>................................. */


 .mobile-only-tour {
 	display: none;
 }

 @media only screen and (max-width: 768px) {
 	.mobile-only-tour {
 		display: block;
 	}
 }

 /* Show by default (desktop and tablet) */
 .wpestate_schedule_tour_wrapper {
 	display: block !important;
 }

 /* Hide only on mobile (max-width: 768px) */
 @media only screen and (max-width: 768px) {
 	.wpestate_schedule_tour_wrapper {
 		display: none !important;
 	}
 }



 /* ..............................................................................<search field>........................................................................ */








 /* ...............................................................................<Similar property >................................................................................................... */



 .sl-listings-section {
 	margin-bottom: 30px;
 	padding: 20px;
 	box-sizing: border-box;
 }

 .sl-listings-heading {
 	text-align: center;
 	font-size: clamp(20px, 5vw, 24px);
 	margin-bottom: 20px;
 }

 .sl-listing-container {
 	display: flex;
 	gap: 20px;
 	flex-wrap: wrap;
 	justify-content: center;
 	width: 100%;
 	max-width: 1200px;
 	margin: 0 auto;
 	padding: 0 10px;
 	box-sizing: border-box;
 }

 .sl-listing-card {
 	border: 1px solid #ddd;
 	border-radius: 3px;
 	overflow: hidden;
 	width: min(100%, 329px);
 	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 	flex-shrink: 0;
 	transition: box-shadow 0.5s ease;
 }

 .sl-listing-card:hover {
 	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
 }

 .sl-listing-image {
 	width: 100%;
 	height: 200px;
 	object-fit: cover;
 	display: block;
 	aspect-ratio: 3 / 2;
 	transition: transform 0.5s ease;
 }

 .sl-listing-card:hover .sl-listing-image {
 	transform: scale(1.1);
 }

 .sl-listing-content {
 	padding: 10px;
 	position: relative;
 }

 .sl-listing-title {
 	color: #000;
 	font-size: clamp(16px, 4vw, 18px);
 	margin: 20px 0;
 	transition: color 0.3s;
 }

 .sl-listing-title:hover {
 	color: #0073E1;
 }

 .sl-listing-price {
 	color: #0073E1;
 	font-weight: bold;
 	margin: 5px 0;
 	font-size: clamp(14px, 3.5vw, 16px);
 }

 .sl-listing-icon.sl-share-icon {
 	align-items: center;
 	border: 1px solid #eef3f6;
 	border-radius: 2px;
 	color: #c2cbd9;
 	cursor: pointer;
 	display: flex;
 	height: 30px;
 	justify-content: center;
 	line-height: 30px;
 	width: 30px;
 	position: relative;
 }

 .sl-listing-icon.sl-share-icon::before {
 	content: "\e804";
 	font-family: fontello;
 	font-size: 13px;
 }

 .sl-listing-icon.sl-cart-icon {
 	align-items: center;
 	border: 1px solid #eef3f6;
 	border-radius: 2px;
 	color: #c2cbd9;
 	display: flex;
 	font-size: 12px;
 	height: 30px;
 	justify-content: center;
 	line-height: 30px;
 	width: 30px;
 	position: relative;
 }

 .sl-listing-icon.sl-cart-icon::before {
 	content: "\f004";
 	font-family: Font Awesome\ 5 Free !important;
 	font-size: 12px;
 }

 .sl-listing-details {
 	color: #666;
 	font-size: clamp(10px, 3vw, 12px);
 	margin: 5px 0;
 }

 .sl-listing-icons {
 	display: flex;
 	gap: 10px;
 	margin: 5px 0;
 }

 .sl-listing-ad {
 	background: #f9f9f9;
 	color: black;
 	border: 1px solid black;
 	padding: 5px 10px;
 	border-radius: 5px;
 	display: inline-block;
 	font-size: clamp(12px, 3vw, 14px);
 }

 .sl-listing-separator {
 	border: 0;
 	border-top: 1px solid rgba(0, 0, 0, 0.1);
 	margin: 10px 0;
 }

 .sl-listing-footer {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	margin-top: 10px;
 }

 .sl-listing-actions {
 	display: flex;
 	gap: 10px;
 }

 .sl-listing-icon {
 	font-size: 16px;
 	cursor: pointer;
 	color: #0073E1;
 	transition: color 0.3s;
 }

 .sl-listing-icon:hover {
 	color: #005bb5;
 }

 .sl-listing-image-container {
 	position: relative;
 	width: 100%;
 	height: 200px;
 }

 .sl-location {
 	position: absolute;
 	bottom: 0px;
 	left: 10px;
 	color: #fff;
 	padding: 5px 10px;
 	border-radius: 5px;
 	font-size: clamp(12px, 3vw, 14px);
 	display: flex;
 	align-items: center;
 	gap: 5px;
 	/* background-color: rgba(0, 0, 0, 0.7); */
 }

 .sl-buttons {
 	display: flex;
 	gap: 5px;
 	margin: 0;
 	position: absolute;
 	right: 10px;
 	top: 10px;
 }

 .sl-buy-btn,
 .sl-new-offer-btn {
 	background-color: color-mix(in srgb, var(--wp-estate-main-color-option, var(--wp-estate-main-color)) 85%, transparent);
 	border-radius: var(--wp-estate-border-radius-corner-option, var(--wp_estate_border_radius_corner));
 	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
 	color: #fff;
 	font-size: clamp(10px, 2.5vw, 11px);
 	line-height: 20px;
 	padding: 0 8px;
 	position: relative;
 	text-align: center;
 }

 .sl-buy-btn:hover,
 .sl-new-offer-btn:hover {
 	background-color: #005bb5;
 }

 .sl-social-dropdown {
 	display: none;
 	position: absolute;
 	bottom: 40px;
 	right: 52px;
 	background-color: #0073E1;
 	border-radius: 5px 5px 0 0;
 	padding: 5px 0;
 	width: 24px;
 	height: 176px;
 	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 	z-index: 1000;
 	flex-direction: column;
 	align-items: center;
 	clip-path: polygon(0% 0%,
 			/* Top-left corner */
 			100% 0%,
 			/* Top-right corner */
 			100% 90%,
 			/* Right side before arrow */
 			60% 90%,
 			/* Right base of arrow */
 			50% 98%,
 			/* Tip of the arrow */
 			40% 90%,
 			/* Left base of arrow */
 			0% 90%
 			/* Left side before arrow */
 		);
 }

 .sl-social-dropdown.active {
 	display: flex;
 }

 .sl-social-dropdown a {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	height: 30px;
 	width: 30px;
 	color: #fff;
 	text-decoration: none;
 	font-size: 18px;
 	height: 136px;
 	transition: background-color 0.3s;
 }

 .sl-social-dropdown a:hover {
 	background-color: #005bb5;
 }

 .sl-social-dropdown a i {
 	margin: 0;
 	font-size: 18px;
 }

 /* Media Queries for Responsiveness */
 @media (max-width: 768px) {
 	.sl-listing-container {
 		justify-content: center;
 		gap: 15px;
 	}

 	.sl-listing-card {
 		width: min(100%, 300px);
 	}

 	.sl-listing-image-container {
 		height: 180px;
 	}

 	.sl-listing-image {
 		height: 100%;
 	}

 	.sl-location {
 		font-size: clamp(10px, 2.5vw, 12px);
 		padding: 4px 8px;
 		bottom: 8px;
 		left: 8px;
 	}

 	.sl-buttons {
 		right: 8px;
 		top: 8px;
 		gap: 4px;
 	}

 	.sl-buy-btn,
 	.sl-new-offer-btn {
 		font-size: clamp(9px, 2vw, 10px);
 		padding: 0 6px;
 		line-height: 18px;
 	}

 	.sl-social-dropdown {
 		width: 36px;
 		bottom: 35px;
 		right: 8px;
 	}

 	.sl-social-dropdown a {
 		height: 28px;
 		width: 28px;
 	}

 	.sl-social-dropdown a i {
 		font-size: 16px;
 	}
 }

 @media (max-width: 576px) {
 	.sl-listings-section {
 		padding: 15px;
 	}

 	.sl-listing-container {
 		gap: 10px;
 	}

 	.sl-listing-card {
 		width: 100%;
 		max-width: 100%;
 	}

 	.sl-listing-image-container {
 		height: 160px;
 	}

 	.sl-listing-content {
 		padding: 8px;
 	}

 	.sl-listing-title {
 		font-size: clamp(14px, 4vw, 16px);
 	}

 	.sl-listing-price {
 		font-size: clamp(12px, 3.5vw, 14px);
 	}

 	.sl-listing-details {
 		font-size: clamp(9px, 2.5vw, 10px);
 	}

 	.sl-listing-icons {
 		gap: 8px;
 	}

 	.sl-listing-ad {
 		font-size: clamp(10px, 2.5vw, 12px);
 		padding: 4px 8px;
 	}

 	.sl-listing-actions {
 		gap: 8px;
 	}

 	.sl-listing-icon {
 		height: 28px;
 		width: 28px;
 		line-height: 28px;
 	}

 	.sl-listing-icon.sl-share-icon::before,
 	.sl-listing-icon.sl-cart-icon::before {
 		font-size: 11px;
 	}

 	.sl-social-dropdown {
 		width: 32px;
 		bottom: 30px;
 		right: 8px;
 	}

 	.sl-social-dropdown a {
 		height: 26px;
 		width: 26px;
 	}

 	.sl-social-dropdown a i {
 		font-size: 14px;
 	}
 }

 /* .......................................................................................<detailspage info>................................................................ */
 /* CSPMP Apartment Table Styling for WP Residence */
 .cspmp-table {
 	width: 100%;
 	border-collapse: separate;
 	border-spacing: 0;
 	background-color: #ffffff;
 	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
 	border-radius: 8px;
 	margin-top: 15px;
 	font-family: 'Roboto', sans-serif;
 	border: 1px solid #e9ecef;
 }

 /* Table Header */
 .cspmp-table thead tr {
 	background-color: #f8f9fa;
 	border-bottom: 2px solid #dee2e6;
 }

 .cspmp-table th {
 	padding: 15px 20px;
 	font-size: 13px;
 	font-weight: 700;
 	color: #222222;
 	text-transform: uppercase;
 	letter-spacing: 0.5px;
 	text-align: center;
 }

 .cspmp-table th:first-child {
 	border-left: 3px solid #0073e1;
 }

 /* Table Body */
 .cspmp-table tbody tr {
 	background-color: #fdfdfd;
 }

 .cspmp-table tbody tr:nth-child(even) {
 	background-color: #f8f9fa;
 }

 .cspmp-table tbody tr:hover {
 	background-color: #e9ecef;
 }

 .cspmp-table td {
 	padding: 12px 20px;
 	font-size: 12.5px;
 	color: #333333;
 	border-bottom: 1px solid #e9ecef;
 	vertical-align: middle;
 }

 /* Ad#/Sellers Ref and Property Type Columns */
 .cspmp-table td:nth-child(1),
 .cspmp-table td:nth-child(2) {
 	color: #000000;
 }

 .cspmp-table td:nth-child(1) .cspmp-link,
 .cspmp-table td:nth-child(2) .cspmp-link {
 	color: #000000;
 	text-decoration: none;
 	font-weight: 500;
 }

 .cspmp-table td:nth-child(1) .cspmp-link:hover,
 .cspmp-table td:nth-child(2) .cspmp-link:hover {
 	color: #000000;
 	text-decoration: underline;
 }

 /* Links in Other Columns */
 .cspmp-table .cspmp-link {
 	color: #0073e6;
 	text-decoration: none;
 	font-weight: 500;
 }

 .cspmp-table .cspmp-link:hover {
 	color: #005bb5;
 	text-decoration: underline;
 }

 /* Sales Price Styling */
 .cspmp-table td b {
 	font-weight: 700;
 	color: #1a1a1a;
 	font-size: 13px;
 }

 /* Schedule a Tour Button (Desktop) */
 .cspmp-table .cspmp-btn {
 	background: #ffffff;
 	color: #0073e1;
 	padding: 6px 12px;
 	font-size: 12px;
 	font-weight: 600;
 	text-transform: uppercase;
 	border: 2px solid #0073e1;
 	border-radius: 6px;
 	line-height: 1.4;
 	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }

 .cspmp-table .cspmp-btn:hover {
 	background: #0073e1;
 	color: #ffffff;
 }

 .cspmp-table .cspmp-btn:focus {
 	outline: none;
 	box-shadow: 0 0 0 3px rgba(0, 115, 230, 0.3);
 }

 /* Schedule a Tour Button (Mobile) */
 .cspmp-table .cspmp-btn-sm {
 	background: linear-gradient(135deg, #0073e6 0%, #005bb5 100%);
 	color: #ffffff;
 	padding: 8px;
 	font-size: 16px;
 	border: none;
 	border-radius: 6px;
 	width: 44px;
 	height: 44px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }

 .cspmp-table .cspmp-btn-sm:hover {
 	background: linear-gradient(135deg, #005bb5 0%, #003d99 100%);
 }

 .cspmp-table .cspmp-btn-sm:focus {
 	outline: none;
 	box-shadow: 0 0 0 3px rgba(0, 115, 230, 0.3);
 }

 /* Responsive Adjustments */
 @media (max-width: 767px) {

 	.cspmp-table th,
 	.cspmp-table td {
 		font-size: 11px;
 		padding: 10px 12px;
 	}

 	.cspmp-table .cspmp-btn-sm {
 		font-size: 14px;
 		width: 40px;
 		height: 40px;
 	}

 	.cspmp-table th:first-child {
 		border-left: none;
 	}
 }

 @media (min-width: 768px) {
 	.cspmp-table .hidden-xs.hidden-sm {
 		display: table-cell !important;
 	}
 }

 @media (max-width: 991px) {
 	.cspmp-table .hidden-md.hidden-lg {
 		display: table-cell !important;
 	}
 }

 .btn arrange-view cspmp-btn hidden-xs hidden-sm {
 	border: 2px solid #0073e1;
 	color: #0073e1;
 }

 /* Schedule Tour Styling */
 .cspmp-schedule-tour {
 	font-family: 'Roboto', sans-serif;
 	padding: 20px;
 	background: rgba(255, 255, 255, 0.95);
 	border-radius: 8px;
 	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
 }

 .cspmp-schedule-tour h4 {
 	font-size: 20px;
 	font-weight: 700;
 	color: #222222;
 	margin-bottom: 15px;
 }

 .cspmp-schedule-dates {
 	display: flex;
 	overflow-x: auto;
 	gap: 10px;
 	padding-bottom: 10px;
 	scroll-snap-type: x mandatory;
 }

 .cspmp-schedule-date {
 	background-color: #ffffff;
 	border: 2px solid #ccc;
 	border-radius: 10px;
 	min-width: 80px;
 	text-align: center;
 	cursor: pointer;
 	padding: 10px;
 	scroll-snap-align: start;
 	transition: all 0.3s ease;
 }

 .cspmp-schedule-date:hover {
 	border-color: #3498db;
 	background-color: #f0f8ff;
 }

 .cspmp-schedule-date.slick-active {
 	opacity: 1;
 }

 .cspmp-schedule-date.shedule_day_option_selected {
 	border-color: #3498db;
 	background-color: #eaf6ff;
 }

 .cspmp-schedule-date .wpestate_day_unit_day_name,
 .cspmp-schedule-date .wpestate_day_unit_day_number,
 .cspmp-schedule-date .wpestate_day_unit_day_month {
 	display: block;
 	font-size: 14px;
 	color: #333333;
 }

 .cspmp-schedule-date .wpestate_day_unit_day_number {
 	font-size: 18px;
 	font-weight: 700;
 }

 .cspmp-schedule-dates .slick-arrow {
 	background: none;
 	border: none;
 	font-size: 24px;
 	color: #0073e1;
 	cursor: pointer;
 }

 .cspmp-schedule-dates .slick-arrow:hover {
 	color: #005bb5;
 }

 .cspmp-schedule-time {
 	margin: 15px 0;
 }

 .cspmp-time-select {
 	width: 100%;
 	padding: 10px;
 	font-size: 14px;
 	border: 1px solid #e9ecef;
 	border-radius: 6px;
 	background-color: #ffffff;
 }

 .cspmp-time-select:focus {
 	border-color: #0073e1;
 	outline: none;
 	box-shadow: 0 0 0 3px rgba(0, 115, 230, 0.3);
 }

 .cspmp-tour-options {
 	display: flex;
 	gap: 10px;
 	margin-bottom: 15px;
 }

 .cspmp-tour-option {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	padding: 10px;
 	border: 2px solid #e9ecef;
 	border-radius: 6px;
 	cursor: pointer;
 	font-size: 14px;
 	color: #333333;
 	background-color: #ffffff;
 }

 .cspmp-tour-option:hover {
 	border-color: #0073e1;
 }

 .cspmp-tour-option.shedule_option_selected {
 	border-color: #0073e1;
 	background-color: #eaf6ff;
 }

 .cspmp-tour-option svg {
 	width: 16px;
 	height: 16px;
 }

 .cspmp-tour-option.schedule_video_chat svg {
 	width: 24px;
 	height: 24px;
 }

 .cspmp-schedule-tour .wpestate_tour_info_headline {
 	font-size: 18px;
 	font-weight: 700;
 	color: #222222;
 	margin: 15px 0;
 }

 .cspmp-alert {
 	display: none;
 	padding: 10px;
 	background-color: #f8d7da;
 	color: #721c24;
 	border-radius: 6px;
 	margin-bottom: 15px;
 }

 .cspmp-contact-form {
 	display: flex;
 	flex-direction: column;
 	gap: 15px;
 }

 .cspmp-input-wrapper {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 15px;
 }

 .cspmp-input {
 	flex: 1 1 48%;
 	min-width: 220px;
 	padding: 10px;
 	font-size: 14px;
 	border: 1px solid #e9ecef;
 	border-radius: 6px;
 	background-color: #ffffff;
 }

 .cspmp-input:focus {
 	border-color: #0073e1;
 	outline: none;
 	box-shadow: 0 0 0 3px rgba(0, 115, 230, 0.3);
 }

 .cspmp-form-group {
 	flex: 1 1 100%;
 }

 .cspmp-select {
 	width: 100%;
 	padding: 10px;
 	font-size: 14px;
 	border: 1px solid #e9ecef;
 	border-radius: 6px;
 	background-color: #ffffff;
 }

 .cspmp-select:focus {
 	border-color: #0073e1;
 	outline: none;
 	box-shadow: 0 0 0 3px rgba(0, 115, 230, 0.3);
 }

 .cspmp-textarea {
 	width: 100%;
 	height: 80px;
 	padding: 10px;
 	font-size: 14px;
 	border: 1px solid #e9ecef;
 	border-radius: 6px;
 	background-color: #ffffff;
 }

 .cspmp-textarea:focus {
 	border-color: #0073e1;
 	outline: none;
 	box-shadow: 0 0 0 3px rgba(0, 115, 230, 0.3);
 }

 .cspmp-submit {
 	background: #0073e1;
 	color: #ffffff;
 	padding: 10px 20px;
 	font-size: 14px;
 	font-weight: 600;
 	text-transform: uppercase;
 	border: none;
 	border-radius: 6px;
 	cursor: pointer;
 }

 .cspmp-submit:hover {
 	background: #0073e1;
 }

 /* Responsive Adjustments */
 @media (max-width: 767px) {
 	.cspmp-schedule-tour {
 		padding: 15px;
 		max-width: 100%;
 	}

 	.cspmp-schedule-tour h4 {
 		font-size: 18px;
 	}

 	.cspmp-schedule-date {
 		min-width: 70px;
 		padding: 8px;
 	}

 	.cspmp-schedule-date .wpestate_day_unit_day_name,
 	.cspmp-schedule-date .wpestate_day_unit_day_number,
 	.cspmp-schedule-date .wpestate_day_unit_day_month {
 		font-size: 12px;
 	}

 	.cspmp-schedule-date .wpestate_day_unit_day_number {
 		font-size: 16px;
 	}

 	.cspmp-time-select,
 	.cspmp-input,
 	.cspmp-select,
 	.cspmp-textarea {
 		font-size: 13px;
 	}

 	.cspmp-tour-option {
 		font-size: 13px;
 		padding: 8px;
 	}

 	.cspmp-submit {
 		font-size: 13px;
 		padding: 8px 15px;
 	}
 }

 /* image main*/
 #op_gallery {
 	display: grid;
 	grid-template-columns: repeat(3, 1fr);
 	gap: 10px;
 	margin: 3px;
 }

 @media (max-width: 768px) {
 	#op_gallery {
 		grid-template-columns: repeat(2, 1fr);
 	}
 }

 @media (max-width: 576px) {
 	#op_gallery {
 		grid-template-columns: 1fr;
 	}
 }

 .op-slideshow-modal {
 	transition: opacity 0.3s ease-out;
 	opacity: 0;
 }

 .op-slideshow-modal.show {
 	opacity: 1;
 	display: block;
 }

 .op-slideshow-image {
 	display: block;
 	margin: 0 auto;
 }

 .op-slideshow-prev,
 .op-slideshow-next,
 .op-slideshow-close {
 	transition: background 0.3s;
 }

 .op-slideshow-prev:hover,
 .op-slideshow-next:hover {
 	background: rgba(0, 0, 0, 0.8);
 }

 .op-slideshow-close:hover {
 	color: #333;
 }

 .op-slideshow-btn:hover {
 	text-decoration: underline;
 }

 .page-id-34076 .wpresidence-content-container-wrapper {
 	padding: 0px;
 	width: 100% !important;
 	max-width: 100% !important;
 }

 .wpresidence_schedule_tour_wrapper {
 	margin-bottom: 30px;
 }

 .contact_form_flex_wrapper {
 	display: flex;
 	padding-top: 8px;
 	flex-direction: column;
 	gap: 20px;
 }

 .contact_form_flex_input_wrapper {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 15px;
 }

 .contact_form_flex_input_wrapper input,
 .contact_form_flex_input_wrapper select {
 	flex: 1 1 48%;
 	min-width: 220px;
 }

 .form-group.visit-type {
 	flex: 1 1 100%;
 	margin-top: 10px;
 }

 textarea.form-control {
 	width: 100%;
 	height: 80px;
 }

 .wpresidence_button.agent_submit_class {
 	margin-top: 10px;
 	background-color: #007bff;
 	color: white;
 	border: none;
 	padding: 10px 20px;
 	border-radius: 4px;
 	cursor: pointer;
 }

 .wpestate_property_schedule_dates_wrapper {
 	display: flex !important;
 	overflow-x: auto;
 	gap: 10px;
 	padding-bottom: 10px;
 	scroll-snap-type: x mandatory;
 }

 .wpestate_property_schedule_singledate_wrapper {
 	background-color: #ffffff;
 	border: 2px solid #ccc;
 	border-radius: 10px;
 	min-width: 80px;
 	text-align: center;
 	cursor: pointer;
 	padding: 10px;
 	scroll-snap-align: start;
 	transition: all 0.3s ease;
 }

 .wpestate_property_schedule_singledate_wrapper:hover {
 	border-color: #3498db;
 	background-color: #f0f8ff;
 }

 .wpestate_property_schedule_singledate_wrapper.disabled {
 	cursor: not-allowed;
 	opacity: 0.5;
 }

 .shedule_day_option_selected {
 	border-color: #3498db !important;
 	background-color: #eaf6ff !important;
 }

 .wpestate_day_unit_day_name,
 .wpestate_day_unit_day_number,
 .wpestate_day_unit_day_month {
 	display: block !important;
 }

 .wpestate_display_schedule_tour_options_wrapper {
 	display: flex;
 	gap: 10px;
 	width: 76% !important;
 }

 .wpestate_display_schedule_tour_option {
 	display: flex;
 	align-items: center;
 	gap: 5px;
 	padding: 10px;
 	border: 1px solid #ccc;
 	border-radius: 4px;
 	cursor: pointer;
 }

 .wpestate_display_schedule_tour_option.shedule_option_selected {
 	border-color: #3498db;
 	background-color: #eaf6ff;
 }

 .wpestate_tour_info_headline {
 	margin: 15px 0 10px;
 	font-size: 1.2em;
 	font-weight: 600;
 }



 #property_schedule_tour .wpestate_property_schedule_dates_wrapper {
 	display: flex !important;
 }



 /* ///schedule tour popup and button */

 .btn-viewing {
 	display: block;
 	text-align: center;
 	margin: 10px auto;
 	border: 1px solid #fdb515;
 	padding: 10px 20px;
 	background: #fdb515;
 	/* border-color: #fdb515; */
 	background-image: linear-gradient(to right, #222 50%, #fdb515 50%);
 	background-size: 205% 100%;
 	background-position: right bottom;
 	transition: background-position 0.5s ease;
 	color: #000 !important;
 	text-decoration: none;
 	border-radius: 0px !important;
 	font-size: 15px;
 	max-width: 500px;
 	font-weight: bold;
 }

 .btn-viewing:hover {
 	background-image: linear-gradient(to right, #222 50%, #fdb515 50%);
 	background-position: left bottom;
 	color: #fff !important;
 	border-color: #222;
 }

 .custom-modal {
 	display: none;
 	position: fixed;
 	z-index: 9999;
 	left: 0;
 	top: 0;
 	width: 100%;
 	max-width: 100% !important;


 	height: 100%;
 	background: rgba(0, 0, 0, 0.6);
 }

 .custom-modal-content {

 	margin: 5% auto;
 	/* padding: 48px; */
 	width: 600px;
 	border-radius: 10px;
 	/* box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); */
 }

 @media (max-width: 768px) {
 	.custom-modal-content {
 		margin: 10px auto;
 		width: auto;
 		border-radius: 8px;
 	}
 }

 .custom-modal-close {
 	float: right;
 	font-size: 26px;
 	padding-top: 20px;
 	padding-right: 5px;
 	color: black;
 	cursor: pointer;
 }

 @media (min-width: 992px) {
 	.custom-modal-close {
 		padding-right: 86px;
 	}
 }

 .custom-modal-content .wpestate_property_schedule_dates_wrapper {
 	display: flex !important;
 }

 .custom-modal-content .wpestate_property_schedule_singledate_wrapper {
 	display: block;
 }

 .wpestate_top_property_navigation {
 	position: sticky;
 	top: 0;
 	background: #fff;
 	z-index: 998;
 	width: 100%;
 	padding: 10px 15px;
 	border-bottom: 1px solid #ddd;
 	box-sizing: border-box;
 }

 .nav-container {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 88px;
 	max-width: 1200px;
 	margin: 0 auto;
 }

 .wpestate_top_property_navigation_link {
 	text-decoration: none;
 	color: #333;
 	font-size: 14px;
 	/* padding: 8px 12px; */
 	padding-top: 8px !important;
 	padding-bottom: 8px !important;
 	border-radius: 4px;
 	transition: color 0.3s, background 0.3s, opacity 0.3s;
 }

 .wpestate_top_property_navigation_link:hover {
 	background: #e6f0ff;
 }

 .wpestate_top_property_navigation_link.active {
 	color: #007bff;
 	font-weight: bold;
 	background: #e6f0ff;
 }

 .wpestate_top_property_navigation_link.disabled {
 	opacity: 0.5;
 	pointer-events: none;
 }

 @media (max-width: 768px) {
 	.wpestate_top_property_navigation {
 		padding: 8px 10px;
 	}

 	.nav-container {
 		gap: 10px;
 	}

 	.wpestate_top_property_navigation_link {
 		font-size: 12px;
 		padding: 6px 10px;
 	}
 }

 .nav-container .wpestate_top_property_navigation_link {
 	display: flex;
 	align-items: center;
 	gap: 6px;
 	/* space between icon and text */
 	margin: 5px 0;
 }

 .nav-container .nav-icon {
 	width: 18px;
 	height: 18px;
 	object-fit: contain;
 }

 /* hiding the top */
 /* .page-id-34076 .master_header_sticky.master_header {
 	position: initial !important;
 	top: auto !important;
 } */

 /*nav bar aligment*/
 .wpestate_top_property_navigation.sticky_property_menu_visible {
 	left: 0px;
 	right: 0px;
 }

 .wpestate_top_property_navigation.sticky_property_menu_visible {
 	/* top: 70px !important; */
 	background-color: #fff !important;
 	/* opacity: .95 !important; */

 }

 .wpestate_top_property_navigation.sticky_property_menu_visible:hover {
 	background: #FFFFFF !important;
 }

 .page-template.page-template-custom-property-details.page-template-custom_property_layout .master_header_sticky {
 	box-shadow: 0px 0px !important;
 }

 /*///schedule tour and social media icon */
 /* Default (desktop / large screens) */
 .wpresidence_schedule_tour_wrapper.row.cspmp-schedule-tour,
 .widget-container.latest_listings.custom-fp,
 .widget-container.social_sidebar-fp {
 	width: 515px;
 }

 /* For tablets (screen width <= 1024px) */
 @media (max-width: 1024px) {

 	.wpresidence_schedule_tour_wrapper.row.cspmp-schedule-tour,
 	.widget-container.latest_listings.custom-fp,
 	.widget-container.social_sidebar-fp {
 		width: 400px;
 	}
 }

 /* For mobile (screen width <= 768px) */
 @media (max-width: 768px) {

 	.wpresidence_schedule_tour_wrapper.row.cspmp-schedule-tour,
 	.widget-container.latest_listings.custom-fp,
 	.widget-container.social_sidebar-fp {
 		width: 100%;
 		/* make it full width on mobile */
 	}
 }

 /* For very small devices (<= 480px) */
 @media (max-width: 480px) {

 	.wpresidence_schedule_tour_wrapper.row.cspmp-schedule-tour,
 	.widget-container.latest_listings.custom-fp,
 	.widget-container.social_sidebar-fp {
 		width: 100%;
 		/* padding: 0 10px; optional: add breathing space */
 	}
 }


 #property_schedule_tour.wpresidence_schedule_tour_wrapper.row.cspmp-schedule-tour {
 	display: none;
 }

 @media (min-width: 993px) {
 	#property_schedule_tour.wpresidence_schedule_tour_wrapper.row.cspmp-schedule-tour {
 		display: block;
 	}
 }

 /*parent code style*/
 /* CSS for Carousel and Responsive Layout */

 @media (max-width: 991.98px) {
 	.desktop-cover {
 		display: none !important;
 	}

 	.mobile-cover {
 		display: block !important;
 	}

 	.carousel {
 		position: relative;
 		overflow: hidden;
 	}

 	.carousel-inner {
 		display: flex;
 		transition: transform 0.5s ease;
 	}

 	.carousel-item {
 		flex: 0 0 100%;
 		display: none;
 	}

 	.carousel-item.active {
 		display: block;
 	}

 	.carousel-prev,
 	.carousel-next {
 		font-size: 24px;
 		padding: 10px 15px;
 		background: rgba(0, 0, 0, 0.7);
 		border-radius: 4px;
 	}

 	.carousel-prev:hover,
 	.carousel-next:hover {
 		background: rgba(0, 0, 0, 0.9);
 	}

 	/* Hide desktop sidebar for mobile */
 	.desktop-sidebar {
 		display: none;
 	}

 	/* Show mobile sidebar after similar properties */
 	.mobile-sidebar {
 		display: none;
 		margin-top: 20px;
 		padding: 0 15px;
 	}
 }

 @media (min-width: 992px) {
 	.mobile-cover {
 		display: none !important;
 	}

 	.desktop-cover {
 		display: flex !important;
 	}

 	/* Show desktop sidebar */
 	.desktop-sidebar {
 		display: block;
 	}

 	/* Hide mobile sidebar */
 	.mobile-sidebar {
 		display: none;
 	}
 }

 @media (min-width: 360px) and (max-width: 991.98px) {
 	.content-wrapper {
 		display: flex;
 		flex-direction: column;
 	}

 	/* Ensure main content takes full width */
 	.wpestate_column_content {
 		width: 100%;
 	}
 }

 /* Ensure consistent styling for sidebar content */
 .wpestate_sidebar_sticky,
 .mobile-sidebar {
 	background: #f8f9fa;
 	padding: 20px;
 	border-radius: 8px;

 	@media (min-width: 320px) and (max-width: 992px) {
 		.schedule-tour-wrapper-unique {
 			display: none !important;
 		}
 	}

 }

 /* Default styling for price_area */
 .price_area {
 	float: right;
 	font-size: 30px;
 	font-weight: 500;
 	line-height: 1.1;
 	margin-top: -5px;
 	max-width: 25%;
 	min-height: 1px;
 	min-width: 130px;
 	padding: 0;
 	position: relative;
 	text-align: right;
 }

 /* For screens 360px to 479px */
 @media (min-width: 360px) and (max-width: 479px) {
 	.price_area {
 		font-size: 20px;
 	}
 }

 /* For screens 480px to 767px */
 @media (min-width: 480px) and (max-width: 767px) {
 	.price_area {
 		font-size: 24px;
 	}
 }

 /* For screens 768px to 992px */
 @media (min-width: 768px) and (max-width: 992px) {
 	.price_area {
 		font-size: 26px;
 	}
 }

 /* Style of parent code Still here  */

 /* style for Adress*/


 /* Responsive iframe wrapper */
 .op-vtour-responsive {
 	position: relative;
 	width: 100%;
 	height: 100% !important;
 	padding-bottom: 56.25%;
 	/* 16:9 aspect ratio */
 	height: 0;
 	overflow: hidden;
 	border-radius: 8px;
 	/* optional, for smooth look */
 	background: #000;
 	/* prevents white flash while loading */
 }

 .op-vtour-responsive iframe {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	border: none;
 }

 /*still here*/



 /*project info */

 /* Default (above 992px) – keep as-is */
 .cspmp-table {
 	width: 100%;
 	border-collapse: collapse;
 	table-layout: auto;
 }

 /* Responsive fixes for 360px–992px */
 @media (max-width: 992px) {

 	/* Make table scrollable instead of overflowing */
 	.cspmp-table {
 		display: block;
 		width: 100%;
 		overflow-x: auto;
 		white-space: nowrap;
 	}

 	/* Reduce font size for small screens */
 	.cspmp-table th,
 	.cspmp-table td {
 		font-size: 13px;
 		padding: 6px;
 	}

 	/* Stack accordion body spacing */
 	#accordion_apartments_details .accordion-body {
 		padding: 10px;
 	}
 }

 @media (max-width: 576px) {

 	/* Even smaller tweaks for mobile */
 	.cspmp-table th,
 	.cspmp-table td {
 		font-size: 12px;
 		padding: 4px;
 	}

 	/* Buttons smaller */
 	.cspmp-btn {
 		font-size: 12px;
 		padding: 4px 6px;
 	}

 	/* Headings shrink a bit */
 	#accordion_apartments_details h5 {
 		font-size: 15px;
 	}
 }

 /*still here*/


 /*Area info */

 /* Responsive image */
 .cspmp-area-img {
 	max-width: 100%;
 	height: auto;
 	border-radius: 8px;
 	/* optional rounded corners */
 	display: block;
 	margin: 0 auto 15px auto;
 }

 .area-info h4 {
 	margin-bottom: 12px;
 }

 .area-info p {
 	text-align: justify;
 	margin-bottom: 10px;
 }

 /* Responsive stacking */
 @media (max-width: 992px) {
 	#area_info_section .row {
 		display: flex;
 		flex-wrap: wrap;
 		gap: 20px;
 	}

 	#area_info_section .col-sm-4,
 	#area_info_section .col-sm-6 {
 		flex: 1 1 100%;
 		max-width: 100%;
 	}

 	#area_info_section .col-sm-6 {
 		text-align: left;
 		padding: 0 10px;
 	}
 }

 @media (max-width: 576px) {
 	#area_info_section h3 {
 		font-size: 20px;
 	}

 	.area-info h4 {
 		font-size: 18px;
 	}

 	.area-info p {
 		font-size: 14px;
 	}
 }

 /*still here*/


 /* Featured property */


 /* Unique responsive styling for vertical featured properties */
 .op-featured-properties-widget {
 	padding: 20px;
 	background-color: #fff;
 	margin-right: 65px;
 	border-radius: 8px;
 	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }

 .op-widget-title {
 	font-size: 18px;
 	margin-bottom: 15px;
 	text-align: left;
 }

 .op-latest-listings {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }

 .op-widget-latest-internal {
 	display: flex;
 	align-items: flex-start;
 	gap: 10px;
 	cursor: pointer;
 	transition: transform 0.3s ease;
 }

 .op-widget-latest-internal:hover {
 	transform: scale(1.02);
 }

 .op-widget-listing-image img {
 	border-radius: 5px;
 	width: 105px;
 	height: 70px;
 	object-fit: cover;
 }

 .op-listing-name {
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 }

 .op-widget-latest-title a {
 	font-size: 14px;
 	font-weight: 600;
 	color: #333;
 	text-decoration: none;
 }

 .op-widget-latest-price {
 	font-size: 13px;
 	color: #666;
 }

 .op-price-label {
 	font-size: 11px;
 	color: #999;
 }

 /* Responsive adjustments */
 @media (max-width: 768px) {
 	.op-widget-latest-internal {
 		gap: 8px;
 	}

 	.op-widget-listing-image img {
 		width: 90px;
 		height: 60px;
 	}

 	.op-social-widget {
 		width: auto;
 	}
 }

 @media (max-width: 480px) {
 	.op-widget-latest-internal {
 		flex-direction: column;
 		align-items: center;
 		text-align: center;
 	}

 	.op-widget-listing-image img {
 		width: 100%;
 		height: auto;
 	}
 }

 .op-featured-properties-widget {
 	padding: 20px;
 	background-color: #fff;
 	border-radius: 8px;
 	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }

 /* Apply right margin only for screens 992px and above */
 @media (min-width: 992px) {
 	.op-featured-properties-widget {
 		margin-right: 65px;
 	}
 }

 /* Ensure full width for screens below 992px */
 @media (max-width: 991px) {
 	.op-featured-properties-widget {
 		margin-right: 0;
 		width: 100%;
 	}
 }

 /*still here*/


 /* style for images*/

 /* Ensure box-sizing and prevent body overflow */
 * {
 	box-sizing: border-box;
 }

 body {
 	overflow-x: hidden;
 }

 /* Base Responsive Styles */
 .op-property-gallery {
 	padding: 0 10px;
 	max-width: 100%;
 	overflow-x: hidden;
 }

 .op-gallery-grid {
 	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 	gap: 10px;
 	width: 100%;
 	max-width: 100%;
 }

 .op-gallery-item {
 	transition: transform 0.3s ease;
 	width: 100%;
 	max-width: 100%;
 }

 .op-gallery-item:hover {
 	transform: scale(1.05);
 }

 .op-tab-btn {
 	font-size: 14px;
 	transition: all 0.3s ease;
 }

 .op-tab-btn.active {
 	background: #0073e1 !important;
 	color: white !important;
 }

 .op-tab-btn:not(.active) {
 	background: white !important;
 	color: #0073e1 !important;
 }

 /* Slideshow Modal */
 .op-slideshow-modal {
 	width: 100%;
 	max-width: 100%;
 	overflow-x: hidden;
 }

 .op-slideshow-container {
 	width: 100%;
 	max-width: 100%;
 	margin: 20px auto;
 }

 .op-slideshow-body img {
 	width: 100%;
 	max-width: 100%;
 	height: 100%;
 	/* max-height: 76vh; */
 	object-fit: contain;
 }



 /* Mobile view (≤ 992px) */
 @media (max-width: 992px) {
 	.op-gallery-title {
 		display: none;
 	}

 	.op-mobile-tabs {
 		display: flex;
 		justify-content: center;
 		gap: 10px;
 		flex-wrap: wrap;
 		padding: 0 10px;
 		width: 100%;
 		max-width: 100%;
 	}

 	.op-gallery-videos {
 		margin-top: 20px;
 		width: 100%;
 		max-width: 100%;
 	}

 	.op-gallery-videos video {
 		width: 100%;
 		max-width: 100%;
 		height: auto;
 	}

 	.op-gallery-grid {
 		grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
 		/* Single column */
 		gap: 8px;
 		width: 100%;
 		max-width: 100%;
 	}

 	.op-gallery-item {
 		padding-top: 75%;
 		width: 100%;
 		max-width: 100%;
 	}

 	.op-tab-btn {
 		padding: 8px 16px;
 		margin: 5px;
 		min-width: 100px;
 	}

 	.op-slideshow-container {
 		width: 100%;
 		max-width: 100%;
 		margin: 10px auto;
 	}
 }

 /* Desktop view (> 992px) */
 @media (min-width: 993px) {
 	.op-mobile-tabs {
 		display: none !important;
 	}

 	.op-gallery-videos {
 		display: none !important;
 	}
 }

 /* Small screens (≤ 575px) */
 @media (max-width: 575px) {
 	.op-property-gallery {
 		padding: 0 5px;
 		width: 100%;
 		max-width: 100%;
 	}

 	#op_main_slideshow_btn {
 		top: 38px;
 	}

 	.op-gallery-grid {
 		grid-template-columns: 1fr;
 		/* One image per row */
 		gap: 8px;
 		width: 100%;
 		max-width: 100%;
 	}

 	.op-gallery-item {
 		padding-top: 75%;
 		width: 100%;
 		max-width: 100%;
 	}

 	.op-mobile-tabs {
 		display: flex;
 		justify-content: center;
 		gap: 10px;
 		flex-wrap: wrap;
 		width: 100%;
 		max-width: 100%;
 	}

 	.op-tab-btn {
 		padding: 8px 16px;
 		font-size: 14px;
 		min-width: 100px;
 	}

 	.op-slideshow-container {
 		width: 100%;
 		max-width: 98%;
 		margin: 10px auto;
 	}

 	.op-gallery-videos video {
 		max-height: 300px;
 		width: 100%;
 		max-width: 100%;
 	}

 	.op-no-video-message {
 		font-size: 14px;
 		padding: 10px;
 		width: 100%;
 		max-width: 100%;
 	}
 }

 /* Default styles for op-slideshow-btn (optional, in case inline styles are removed) */
 .op-slideshow-btn {
 	position: absolute;
 	cursor: pointer;
 	color: #000;
 	text-decoration: none;
 }

 /* Styles for screens 360px to 992px */
 @media (min-width: 576px) and (max-width: 992px) {
 	.op-slideshow-btn {
 		top: 55px !important;
 		right: 10px !important;
 	}
 }

 /* Styles for screens 993px and above */
 @media (min-width: 993px) {
 	.op-slideshow-btn {
 		top: 13px !important;
 		right: 10px !important;
 	}
 }

 @media (max-width: 575px) {
 	.op-slideshow-btn {
 		top: 55px !important;
 		right: 1px !important;
 	}
 }

 /*still here*/


 /*style for map*/

 /* Unique responsive wrapper */
 .cspmp-map-container {
 	width: 100%;
 	max-width: 100%;
 	position: relative;
 	overflow: hidden;
 	border-radius: 8px;
 	/* optional */
 }

 .cspmp-map {
 	width: 100% !important;
 	height: 500px;
 }

 @media (max-width: 992px) {
 	.cspmp-map {
 		height: 400px;
 	}
 }

 @media (max-width: 576px) {
 	#cspmp-map-section h3 {
 		font-size: 20px;
 	}

 	.cspmp-map {
 		height: 300px;
 	}
 }

 /*still here*/


 /*style for schedule a tour form*/


 .schedule-tour-wrapper-unique {
 	padding: 20px;
 	margin-right: 65px !important;
 	background-color: #fff;
 	/* border-radius: 6px; */
 	text-align: left;
 	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 	margin: 1rem auto;
 	max-width: 100%;
 	box-sizing: border-box;
 }

 .agent-schedule-title-unique {
 	font-size: clamp(1.25rem, 4vw, 1.5rem);
 	margin-bottom: 1rem;
 }

 .date-scroller-unique {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	gap: 0.625rem;
 	margin-bottom: 1rem;
 }

 .date-list-unique {
 	display: flex;
 	overflow-x: hidden;
 	scroll-behavior: smooth;
 	gap: 0.5rem;
 	flex: 1;
 	padding: 0.3125rem 0;
 }

 .date-item-unique {
 	min-width: clamp(70px, 18vw, 80px);
 	text-align: center;
 	border: 1px solid #ccc;
 	border-radius: 8px;
 	padding: 0.5rem;
 	cursor: pointer;
 	background: #fff;
 	flex-shrink: 0;
 	transition: all 0.3s ease;
 	font-family: Arial, sans-serif;
 }

 .date-item-unique span {
 	display: block;
 	line-height: 1.2;
 }

 .date-item-unique span:first-child {
 	font-size: clamp(11px, 2.5vw, 12px);
 	font-weight: 600;
 	color: #444;
 }

 .date-item-unique span:nth-child(2) {
 	font-size: clamp(14px, 3.5vw, 16px);
 	margin: 0.125rem 0;
 	color: #000;
 }

 .date-item-unique span:last-child {
 	font-size: clamp(10px, 2.5vw, 11px);
 	color: #666;
 }

 .date-item-unique:hover {
 	background: #f8f9fa;
 	border: 2px solid #0073e1;
 	color: #0073e1;
 	transform: scale(1.05);
 }

 .date-item-unique.active {
 	border: 2px solid #0073e1;
 	color: #0073e1;
 	background: #e3f2fd;
 }

 .date-item-unique.active span {
 	color: #0073e1;
 	font-weight: 600;
 }

 .scroll-btn-unique {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width: 35px;
 	height: 35px;
 	border: 1px solid #f7f8f8;
 	background: #f7f8f8;
 	cursor: pointer;

 	font-size: clamp(12px, 3vw, 14px);
 	font-weight: bold;
 	color: #444;
 	transition: all 0.3s ease;
 }

 .scroll-btn-unique.prev-unique::before {
 	content: "\f060";
 	font-family: Font Awesome\ 5 Free;
 	color: #0073e1;
 	font-weight: 900;
 }

 .scroll-btn-unique.next-unique::before {
 	content: "\f061";
 	font-family: Font Awesome\ 5 Free;
 	color: #0073e1;
 	font-weight: 900;
 }

 .scroll-btn-unique:hover {
 	background: #0073e1;
 	border-color: #0073e1;
 	color: #fff;
 	transform: scale(1.1);
 }

 .tour-options-wrapper-unique {
 	display: flex;
 	justify-content: left;
 	gap: 0.75rem;
 	margin-bottom: 1rem;
 	flex-wrap: wrap;
 }

 .tour-option-unique {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 	padding: 0.5rem 1rem;
 	border: 1px solid #ccc;
 	border-radius: 4px;
 	cursor: pointer;
 	transition: all 0.3s ease;
 	background: #f1f1f1;
 }

 .tour-option-unique.schedule-option-selected-unique {
 	background: #e3f2fd;
 	border-color: #0073e1;
 	color: #0073e1;
 }

 .tour-option-unique:hover {
 	background: #0073e1;
 	color: #fff;
 	transform: scale(1.05);
 }

 .schedule-time-wrapper-unique {
 	margin-bottom: 1rem;
 }

 .tour-time-select-unique {
 	width: 100%;
 	padding: 0.5rem;
 	font-size: clamp(13px, 3vw, 14px);
 	border-radius: 4px;
 	border: 1px solid #ccc;
 	transition: all 0.3s ease;
 }

 .tour-time-select-unique:hover {
 	border-color: #0073e1;
 }

 .tour-info-headline-unique {
 	font-size: clamp(1.125rem, 3.5vw, 1.25rem);
 	margin-bottom: 0.75rem;
 }

 .contact-form-flex-wrapper-unique {
 	display: flex;
 	flex-direction: column;
 	gap: 0.75rem;
 }

 .contact-form-input-wrapper-unique {
 	display: flex;
 	flex-direction: column;
 	gap: 0.75rem;
 }

 .contact-form-input-wrapper-unique input {
 	width: 100%;
 	padding: 0.5rem;
 	font-size: clamp(13px, 3vw, 14px);
 	border-radius: 4px;
 	border: 1px solid #ccc;
 	transition: all 0.3s ease;
 }

 .contact-form-input-wrapper-unique input:hover {
 	border-color: #0073e1;
 }

 .form-group-unique select {
 	width: 100%;
 	padding: 0.5rem;
 	font-size: clamp(13px, 3vw, 14px);
 	border-radius: 4px;
 	border: 1px solid #ccc;
 	transition: all 0.3s ease;
 }

 .form-group-unique select:hover {
 	border-color: #0073e1;
 }

 .contact-form-flex-wrapper-unique textarea {
 	width: 100%;
 	padding: 0.5rem;
 	font-size: clamp(13px, 3vw, 14px);
 	border-radius: 4px;
 	border: 1px solid #ccc;
 	transition: all 0.3s ease;
 }

 .contact-form-flex-wrapper-unique textarea:hover {
 	border-color: #0073e1;
 }

 .wpresidence-button-unique {
 	width: 100%;
 	padding: 0.75rem;
 	font-size: clamp(13px, 3vw, 14px);
 	border-radius: 4px;
 	background: #fdb515;
 	color: #222;
 	border: none;
 	cursor: pointer;
 	transition: all 0.3s ease;
 }

 .wpresidence-button-unique:hover {
 	background-color: black;
 	color: white;
 	transform: scale(1.05);
 }

 /* Responsive adjustments */
 @media (max-width: 768px) {
 	.schedule-tour-wrapper-unique {
 		padding: 0.75rem;
 	}

 	.date-list-unique {
 		gap: 0.5rem;
 	}

 	.date-item-unique {
 		min-width: 70px;
 		padding: 0.4rem;
 	}

 	.date-item-unique span:first-child {
 		font-size: clamp(10px, 2.5vw, 11px);
 	}

 	.date-item-unique span:nth-child(2) {
 		font-size: clamp(13px, 3vw, 14px);
 	}

 	.date-item-unique span:last-child {
 		font-size: clamp(9px, 2.5vw, 10px);
 	}

 	.scroll-btn-unique {
 		width: 32px;
 		height: 32px;
 		font-size: clamp(11px, 2.5vw, 12px);
 	}

 	.tour-options-wrapper-unique {
 		gap: 0.5rem;
 	}

 	.tour-option-unique {
 		padding: 0.4rem 0.8rem;
 		font-size: clamp(12px, 3vw, 13px);
 	}

 	.tour-time-select-unique,
 	.contact-form-input-wrapper-unique input,
 	.form-group-unique select,
 	.contact-form-flex-wrapper-unique textarea {
 		font-size: clamp(12px, 3vw, 13px);
 	}

 	.wpresidence-button-unique {
 		font-size: clamp(12px, 3vw, 13px);
 	}
 }

 @media (max-width: 480px) {
 	.schedule-tour-wrapper-unique {
 		padding: 0.5rem;
 	}

 	.date-list-unique {
 		gap: 0.4rem;
 	}

 	.date-item-unique {
 		min-width: 60px;
 		padding: 0.3rem;
 	}

 	.date-item-unique span:first-child {
 		font-size: clamp(9px, 2.5vw, 10px);
 	}

 	.date-item-unique span:nth-child(2) {
 		font-size: clamp(12px, 3vw, 13px);
 	}

 	.date-item-unique span:last-child {
 		font-size: clamp(8px, 2.5vw, 9px);
 	}

 	.scroll-btn-unique {
 		width: 30px;
 		height: 30px;
 		font-size: clamp(10px, 2.5vw, 11px);
 	}

 	.tour-options-wrapper-unique {
 		flex-direction: row;
 		justify-content: center;
 		gap: 0.4rem;
 	}

 	.tour-option-unique {
 		padding: 0.3rem 0.6rem;
 		font-size: clamp(11px, 3vw, 12px);
 	}

 	.tour-time-select-unique,
 	.contact-form-input-wrapper-unique input,
 	.form-group-unique select,
 	.contact-form-flex-wrapper-unique textarea {
 		font-size: clamp(11px, 3vw, 12px);
 	}

 	.wpresidence-button-unique {
 		font-size: clamp(11px, 3vw, 12px);
 		padding: 0.5rem;
 	}
 }

 @media (min-width: 769px) {
 	.schedule-tour-wrapper-unique {
 		max-width: auto;
 		/* margin-left: auto;
            margin-right: auto; */
 	}

 	.contact-form-input-wrapper-unique {
 		display: grid;
 		grid-template-columns: repeat(2, 1fr);
 		gap: 0.75rem;
 	}

 	.wpresidence-button-unique {
 		width: auto;
 		padding: 0.75rem 2rem;
 	}
 }

 /*still here*/


 /*style for schedule tour popup*/

 .schedule-tour-wrapper-new {
 	padding: 20px;
 	background-color: #fff;
 	/* border-radius: 6px; */
 	text-align: left;
 	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 	margin: 1rem auto;
 	max-width: 100%;
 	box-sizing: border-box;
 }

 /* Apply right margin only for screens 992px and above */
 @media (min-width: 992px) {
 	.schedule-tour-wrapper-new {
 		margin-right: 65px !important;
 	}
 }

 /* Ensure full width for screens below 992px */
 @media (max-width: 991px) {
 	.schedule-tour-wrapper-new {
 		margin-right: 0 !important;
 		width: 100%;
 	}
 }

 .agent-schedule-title-new {
 	font-size: clamp(1.25rem, 4vw, 1.5rem);
 	margin-bottom: 1rem;
 }

 .date-scroller-new {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	gap: 0.625rem;
 	margin-bottom: 1rem;
 }

 .date-list-new {
 	display: flex;
 	overflow-x: hidden;
 	scroll-behavior: smooth;
 	gap: 0.5rem;
 	flex: 1;
 	padding: 0.3125rem 0;
 }

 .date-item-new {
 	min-width: clamp(70px, 18vw, 80px);
 	text-align: center;
 	border: 1px solid #ccc;
 	border-radius: 8px;
 	padding: 0.5rem;
 	cursor: pointer;
 	background: #fff;
 	flex-shrink: 0;
 	transition: all 0.3s ease;
 	font-family: Arial, sans-serif;
 }

 .date-item-new span {
 	display: block;
 	line-height: 1.2;
 }

 .date-item-new span:first-child {
 	font-size: clamp(11px, 2.5vw, 12px);
 	font-weight: 600;
 	color: #444;
 }

 .date-item-new span:nth-child(2) {
 	font-size: clamp(14px, 3.5vw, 16px);
 	margin: 0.125rem 0;
 	color: #000;
 }

 .date-item-new span:last-child {
 	font-size: clamp(10px, 2.5vw, 11px);
 	color: #666;
 }

 .date-item-new:hover {
 	background: #f8f9fa;
 	border: 2px solid #0073e1;
 	color: #0073e1;
 	transform: scale(1.05);
 }

 .date-item-new.active {
 	border: 2px solid #0073e1;
 	color: #0073e1;
 	background: #e3f2fd;
 }

 .date-item-new.active span {
 	color: #0073e1;
 	font-weight: 600;
 }

 .scroll-btn-new {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width: 35px;
 	height: 35px;
 	border: 1px solid #f7f8f8;
 	background: #f7f8f8;
 	cursor: pointer;
 	font-size: clamp(12px, 3vw, 14px);
 	font-weight: bold;
 	color: #444;
 	transition: all 0.3s ease;
 }

 .scroll-btn-new.prev-new::before {
 	content: "\f060";
 	font-family: Font Awesome\ 5 Free;
 	color: #0073e1;
 	font-weight: 900;
 }

 .scroll-btn-new.next-new::before {
 	content: "\f061";
 	font-family: Font Awesome\ 5 Free;
 	color: #0073e1;
 	font-weight: 900;
 }

 .scroll-btn-new:hover {
 	background: #0073e1;
 	border-color: #0073e1;
 	color: #fff;
 	transform: scale(1.1);
 }

 .tour-options-wrapper-new {
 	display: flex;
 	justify-content: left;
 	gap: 0.75rem;
 	margin-bottom: 1rem;
 	flex-wrap: wrap;
 }

 .tour-option-new {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 	padding: 0.5rem 1rem;
 	border: 1px solid #ccc;
 	border-radius: 4px;
 	cursor: pointer;
 	transition: all 0.3s ease;
 	background: #f1f1f1;
 }

 .tour-option-new.schedule-option-selected-new {
 	background: #e3f2fd;
 	border-color: #0073e1;
 	color: #0073e1;
 }

 .tour-option-new:hover {
 	background: #0073e1;
 	color: #fff;
 	transform: scale(1.05);
 }

 .schedule-time-wrapper-new {
 	margin-bottom: 1rem;
 }

 .tour-time-select-new {
 	width: 100%;
 	padding: 0.5rem;
 	font-size: clamp(13px, 3vw, 14px);
 	border-radius: 4px;
 	border: 1px solid #ccc;
 	transition: all 0.3s ease;
 }

 .tour-time-select-new:hover {
 	border-color: #0073e1;
 }

 .tour-info-headline-new {
 	font-size: clamp(1.125rem, 3.5vw, 1.25rem);
 	margin-bottom: 0.75rem;
 }

 .contact-form-flex-wrapper-new {
 	display: flex;
 	flex-direction: column;
 	gap: 0.75rem;
 }

 .contact-form-input-wrapper-new {
 	display: flex;
 	flex-direction: column;
 	gap: 0.75rem;
 }

 .contact-form-input-wrapper-new input {
 	width: 100%;
 	padding: 0.5rem;
 	font-size: clamp(13px, 3vw, 14px);
 	border-radius: 4px;
 	border: 1px solid #ccc;
 	transition: all 0.3s ease;
 }

 .contact-form-input-wrapper-new input:hover {
 	border-color: #0073e1;
 }

 .form-group-new select {
 	width: 100%;
 	padding: 0.5rem;
 	font-size: clamp(13px, 3vw, 14px);
 	border-radius: 4px;
 	border: 1px solid #ccc;
 	transition: all 0.3s ease;
 }

 .form-group-new select:hover {
 	border-color: #0073e1;
 }

 .contact-form-flex-wrapper-new textarea {
 	width: 100%;
 	padding: 0.5rem;
 	font-size: clamp(13px, 3vw, 14px);
 	border-radius: 4px;
 	border: 1px solid #ccc;
 	transition: all 0.3s ease;
 }

 .contact-form-flex-wrapper-new textarea:hover {
 	border-color: #0073e1;
 }

 .wpresidence-button-new {
 	width: 100%;
 	padding: 0.75rem;
 	font-size: clamp(13px, 3vw, 14px);
 	border-radius: 4px;
 	border: none;
 	transition: all 0.3s ease;
 	background: #fdb515 !important;
 	color: #222 !important;
 	cursor: pointer;
 	transition: all 0.3s ease;

 }

 .wpresidence-button-new:hover {
 	background-color: black !important;
 	color: white !important;
 	transform: scale(1.05);
 }

 /* Responsive adjustments */
 @media (max-width: 768px) {
 	.schedule-tour-wrapper-new {
 		padding: 0.75rem;
 	}

 	.date-list-new {
 		gap: 0.5rem;
 	}

 	.date-item-new {
 		min-width: 70px;
 		padding: 0.4rem;
 	}

 	.date-item-new span:first-child {
 		font-size: clamp(10px, 2.5vw, 11px);
 	}

 	.date-item-new span:nth-child(2) {
 		font-size: clamp(13px, 3vw, 14px);
 	}

 	.date-item-new span:last-child {
 		font-size: clamp(9px, 2.5vw, 10px);
 	}

 	.scroll-btn-new {
 		width: 32px;
 		height: 32px;
 		font-size: clamp(11px, 2.5vw, 12px);
 	}

 	.tour-options-wrapper-new {
 		gap: 0.5rem;
 	}

 	.tour-option-new {
 		padding: 0.4rem 0.8rem;
 		font-size: clamp(12px, 3vw, 13px);
 	}

 	.tour-time-select-new,
 	.contact-form-input-wrapper-new input,
 	.form-group-new select,
 	.contact-form-flex-wrapper-new textarea {
 		font-size: clamp(12px, 3vw, 13px);
 	}

 	.wpresidence-button-new {
 		font-size: clamp(12px, 3vw, 13px);
 	}
 }

 @media (max-width: 480px) {
 	.schedule-tour-wrapper-new {
 		padding: 0.5rem;
 	}

 	.date-list-new {
 		gap: 0.4rem;
 	}

 	.date-item-new {
 		min-width: 60px;
 		padding: 0.3rem;
 	}

 	.date-item-new span:first-child {
 		font-size: clamp(9px, 2.5vw, 10px);
 	}

 	.date-item-new span:nth-child(2) {
 		font-size: clamp(12px, 3vw, 13px);
 	}

 	.date-item-new span:last-child {
 		font-size: clamp(8px, 2.5vw, 9px);
 	}

 	.scroll-btn-new {
 		width: 30px;
 		height: 30px;
 		font-size: clamp(10px, 2.5vw, 11px);
 	}

 	.tour-options-wrapper-new {
 		flex-direction: row;
 		justify-content: center;
 		gap: 0.4rem;
 	}

 	.tour-option-new {
 		padding: 0.3rem 0.6rem;
 		font-size: clamp(11px, 3vw, 12px);
 	}

 	.tour-time-select-new,
 	.contact-form-input-wrapper-new input,
 	.form-group-new select,
 	.contact-form-flex-wrapper-new textarea {
 		font-size: clamp(11px, 3vw, 12px);
 	}

 	.wpresidence-button-new {
 		font-size: clamp(11px, 3vw, 12px);
 		padding: 0.5rem;
 	}
 }

 @media (min-width: 769px) {
 	.schedule-tour-wrapper-new {
 		max-width: auto;
 	}

 	.contact-form-input-wrapper-new {
 		display: grid;
 		grid-template-columns: repeat(2, 1fr);
 		gap: 0.75rem;
 	}

 	.wpresidence-button-new {
 		width: auto;
 		padding: 0.75rem 2rem;
 	}
 }

 /*still here*/


 /*style for similar properties*/

 .prop-similar-box {
 	padding: 2px 0;
 	position: relative;
 	z-index: 1;
 }

 .prop-secondary-tab .nav-tabs {
 	/* border-bottom: 2px solid #007bff; */
 	/* padding: 5px 0; */
 	/* margin-bottom: 2px; */
 	display: flex;
 	justify-content: flex-start;
 	overflow-x: auto;
 	white-space: nowrap;
 	visibility: visible !important;
 	position: relative;
 	z-index: 2;
 }

 .prop-secondary-tab .nav-tabs li {
 	margin-right: 5px;
 	display: inline-block;
 }

 .prop-secondary-tab .nav-tabs li a {
 	color: #333;
 	font-weight: 500;
 	padding: 12px 18px;
 	border: 1px solid #ddd;
 	border-bottom: none;
 	border-radius: 4px 4px 0 0;
 	background: #fff;
 	font-size: 1em;
 	white-space: nowrap;
 	transition: all 0.3s ease;
 	display: block;
 	visibility: visible !important;
 	cursor: pointer;
 }

 /* .prop-secondary-tab .nav-tabs li.active a,
 .prop-secondary-tab .nav-tabs li a:hover,
 .prop-secondary-tab .nav-tabs li a:focus {
 	background: #007bff !important;
 	color: #fff !important;
 	border-color: #007bff !important;
 } */

 .tab-content {
 	position: relative;
 	z-index: 1;
 }

 .prop-similar-list {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }

 .prop-similar-img {
 	padding: 10px;
 	background: #fff;
 	border: 1px solid #e0e0e0;
 	border-radius: 5px;
 	overflow: hidden;
 	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 	transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .prop-similar-img:hover {
 	transform: translateY(-3px);
 	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
 }

 .prop-similar-img a {
 	display: flex;
 	text-decoration: none;
 	color: inherit;
 	height: 100%;
 }

 .prop-pic {
 	flex: 0 0 40%;
 	padding: 0;
 }

 .prop-pic img {
 	width: 100%;
 	height: 160px;
 	object-fit: cover;
 	display: block;
 }

 .prop-similar-img span:nth-child(2) {
 	flex: 0 0 67%;
 	padding: 10px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 }

 .prop-blue {
 	color: #007bff;
 	font-weight: 600;
 	font-size: 1em;
 	margin-bottom: 5px;
 	background-color: transparent !important;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	max-width: 288px;
 	padding-right: 10px;
 	white-space: nowrap;
 }

 .prop-blue:hover {
 	color: #007bff !important;
 }

 .prop-similar-img span br+span {
 	font-size: 0.85em;
 	color: #666;
 	line-height: 1.3;
 	margin-bottom: 2px;
 }

 @media (max-width: 767px) {
 	.prop-similar-img {
 		width: 100%;
 	}

 	.prop-pic img {
 		height: 180px;
 	}

 	.prop-secondary-tab .nav-tabs li a {
 		padding: 8px 12px;
 		font-size: 0.9em;
 	}
 }

 .prop-line-adjust a {
 	line-height: 1.5;
 	padding: 12px 18px;
 }

 @media screen and (min-width: 768px) {
 	.prop-similar-img {
 		width: 33.33%;
 		float: left;
 	}

 	#similar-properties {
 		margin-top: 0;
 	}

 	.prop-similar-box::before {
 		content: "";
 		position: absolute;
 		top: -60px;
 		left: 0;
 		right: 0;
 		height: 60px;
 		background: inherit;
 		z-index: 0;
 	}
 }

 /* ================================
   Responsive Adjustments 360px–992px
   ================================ */
 /* Accordion mode for 360px–992px */
 @media (max-width: 992px) {
 	.prop-secondary-tab .nav-tabs {
 		display: none !important;
 	}

 	.tab-content .tab-pane {
 		display: block !important;
 		opacity: 1 !important;
 		visibility: visible !important;
 		border: 1px solid #ddd;
 		margin-bottom: 8px;
 		border-radius: 4px;
 		overflow: hidden;
 	}

 	.prop-accordion-header {
 		background: #007bff;
 		color: #fff;
 		font-weight: 600;
 		padding: 12px;
 		cursor: pointer;
 		border-bottom: 1px solid #ddd;
 	}

 	.prop-accordion-body {
 		display: none;
 		padding: 10px;
 		background: #fff;
 	}

 	.tab-pane.active .prop-accordion-body {
 		display: block;
 	}
 }

 /*still here*/


 /*style for social media*/



 /* Unique responsive styling for social links */
 .op-social-widget {
 	padding: 20px;
 	margin-right: 65px;
 	background-color: #fff;
 	border-radius: 8px;
 	text-align: center;
 	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }

 .op-widget-title {
 	font-size: 18px;
 	margin-bottom: 15px;
 }

 .op-social-links {
 	display: flex;
 	justify-content: left;
 	gap: 12px;
 	flex-wrap: wrap;
 }

 .op-social-link {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width: 40px;
 	height: 40px;
 	border-radius: 50%;
 	background-color: #f1f1f1;
 	color: #333;
 	font-size: 18px;
 	transition: all 0.3s ease;
 	text-decoration: none;
 }

 .op-social-link:hover {
 	background-color: #0073e1;
 	/* change hover color */
 	color: #000;
 	transform: scale(1.1);
 }

 /* Responsive adjustments */
 @media (max-width: 768px) {
 	.op-social-links {
 		gap: 10px;
 	}

 	.op-social-link {
 		width: 35px;
 		height: 35px;
 		font-size: 16px;
 	}
 }

 @media (max-width: 480px) {
 	.op-social-links {
 		flex-direction: row;
 		justify-content: center;
 		gap: 8px;
 	}

 	.op-social-link {
 		width: 30px;
 		height: 30px;
 		font-size: 14px;
 	}
 }

 .op-social-widget {
 	padding: 20px;
 	background-color: #fff;
 	border-radius: 8px;
 	text-align: center;
 	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }

 /* Apply right margin only for screens 992px and above */
 @media (min-width: 992px) {
 	.op-social-widget {
 		margin-right: 65px;
 	}
 }

 /* Ensure full width for screens below 992px */
 @media (max-width: 991px) {
 	.op-social-widget {
 		margin-right: 0;
 		width: 100%;
 	}
 }

 /*still here*/

 /* ------- CUSTOM_USER_MENU ---------- */

 .mobile_header .mobile-trigger-user {
 	right: 20px !important;
 }


 #user-menu-button {
 	background: none;
 }

 #user-menu-button:hover {
 	background: none;
 }

 .navicon-button {
 	border: none;
 }

 /* Container */
 #user_menu_u {
 	position: relative;
 	display: inline-block;
 }


 /* Profile picture clickable */
 .menu_user_picture {
 	width: 40px;
 	height: 40px;
 	border-radius: 50%;
 	background-size: cover;
 	background-position: center;
 	cursor: pointer;
 	/* margin-right: 8px; */
 }

 /* Dropdown */
 .user-menu-dropdown {
 	display: none;
 	position: absolute;
 	top: 100%;
 	right: 0;
 	background: #fff;
 	list-style: none;
 	margin: 0;
 	padding: 5px 0;
 	border: 1px solid #ddd;
 	border-radius: 5px;
 	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 	min-width: 180px;
 	z-index: 1000;
 }

 .user-menu-dropdown li {
 	margin: 0;
 }

 .user-menu-dropdown li a {
 	align-items: center;
 	color: var(--wp-estate-menu-items-color-option, var(--wp-estate-menu-items-color));
 	display: flex;
 	font-family: var(--wp-estate-menu-font-family-option, var(--wp-estate-menu-font-family));
 	font-size: var(--wp-estate-top-menu-font-size-option, var(--wp-estate-top-menu-font-size));
 	font-weight: var(--wp-estate-menu-font-weight-option, var(--wp-estate-menu-font-weight));
 	line-height: 1.6em;
 	padding: 10px 20px;
 	-webkit-transition: all .3s ease;
 	-moz-transition: all .3s ease;
 	-ms-transition: all .3s ease;
 	-o-transition: all .3s ease;
 	transition: all .3s ease;
 	width: 100%;
 }

 .user-menu-dropdown li a:hover {
 	background-color: var(--wp-estate-menu-hover-back-color-option, var(--wp-estate-menu-hover-back-color));
 	color: var(--wp-estate-menu-hover-font-color-option, var(--wp-estate-menu-hover-font-color));
 	padding-left: 25px;
 }

 /* Show when open */
 #user_menu_u.open .user-menu-dropdown {
 	display: block;
 }

 #custom_user_menu_open {
 	background-color: var(--wp-estate-menu-item-back-color-option, var(--wp-estate-menu-item-back-color));
 	border: none;
 	border-radius: var(--wp-estate-border-radius-corner-option, var(--wp_estate_border_radius_corner));
 	-webkit-box-shadow: 3px 1px 20px 0 rgba(0, 110, 225, .08);
 	-moz-box-shadow: 3px 1px 20px 0 rgba(0, 110, 225, .08);
 	box-shadow: 3px 1px 20px 0 rgba(0, 110, 225, .08);
 	/* display: none; */
 	left: auto;
 	margin-top: 0;
 	padding: 15px 0;
 	right: 35px;
 	top: 100%;
 	width: 255px;
 	z-index: 999999;
 }

 #custom_user_menu_open a svg {
 	height: 16px;
 	margin-right: 10px;
 	width: 16px;
 }

 #user_menu_u.open #custom_user_menu_open {
 	display: block !important;
 }

 .opensvg.plus .navicon::before,
 .opensvg.x .navicon::before {
 	transform: rotate(-45deg);
 }

 @media (min-width: 992px) {
 	#user-menu-button {
 		display: none;
 	}

 	#user_menu_open {
 		right: 3px !important;
 	}
 }

 @media (max-width: 991px) {
 	.menu_user_picture {
 		display: none;
 	}

 	#user-menu-button {
 		padding-top: 38px;
 		padding-right: 10px;
 	}
 }

 .iti__country-list {
 	width: 300px;
 }

 /* -------------------------------------------------------------------------------styling for phone icon home page header-------------------------------------------------------------------------------------- */

 /* .fa,
 .far,
 .fas {
 	font-family: "Font Awesome 6 Free" !important;
 } */

 /* a.submit_listing {
   pointer-events: none;
 } */


 .prop_social .copy-link .fas.fa-link {
 	margin-left: 0px;
 	padding-right: 4px;
 	color: black;
 	font-size: 12px;
 }

 .prop_social .copy-link {
 	padding-left: 0px !important;
 }

 .property-panel h4:after {
 	display: none;
 }

 .home .featured_article_type2.featured_prop_type5 .featured_article_type5_title_wrapper a {
 	pointer-events: none;
 }

 /* Success popup*/
 .login-success-alert {
 	color: #0e3214;
 	padding: 10px;
 	margin-bottom: 15px;
 	border: 1px solid #78e665;
 	background-color: #78e665;
 	border-radius: 4px;
 	font-size: 12px;
 	line-height: 1.5em;
 }

 /* .nts-new-tabbed-search{
  display: none;
} */

 #google_map_prop_list_sidebar .map-share-wrapper {
 	position: relative;
 }

 #google_map_prop_list_sidebar .currency-selector-wrapper {
 	position: relative;
 }

 #google_map_prop_list_sidebar .map_share_unit {
 	display: none;
 	position: absolute;
 	top: 15px;
 	/* bottom: 40px;
 	bottom: 25px; */
 	/* right: 36px; */
 	right: -8px;
 	background-color: #0073e1;
 	border-radius: 0px 0px 5px 5px;
 	padding: 12px 0;
 	width: 28px;
 	height: 122px;
 	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 	z-index: 1000;
 	flex-direction: column;
 	align-items: center;
 	/* clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 60% 90%, 50% 98%, 40% 90%, 0% 90%); */
 	clip-path: polygon(0% 10%, 40% 10%, 50% 2%, 60% 10%, 100% 10%, 100% 100%, 0% 100%);
 }

 #google_map_prop_list_sidebar .map_share_unit a {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	height: 28px;
 	width: 28px;
 	color: #fff;
 	text-decoration: none;
 	font-size: 16px;
 	transition: background-color 0.3s;
 }

 .currency-options {
 	display: none;
 	position: absolute;
 	top: 15px;
 	/* bottom: 40px;
 	bottom: 25px; */
 	/* right: 36px; */
 	right: -8px;
 	background-color: #0073e1;
 	border-radius: 0px 0px 5px 5px;
 	padding: 12px 0;
 	width: 28px;
 	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 	z-index: 1000;
 	flex-direction: column;
 	align-items: center;
 	/* clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 60% 90%, 50% 98%, 40% 90%, 0% 90%); */
 	clip-path: polygon(0% 10%, 40% 10%, 50% 2%, 60% 10%, 100% 10%, 100% 100%, 0% 100%);
 }

 #google_map_prop_list_sidebar .currency-options a {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	height: 28px;
 	width: 28px;
 	color: #fff;
 	text-decoration: none;
 	font-size: 16px;
 	transition: background-color 0.3s;
 }

 .empty-marker {
 	display: none;
 }

 /* -------------------------------------------------------------------------------------  Footer allignment ----------------------------------------------------------------------------------- */
 /* ✅ iOS-only (iPhone/iPad) */


 #home-featured-highlight-container {
 	padding: 0;
 }

 #home-featured-highlight-container #home-featured-highlight .featured_article_type2.featured_prop_type5 .featured_article_type5_title_wrapper {
 	height: auto !important;
 }

 #home-featured-highlight-container #home-featured-highlight .featured_article_type2.featured_prop_type5 .featured_article_type5_title_wrapper .featured_read_more_5 a {
 	pointer-events: initial;
 }

 .notify-shortcode {
 	display: none;
 	position: absolute;
 	top: 100%;
 	left: 0;
 	z-index: 1000;
 }

 /* ..............................................................................................<contact form alignment>....................................................... */
 .page-id-28981 #op-footer-featured-widget.op-featured-properties-widget {
 	margin-top: 0px !important;
 	margin-right: 0px !important;
 }

 .page-id-28981 #op-social-widget.op-social-widget {
 	margin-right: 0px !important;
 	margin-bottom: 5px !important;
 }

 /* input field length of phone no */
 /* Make the parent container flexible */
 .page-id-28981 .your-parent-class {
 	width: 100%;
 	max-width: 100%;
 	display: block;
 	box-sizing: border-box;
 }

 /* Input style for all browsers */
 .page-id-28981 input[name="tel-489"] {
 	width: 100% !important;
 	/* fill parent */
 	max-width: 100% !important;
 	/* never exceed parent width */
 	box-sizing: border-box;
 	/* include padding/border */
 	display: block;
 }

 /* Chrome/Edge/Opera specific tweaks (WebKit/Blink) */
 @supports (-webkit-appearance:none) and (not (-moz-appearance:none)) {
 	.page-id-28981 input[name="tel-489"] {
 		width: 309px !important;
 		/* max-width: 100% !important; */
 	}
 }

 /* Safari-specific tweak for mobile (WebKit) */
 @supports (-webkit-touch-callout: none) {
 	.page-id-28981 input[name="tel-489"] {
 		width: 100% !important;
 		/* fill parent */
 		max-width: 100% !important;
 		/* never exceed parent */
 		min-width: 0 !important;
 		/* allow shrinking */
 		box-sizing: border-box !important;
 		/* include padding/border */
 		display: block !important;
 		/* prevent flex layout issues */
 	}

 	/* Ensure parent container is flexible */
 	.page-id-28981 .your-parent-class {
 		width: 100% !important;
 		max-width: 100% !important;
 		display: block !important;
 		box-sizing: border-box !important;
 	}
 }

 /* Optional: small screen adjustments */
 @media (max-width: 480px) {
 	.page-id-28981 input[name="tel-489"] {
 		width: 280px;
 	}
 }



 /* Small screens (up to 480px) */
 @media screen and (max-width: 480px) {
 	.page-id-28981 input[name="tel-489"] {
 		width: 100% !important;
 		/* Responsive width for small screens */
 		max-width: 100% !important;
 		/* Prevent overflow */
 		box-sizing: border-box;
 		-webkit-box-sizing: border-box;
 		-webkit-appearance: none;
 		/* Normalize Safari input styling */
 		appearance: none;
 	}
 }




 /*Read more in home page ARTICLE 5*/
 .featured_article_type2.featured_prop_type5 .featured_article_type5_title_wrapper .featured_read_more_5 a {
 	text-transform: none !important;
 }

 .iti-mobile .iti__country-list {
 	top: auto;
 }

 /* ........................................................................<home page alignmen>............................................................. */
 /*alignment for popular by Area*/
 .elementor-element.elementor-element-e1de325 {
 	padding: 0 !important;
 }

 /*.......................................................................< Phone number allignment issue >.....................................................................................*/
 @media (max-width:1400px) {
 	.right-top-widet {
 		margin-left: -44px;
 		margin-right: -54px;
 	}

 	.left-top-widet {
 		margin-left: -53px;
 	}
 }

 /* ................................................................................<detail page alignment setting>..................................................... */
 /*breadcrumb*/
 @media (max-width:767px) {

 	.breadcrumb {
 		font-size: 7px !important;
 	}

 }

 /*title font size*/

 @media (max-width:767px) {
 	.entry-title {
 		font-size: 21px !important;
 	}
 }

 @media(max-width:576px) {
 	.price_area {

 		font-size: 14px !important;
 	}
 }

 @media(max-width:576px) {
 	.property_categs {
 		font-size: 10px !important;
 	}
 }

 /*similar property tab discription */
 @media(max-width:768px) {
 	.col-sm-4.col-xs-12.prop-similar-img {
 		width: auto !important;
 		height: auto !important;
 	}
 }

 @media(max-width:767px) {
 	#user_menu_u {
 		justify-content: flex-end;
 		width: 10%;
 		margin-left: auto !important
 	}
 }

 @media (max-width: 767px) {
 	#user_menu_u {
 		display: inline-flex;
 		flex: 0 0 auto !important;
 		justify-content: flex-end;
 		margin-left: auto !important;
 		width: 10% !important;
 	}
 }

 @media (max-width: 991px) {
 	.print_page.title_share.single_property_action {
 		display: none;
 	}
 }


 .hover_type_3 .wpresidence-navigation-menu .menu>li:hover>a {
 	background: black !important;
 }

 #user_menu_u a.submit_listing,
 .wpcf7-form input[type="submit"],
 .hp-banner-search button#search-by-propid {
 	background: #fdb515;
 	border-color: #fdb515;
 	background-image: linear-gradient(to right, #222 50%, #fdb515 50%);
 	background-size: 205% 100%;
 	background-position: right bottom;
 	transition: background-position 0.5s ease;
 	color: #000 !important;
 }

 #user_menu_u a.submit_listing:hover,
 .lp-load-more-button:hover,
 .wpcf7-form-control.wpcf7-submit:hover,
 .hp-banner-search button#search-by-propid:hover {
 	background-image: linear-gradient(to right, #222 50%, #fdb515 50%);
 	background-position: left bottom;
 	color: #fff !important;
 	border-color: #222;
 }

 .lp-load-more-button {
 	background: #fdb515;
 	border-color: #fdb515;
 	background-image: linear-gradient(to right, #222 50%, #fdb515 50%);
 	background-size: 205% 100%;
 	background-position: right bottom;
 	transition: background-position 0.5s ease !important;
 	color: #000 !important;
 }

 .hp-banner-search #search-propid {
 	border-color: #000;
 }

 /***Properties By Area***/
 .images-filter-grid {
 	gap: 6px !important;
 }

 .images-filter-grid .elementor-element {
 	padding: 0;
 }

 .images-filter-grid .elementor-element .row.elementor_wpresidece_grid .elementor_residence_grid {
 	padding-left: calc(3px);
 	padding-right: calc(3px);
 }

 .images-filter-grid .elementor-element .elementor-widget-container .listing_wrapper.places_wrapper_type_1 {
 	height: 273px;
 	margin-bottom: 0px;
 }

 .images-filter-grid .elementor-element .elementor-widget-container .listing_wrapper.places_wrapper_type_1 .places_cover {
 	background: #053A6321;
 	opacity: 1;
 	border-radius: 4px;
 }

 .images-filter-grid .elementor-element .elementor-widget-container .listing_wrapper.places_wrapper_type_1 .places_cover :hover {
 	/* background: #02010100;
  	opacity: 1; */
 }

 .images-filter-grid .elementor-element .elementor-widget-container .listing_wrapper.places_wrapper_type_1 h4 a {
 	font-size: 16px;
 }

 @media only screen and (max-width: 767px) {
 	.images-filter-grid .elementor-element .elementor-widget-container .listing_wrapper.places_wrapper_type_1 {
 		margin-bottom: 6px !important;
 	}

 	.images-filter-grid {
 		gap: 0px !important;
 	}
 }

 /*** End Of Properties By Area***/

 /***Popular Areas***/
 .popular-areas-grid {
 	gap: 0px !important;
 }

 .popular-areas-grid .elementor-element {
 	padding: 0;
 }


 .popular-areas-grid .elementor_wpresidece_grid {
 	margin-left: -3px !important;
 	margin-right: -3px !important;
 	width: calc(100% + 6px) !important;
 	display: flex;
 	flex-wrap: wrap;
 }

 .popular-areas-grid .elementor_residence_grid {
 	padding-left: 3px !important;
 	padding-right: 3px !important;

 }

 /* Consistent height for all cards */
 .popular-areas-grid .listing_wrapper.places_wrapper_type_1 {
 	height: 280px !important;
 	margin-bottom: 0px !important;
 	border-radius: 4px;
 	overflow: hidden;
 }

 .popular-areas-grid .places_cover {
 	background: #053A6321;
 	opacity: 1;
 	border-radius: 4px;
 	height: 100%;
 	width: 100%;
 	transition: background 0.3s ease;
 }

 .popular-areas-grid .places_cover:hover {
 	background: #053A6340;
 }

 .popular-areas-grid .property_listing.places_listing {
 	height: 100%;
 	background-size: cover;
 	background-position: center;
 	border-radius: 4px;
 	position: relative;
 	cursor: pointer;
 }

 .popular-areas-grid h4 a {
 	font-size: 16px;
 	bottom: 50px;
 	left: 20px;
 	color: white;
 	text-decoration: none;
 	font-weight: bold;
 	z-index: 2;
 }

 .popular-areas-grid .property_location {
 	position: absolute;
 	bottom: 20px;
 	left: 20px;
 	color: white;
 	z-index: 2;
 }


 .popular-areas-grid .elementor_wpresidece_grid .elementor_residence_grid[style*="width: 35%"] .listing_wrapper.places_wrapper_type_1,
 .popular-areas-grid .elementor_wpresidece_grid .elementor_residence_grid[style*="width: 15%"] .listing_wrapper.places_wrapper_type_1,
 .popular-areas-grid .elementor_wpresidece_grid .elementor_residence_grid[style*="width: 25%"] .listing_wrapper.places_wrapper_type_1 {
 	height: 273px !important;
 }


 @media only screen and (max-width: 767px) {
 	.popular-areas-grid .elementor_residence_grid {
 		padding-bottom: 6px !important;
 		width: 100% !important;
 		flex: 0 0 100% !important;
 		max-width: 100% !important;
 	}

 	.popular-areas-grid .listing_wrapper.places_wrapper_type_1 {
 		height: 273px !important;
 	}

 	.popular-areas-grid .elementor_wpresidece_grid {
 		margin-left: 0px !important;
 		margin-right: 0px !important;
 		width: 100% !important;
 	}


 }

 /***END OF POPULAR AREAS***/

 /***CATEGORIES***/
 .categories-grid {
 	gap: 0px !important;
 }

 .categories-grid .elementor-element {
 	padding: 0;
 }


 .categories-grid .elementor_wpresidece_grid {
 	margin-left: -3px !important;
 	margin-right: -3px !important;
 	width: calc(100% + 6px) !important;
 	display: flex;
 	flex-wrap: wrap;
 }

 .categories-grid .elementor_residence_grid {
 	padding-left: 3px !important;
 	padding-right: 3px !important;

 }


 .categories-grid .listing_wrapper.places_wrapper_type_1 {
 	height: 273px !important;
 	margin-bottom: 0px !important;
 	border-radius: 1px;
 	overflow: hidden;
 	position: relative;
 }

 .categories-grid .places_cover {
 	background: rgba(5, 58, 99, 0.1);
 	opacity: 1;
 	border-radius: 8px;
 	height: 100%;
 	width: 100%;
 	transition: all 0.3s ease;
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 1;
 }

 .categories-grid .places_cover:hover {
 	background: rgba(5, 58, 99, 0.3);
 }

 .categories-grid .property_listing.places_listing {
 	height: 100%;
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;
 	border-radius: 8px;
 	position: relative;
 	cursor: pointer;
 	display: flex;
 	align-items: flex-end;
 }


 .categories-grid h4 {
 	position: absolute !important;
 	top: 15px !important;
 	left: 0px !important;
 	margin: 0 !important;
 	padding: 0 !important;
 	z-index: 3 !important;
 }

 .categories-grid h4 a {
 	font-size: 18px !important;
 	color: #ffffff !important;
 	text-decoration: none !important;
 	font-weight: bold !important;

 	padding: 10px 15px !important;
 	border-radius: 6px !important;
 	display: inline-block !important;
 	transition: all 0.3s ease !important;
 }




 .categories-grid .elementor_residence_grid[style*="width: 45%"] .listing_wrapper.places_wrapper_type_1,
 .categories-grid .elementor_residence_grid[style*="width: 35%"] .listing_wrapper.places_wrapper_type_1,
 .categories-grid .elementor_residence_grid[style*="width: 20%"] .listing_wrapper.places_wrapper_type_1 {
 	height: 273px !important;
 }


 @media only screen and (max-width: 767px) {
 	.categories-grid .elementor_residence_grid {
 		padding-bottom: 6px !important;
 		width: 100% !important;
 		flex: 0 0 100% !important;
 		max-width: 100% !important;
 		padding-left: 10px !important;
 		padding-right: 10px !important;
 	}

 	/* Reset custom widths on mobile */
 	.categories-grid .elementor_residence_grid[style*="width: 45%"],
 	.categories-grid .elementor_residence_grid[style*="width: 35%"],
 	.categories-grid .elementor_residence_grid[style*="width: 20%"] {
 		width: 100% !important;
 		flex: 0 0 100% !important;
 		max-width: 100% !important;
 	}

 	.categories-grid .listing_wrapper.places_wrapper_type_1 {
 		height: 273px !important;

 	}

 	.categories-grid .elementor_wpresidece_grid {
 		margin-left: 0px !important;
 		margin-right: 0px !important;
 		width: 100% !important;
 	}

 	.categories-grid h4 a {
 		font-size: 16px !important;
 		padding: 8px 12px !important;
 	}

 	.categories-grid .property_location {
 		font-size: 12px !important;
 		padding: 6px 10px !important;
 	}


 	.elementor-element[data-id="8f8af10"] {
 		padding-left: 10px !important;
 		padding-right: 10px !important;
 	}
 }


 @media only screen and (min-width: 768px) and (max-width: 1024px) {
 	.categories-grid .listing_wrapper.places_wrapper_type_1 {
 		height: 273px !important;
 	}

 	.categories-grid h4 a {
 		font-size: 16px !important;
 		padding: 8px 12px !important;
 	}
 }

 /***END***/


 .contact_map #gmap-control {
 	margin-top: 20px;
 }

 .contact_map #geolocation-button {
 	display: none;
 }

 @media (max-width: 576px) {
 	.contact_map_container {
 		display: none;
 	}
 }



 .leaflet_cluster {
 	color: #000 !important;
 }



 /* @media (max-width: 767px) {
    .elementor-30774 .elementor-element.elementor-element-58846f2 .elementor_residence_grid {
        padding-right: calc(1px / 2);
        padding-left: calc(1px / 2);
		margin-left: -4px;
    }
} */


 button.nts-dropdown-button.nts-size-button {
 	text-align: center;
 	justify-content: center;
 }

 .page-template.page-template-custom-property-details .mobilewrapper {
 	width: 100%;
 }

 /* -----------------------------------------------------------------------------------------------Sticky header issue -------------------------------------------------------------------- */

 .elementor-30774 .elementor-element.elementor-element-734d0fdb {
 	z-index: 1 !important;

 }

 /* <---------- PROPERTY DETAILS PAGE SIMILAR PROPERTIES --------------> */
 .prop-secondary-tab .nav-tabs li a {
 	background: #fdb515 !important;
 	color: #000 !important;
 	border-color: #fdb515 !important;

 }

 .prop-secondary-tab .nav-tabs li.active a,
 .prop-secondary-tab .nav-tabs li a:focus {
 	color: #fff !important;
 	background: #000 !important;
 	border-color: #000 !important;
 }

 .nav.nav-tabs {
 	border-width: 2px;
 	border-color: black;
 }

 .prop-secondary-tab .nav-tabs li a:hover {
 	background: #222 !important;
 	color: #fff !important;
 	border-color: #fff !important;
 }


 .page-template.page-template-custom-property-details.page-template-custom_property_layout .master_header.breadcrumb_container .breadcrumb {
 	margin-left: 3rem;
 	display: inline-block;
 	font-size: 12px;
 	/* margin-top: 5px; */
 	margin-bottom: 5px;
 }

 .page-template.page-template-custom-property-details.page-template-custom_property_layout .master_header.breadcrumb_container .breadcrumb {
 	margin: 0px;
 }

 .page-template.page-template-custom-property-details.page-template-custom_property_layout .master_header.wide.breadcrumb_container.master_header_sticky {
 	position: fixed !important;
 	top: 81px !important;
 	/* opacity: 0.95 !important; */
 	left: 12px !important;
 	background: #808080;
 	box-shadow: 0px 3px 5px -2px #000 !important;
 }

 /* .wpestate_top_property_navigation.sticky_property_menu_visible{
	top: 70px !important;
 } */

 .page-template.page-template-custom-property-details.page-template-custom_property_layout .entry-title.entry-prop.breadcrumb-prope-title {
 	font-size: 14px;
 	margin-bottom: 0px;
 	text-align: center;
 	align-content: center;
 	width: auto;
 	margin-right: 5px;
 }

 .page-template.page-template-custom-property-details.page-template-custom_property_layout .breadcrumb-title-column {
 	/* display: flex !important; */
 	align-content: center;
 	justify-content: center;
 }

 .page-template.page-template-custom-property-details.page-template-custom_property_layout .breadcrumb_container {
 	left: 12px !important;
 	background-color: #e6e5e5 !important;
 	box-shadow: 0px 3px 5px -2px #000 !important;
 }

 .page-template.page-template-custom-property-details.page-template-custom_property_layout .breadcrumb a {
 	/* color: #fff !important; */
 	color: #000 !important;
 }

 .page-template.page-template-custom-property-details.page-template-custom_property_layout .breadcrumb>li {
 	/* color: #fff; */
 	color: #000 !important;
 }

 .page-template.page-template-custom-property-details.page-template-custom_property_layout .breadcrumb>li+li::before {
 	/* color: #fff !important; */
 	color: #000 !important;
 }

 .entry-title.entry-prop.breadcrumb-prope-title {
 	/* color: #fff; */
 	color: #000;
 }

 #custom_prop_header_logo {
 	margin-left: 3rem;
 }

 #custom_prop_header_logo #logo_image {
 	width: 95px;
 	margin-left: -16px;
 }

 .wpestate_top_property_navigation.sticky_property_menu_visible {
 	padding: 34px 15px;
 }

 .fixed-tour-button {
 	margin-right: 0rem;
 }

 .breadcrumb a:hover {
 	text-decoration: underline;
 	text-decoration-color: #000;
 }

 .nav-container {
 	gap: 70px;
 }

 @media (max-width: 767px) {
 	.page-template.page-template-custom-property-details.page-template-custom_property_layout .entry-title.entry-prop.breadcrumb-prope-title {
 		font-size: 10px;
 	}

 	.page-template.page-template-custom-property-details.page-template-custom_property_layout .entry-title.entry-prop.breadcrumb-prope-title span {
 		font-size: 10px;
 	}
 }

 @media (min-width:768px) and (max-width: 991px) {
 	.page-template.page-template-custom-property-details.page-template-custom_property_layout .entry-title.entry-prop.breadcrumb-prope-title {
 		font-size: 12px;
 	}

 	.page-template.page-template-custom-property-details.page-template-custom_property_layout .entry-title.entry-prop.breadcrumb-prope-title span {
 		font-size: 12px;
 	}
 }

 .page-template.page-template-custom-property-details.page-template-custom_property_layout .breadcrumb-title-column .property-price {
 	align-content: center;
 	display: block;
 	color: #000;
 }

 .page-template.page-template-custom-property-details.page-template-custom_property_layout .breadcrumb-title-column .property-price strong {
 	font-weight: 500;
 	font-size: 14px;
 	font-family: var(--wp-estate-h1-font-family-option, var(--wp-estate-h1-font-family));
 }

 @media (max-width: 1222px) {
 	.nav-container {
 		flex-wrap: inherit;
 		gap: 25px;
 		margin-left: 35px;
 	}
 }

 @media only screen and (max-width: 991px) {
 	.master_header.wide.breadcrumb_container.master_header_sticky {
 		display: none !important;
 	}

 	#custom_property_header_menu {
 		display: none !important;
 	}
 }

 @media (max-width: 1200px) {
 	.page-template.page-template-custom-property-details.page-template-custom_property_layout .master_header.breadcrumb_container .breadcrumb {
 		margin-left: 0rem;
 	}
 }


 .page-template.page-template-custom-property-details.page-template-custom_property_layout .top_bar_wrapper {
 	display: none !important;
 }

 @media (max-width:1200px) {
 	.g-recaptcha {
 		display: inline-block;
 		width: 100% !important;
 		max-width: 100% !important;
 		/* overflow: hidden; */
 	}

 	.g-recaptcha div {
 		transform: scale(0.85);
 		transform-origin: 0 0;
 		/* width: 100% !important; */
 	}
 }

 @media (max-width:767px) {
 	.backtop.islive {
 		right: 24px
 	}
 }

 .featured-properties-header p {
 	padding-left: 60px;
 	padding-right: 60px;
 }

 @media (width: 768px) {
 	.col-md-6.row.gallery-right-column.image_gallery.lightbox_trigger.special_border {
 		width: 100% !important;
 	}
 }

 #propertySearchForm .adv_search_tab #shared-pane {
 	overflow: visible;
 }

 .submit_listing {
 	background: #fdb515 !important;
 	color: #000 !important;
 	border-color: #fdb515 !important;
 }

 .submit_listing:hover {
 	background: #000 !important;
 	color: white !important;
 	border-color: #000 !important;
 }

 /* .mobilex-menu li:hover a {
 	background: #fdb515 !important;
 	color: #000 !important;
 } */

 /* 
 #menu-item-28395:active {
 	background: #fff !important;
 	color: #000 !important;
 } */



 @media(max-width:768px) {
 	#closeDrawMap {
 		font-size: 0 !important;
 	}

 	#closeDrawMap i {
 		font-size: initial !important;
 	}

 }

 .top_bar_wrapper.transparent_topbar,

 .header_transparent .master_header {

 	background-color: #57545466 !important;

 }

 .master_header .header_wrapper {
 	height: 115px !important;
 }

 /* .page-id-30774 img#logo_image {
 	width: 90px !important;
 } */


 .tour-tab-btn.active:hover {
 	background-color: white !important;
 	color: #000 !important;
 }

 .page-template.page-template-custom-property-details.page-template-custom_property_layout .master_header.wide.breadcrumb_container.master_header_sticky {
 	z-index: 1004 !important;
 }

 .mobilewrapper .submit_listing {
 	margin-top: 55px !important;
 }

 /* .mobilex-menu li:active a {
 	background-color: #fdb515 !important;
 	color: #000000 !important;
 } */

 .mobilex-menu li:hover a:hover
  {
 	background-color: #000000 !important;
 	color: white !important;
	border-bottom:  1px solid var(--wp-estate-mobile-menu-border-color-option,#fdb515) !important;

 }
 /* .mobilex-menu li {
border-bottom:  solid var(--wp-estate-mobile-menu-border-color-option,#fdb515) !important;
} */
 .master_header.wide.row.breadcrumb_container {
 	z-index: 1;
 }

 /* ------------------------------------------------------------------------ Header Logo --------------------------------------------------------------------------------------- */

 /* .prop-secondary-tab .nav-tabs{
	margin-left: 20px;
 } */

 .logo a,
 .logo img,
 .master_header .header_wrapper,
 .wpresidence-navigation-menu,
 .master_header_sticky .logo img {
 	height: 69px !important;
 }

 .master_header_sticky .logo img {
 	max-height: 69px !important;
 }

 #custom_prop_header_logo #logo_image {
 	width: 104px !important;
 }

 .page-id-30774 .header_wrapper.d-flex.w-100.header_type1.hover_type_3 {
 	height: 98px !important;

 }

 @media (max-width: 992px) {

 	.prop-tab-container #rated_properties,
 	.prop-tab-container #notify_list,
 	.prop-tab-container #arrange_viewings {
 		display: none !important;
 	}
 }

 @media (max-width: 767px) {
 	.home .elementor-widget-slider_revolution {
 		overflow: hidden;
 	}
 }


 .snap-drawers .snap-drawer.snap-drawer-right {
 	overflow: hidden !important;
 }

 .user-menu-dropdowns {
 	overflow: hidden !important;
 }


 .wpestate_forgot_form_wrapper input[type="checkbox"],
 .wpestate_login_form_wrapper input[type="checkbox"],
 .wpestate_register_form_wrapper input[type="checkbox"] {
 	border: 1px solid #565a5c !important;
 }

 @media (max-width: 1199px) {

 	.login_form.wpestate_login_form_wrapper p,
 	.custom-form-toggle.login-links span,
 	#custom-login-phone,
 	.login_form.wpestate_register_form_wrapper p,
 	.login_form.wpestate_register_form_wrapper input {
 		color: #fff;
 	}
 }



 .page-template-custom-property-details .master_header.d-none.d-xl-block.d-flex.wide {
    height: 82px !important;
}
.page-template-custom-property-details #custom_property_header_menu
 {
    height: 82px !important;
}
.page-template-custom-property-details .logo {
    padding-top: 4px !important;
}



/* #menu-item-35256 .sub-menu {
	background-color:#001A33 !important;
} */

@media(min-width:1200px){
.snap-drawer.snap-drawer-left {
	display: none !important;
}}


.wpresidence-navigation-menu .menu-mega-menu-updated-container ul li ul li:hover {
  background-color: #000 !important;
}


.page-template-custom-property-details #custom_property_header_menu {
  z-index: 1004 !important;
}