/* ============================================================
   OFFICE KHOJO — style.css  (complete merged file)
   Primary orange : #f2733d
   Gradient       : linear-gradient(135deg, #f2733d, #feb47b)
   Dark hover     : #d95f28
   Brand blue     : #20416b
   ============================================================ */

:root {
	--brand-blue:    #20416b;
	--brand-orange:  #f2733d;
	--accent-coral:  #d95f28;
	--icon-orange:   #f2733d;
	--grad-start:    #f2733d;
	--grad-end:      #feb47b;
}

/* ─── BASE ─────────────────────────────────────────────────── */
body {
	font-family: 'Jost', sans-serif;
	background-color: #fdfbfb;
	overflow-x: hidden;
}

body, html {
	overflow-x: hidden;
}

.dropdown-item {
	padding: 7px 30px;
}

.text-dark-blue {
	color: #1a2b3c;
}

.text-orange {
	color: var(--brand-orange) !important;
}

/* ─── BUTTONS (unified orange) ──────────────────────────────── */
.btn-orange {
	background-color: var(--brand-orange);
	color: white;
	border: none;
	padding: 10px 24px;
	transition: background-color 0.3s ease;
}

.btn-orange:hover {
	background-color: var(--accent-coral);
	color: white;
}

.btn-contact {
	background: #FF6B00;
	box-shadow: 0 10px 20px -5px rgba(242, 115, 61, 0.4);
	color: white;
	border: 1px solid var(--brand-orange);
	padding: 8px 20px;
	font-weight: 500;
	transition: all 0.3s ease;
}

.btn-contact:hover {
	background-color: var(--accent-coral);
	border-color: var(--accent-coral);
	color: white;
}

.btn-consultation {
	background-color: var(--brand-orange);
	color: white;
	border: 2px solid var(--brand-orange);
	padding: 10px 30px;
	font-weight: 600;
	border-radius: 8px;
	transition: all 0.3s ease;
	font-size: 1.1rem;
}

.btn-consultation:hover {
	background-color: var(--accent-coral);
	border-color: var(--accent-coral);
	color: white;
}

.btn-solid-orange {
	background: #FF6B00;
	box-shadow: 0 10px 20px -5px rgba(242, 115, 61, 0.4);
	color: #ffffff;
	border: 2px solid var(--brand-orange);
	transition: all 0.3s ease;
}

.btn-solid-orange:hover {
	background-color: var(--accent-coral);
	border-color: var(--accent-coral);
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(242, 115, 61, 0.25);
}

.btn-outline-orange {
	color: #000000;
	background-color: transparent;
	border: 1px solid #000000;
	transition: all 0.3s ease;
}

.listing-card:hover .btn-outline-orange {
	background-color: var(--brand-orange);
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(242, 115, 61, 0.2);
}

.filter-btn {
	background-color: var(--brand-orange);
	color: white;
	border: none;
	border-radius: 4px;
	padding: 8px 20px;
	font-size: 0.9rem;
	font-weight: 600;
	margin: 0 8px;
	transition: all 0.3s ease;
	opacity: 0.6;
}

.filter-btn.active,
.filter-btn:hover {
	opacity: 1;
	box-shadow: 0 4px 10px rgba(242, 115, 61, 0.35);
}

/* ─── LISTING CARDS ─────────────────────────────────────────── */
.listing-card {
	border-radius: 12px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	background: #fff;
}

.listing-card:hover {
	transform: translateY(-20px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
}

.card-img-top {
	border-radius: 8px;
	height: 220px;
	object-fit: cover;
}

.location-text { font-size: 0.85rem; }
.price-text    { font-weight: 700; }

.price-text a {
	background: #fdf0ea;
	padding: 7px;
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid #f5d8c7;
	color: var(--brand-orange);
	text-decoration: none;
}

.listing-card:hover .price-text a {
	background: var(--brand-orange);
	color: #fff;
}

.price-sec {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.amenities-container {
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
}

.amenity-icon {
	font-size: 1.2rem;
	color: var(--brand-orange);
	cursor: pointer;
	transition: color 0.2s;
}

.amenity-icon:hover { color: #000; }

.listing-item         { display: none; }
.listing-item.show    { display: block; animation: fadeIn 0.4s ease-out forwards; }

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(10px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* ─── NAVBAR ────────────────────────────────────────────────── */
.navbar-nav .nav-link {
	color: #000000;
	font-weight: 500;
	margin: 0 10px;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.show {
	color: var(--brand-orange);
}

@media (min-width: 992px) {
	.navbar .dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0;
		background: #f8f7ff;
	}
	.offcanvas-body { padding-left: 110px; }
}

.navbar          { min-height: 80px; }
.overlapping-logo { padding: 0; }
.overlapping-logo:hover { transform: translateY(-3px); }
.overlapping-logo img   { width: 150px; height: 100%; }
.navbar-toggler         { margin-left: auto; }

/* ─── HERO SECTION ──────────────────────────────────────────── */
.filter-card {
	border-radius: 1rem;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	border: none;
	position: relative;
	z-index: 2;
}

.filter-input-group .form-control,
.filter-input-group .form-select {
	border: none;
	border-right: 1px solid #eee;
	border-radius: 0;
	box-shadow: none;
	font-family: 'Jost', sans-serif;
}

.filter-input-group > div:last-child .form-control,
.filter-input-group > div:last-child .form-select { border-right: none; }

.filter-input-group .form-select { cursor: pointer; }

.filter-icon {
	color: var(--brand-orange);
	margin-right: 8px;
}

.hero-section {
	position: relative;
	overflow: hidden;
	padding-top: 7rem;
	padding-bottom: 6rem;
	min-height: 80vh;
	display: flex;
	align-items: center;
}

.hero-section h1       { color: #000; font-weight: 500; }
.hero-section h1 span  { color: var(--brand-orange); }

.bg-shape {
	position: absolute;
	top: 0;
	right: 0;
	width: 55%;
	height: 100%;
	background-color: #f0f0f0;
	background-image: url('../images/bnn.jpeg');
	background-size: cover;
	background-position: center;
	z-index: 0;
	clip-path: url(#curved-slash);
	-webkit-clip-path: url(#curved-slash);
}

.header-search {
	background-color: #f4f6f8;
	border: 1px solid #eaeaea;
	font-size: 0.9rem;
}

.header-search:focus {
	background-color: #fff;
	border-color: var(--brand-orange);
	box-shadow: 0 0 0 0.2rem rgba(242, 115, 61, 0.25);
}

/* ─── EXPLORE CATEGORIES ────────────────────────────────────── */
.explore-section {
	padding: 5rem 0;
	background-color: #fff;
}

.explore-heading {
	text-align: center;
	font-weight: 600;
	color: #000000;
	margin-bottom: 3rem;
	font-size: 2.2rem;
}

.explore-heading span { color: var(--brand-orange); }

.explore-card {
	display: block;
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	text-decoration: none;
	background-color: #1a2b3c;
	border-radius: 8px;
}

.explore-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: transform 0.5s ease;
	z-index: 0;
}

.explore-card:hover .explore-bg { transform: scale(1.1); }

.explore-card::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 45%;
	background: linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.28) 45%, transparent 100%);
	z-index: 1;
}

/* ── FIX: centre-align category label ── */
.explore-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	color: #ffffff;
	text-align: center;
	padding: 0 10px 18px;
}

.explore-title {
	font-size: 1.05rem;
	font-weight: 700;
	text-transform: capitalize;
	letter-spacing: 0.4px;
}

/* ─── WHY CHOOSE US ─────────────────────────────────────────── */
.discovery-section {
	position: relative;
	padding: 80px 0;
	background-color: #ffffff;
}

.section-subtitle {
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--brand-orange);
	font-weight: 700;
	font-size: 0.85rem;
	margin-bottom: 0.5rem;
}

.discovery-section .section-title {
	font-weight: 800;
	font-size: 2.75rem;
	color: var(--brand-blue);
	line-height: 1.2;
	margin-bottom: 3rem;
}

.title-accent {
	background: linear-gradient(120deg, var(--brand-orange) 0%, var(--accent-coral) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.feature-list  { margin-top: 2rem; }

.fluent-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 2.5rem;
}

.fluent-icon {
	width: 65px;
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--grad-start), var(--grad-end));
	color: white;
	font-size: 1.75rem;
	flex-shrink: 0;
	box-shadow: 0 10px 20px rgba(242, 115, 61, 0.2);
	transition: transform 0.3s ease;
}

.fluent-item:hover .fluent-icon { transform: translateY(-3px); }

.fluent-text {
	margin-left: 1.5rem;
	padding-top: 0.25rem;
}

.fluent-text h5 {
	font-weight: 700;
	margin-bottom: 0.4rem;
	color: #111827;
	font-size: 1.3rem;
}

.fluent-text p {
	margin-bottom: 0;
	color: #546274;
	font-size: 1rem;
	line-height: 1.6;
}

/* visual scene */
.discovery-visual-scene {
	position: relative;
	width: 100%;
	max-width: 650px;
	aspect-ratio: 1 / 1;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.scanning-system {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0; left: 0;
	z-index: 0;
	pointer-events: none;
}

.scan-arc {
	position: absolute;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: var(--accent-coral);
	opacity: 0.5;
	animation: rotateScan infinite linear;
}

.arc-1 { width: 100%; height: 100%; top: 0; left: 0; animation-duration: 30s; }
.arc-2 {
	width: 80%; height: 80%; top: 10%; left: 10%;
	border-top-color: transparent;
	border-bottom-color: rgba(242, 115, 61, 0.4);
	animation-duration: 20s;
	animation-direction: reverse;
}
.arc-3 {
	width: 60%; height: 60%; top: 20%; left: 20%;
	border-top-color: var(--brand-orange);
	opacity: 0.8;
	animation-duration: 15s;
}

@keyframes rotateScan {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.ambient-glow {
	position: absolute;
	width: 70%; height: 70%;
	background: radial-gradient(circle, rgba(242,115,61,0.1) 0%, rgba(217,95,40,0.05) 50%, transparent 70%);
	border-radius: 50%;
	filter: blur(80px);
	z-index: 0;
}

.scaled-mag-glass {
	position: relative;
	width: 75%;
	left: -5%;
	aspect-ratio: 1 / 1;
	z-index: 1;
	transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.discovery-visual-scene:hover .scaled-mag-glass {
	transform: scale(1.02) translateY(-10px);
}

.mag-lens {
	width: 100%; height: 100%;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 40px 70px -15px rgba(32, 65, 107, 0.25);
	border: 16px solid white;
	position: relative;
	z-index: 2;
}

.mag-lens img { width: 100%; height: 100%; object-fit: cover; }

.mag-handle {
	position: absolute;
	bottom: -15%; right: 5%;
	width: 24px; height: 45%;
	background: linear-gradient(135deg, var(--brand-blue) 0%, var(--accent-coral) 100%);
	border-radius: 12px;
	transform: rotate(-40deg);
	z-index: 1;
	box-shadow: 15px 25px 45px rgba(0, 0, 0, 0.2);
}

/* ─── HOW IT WORKS  (enhanced — not faded) ───────────────────
   Replaced the plain #f8f9fa with a warm gradient + subtle
   watermark text so the section feels vivid and purposeful.
─────────────────────────────────────────────────────────────── */
.how-it-works-section {
	padding: 6rem 0;
	background: linear-gradient(145deg, #fff5f0 0%, #fef3ec 40%, #fdf6f2 100%);
	position: relative;
	overflow: hidden;
}

/* large faded background watermark */
.how-it-works-section::before {
	content: 'HOW IT WORKS';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: clamp(3rem, 8vw, 7rem);
	font-weight: 900;
	color: rgba(242, 115, 61, 0.06);
	white-space: nowrap;
	letter-spacing: 0.15em;
	pointer-events: none;
	user-select: none;
	z-index: 0;
}

.how-it-works-section .container { position: relative; z-index: 1; }

.process-row {
	display: flex;
	justify-content: center;
	gap: 30px;
	flex-wrap: wrap;
}

/* Stadium shape */
.step-wrapper {
	position: relative;
	width: 265px;
	height: 350px;
	padding: 10px;
	background: linear-gradient(135deg, var(--grad-start), var(--grad-end));
	border-radius: 110px 110px 130px 130px;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: all 0.3s ease;
	box-shadow: 0 8px 28px rgba(242, 115, 61, 0.18);
}

.step-wrapper:hover {
	transform: translateY(-8px);
	box-shadow: 0 18px 36px rgba(242, 115, 61, 0.28);
}

.content-card {
	background: white;
	width: 100%;
	height: 88%;
	border-radius: 100px 100px 120px 120px;
	padding: 50px 25px;
	text-align: center;
	position: relative;
	z-index: 2;
}

.number-box {
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 175px;
	height: 85px;
	background: linear-gradient(135deg, var(--grad-start), var(--grad-end));
	border-radius: 85px 85px 125px 125px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 2.6rem;
	font-weight: 800;
	z-index: 3;
	box-shadow: 0 8px 20px rgba(242, 115, 61, 0.35);
}

.icon-top {
	font-size: 3rem;
	color: #000000;
	margin-bottom: 12px;
	display: block;
}

.title-text {
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 0.9rem;
	margin-bottom: 15px;
	color: #000000;
}

.desc-text {
	font-size: 0.85rem;
	color: #555;
	line-height: 1.6;
	margin-bottom: 0;
}

.arrow-next {
	position: absolute;
	top: 45%; right: -25px;
	color: var(--brand-orange);
	font-size: 1.5rem;
	z-index: 10;
}

@media (max-width: 1200px) { .arrow-next { display: none; } }

/* ─── CLIENTS SECTION ───────────────────────────────────────── */
.clients-section {
	padding: 80px 0;
	text-align: center;
}

.clients-section .owl-item img {
	max-width: 150px;
	width: auto; height: auto;
	display: inline-block;
}

.clients-section .item {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.clients-section h2 {
	font-weight: 700;
	color: #1a2b3c;
	margin-bottom: 3rem;
	font-size: 2.2rem;
}

.client-logo-placeholder {
	font-weight: 800;
	font-size: 1.2rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height: 1.2;
	color: #ccc;
}

.client-logo-placeholder small {
	font-weight: 500;
	font-size: 0.75rem;
	color: #777;
}

/* ─── TESTIMONIALS ──────────────────────────────────────────── */
.testimonials-container {
	background-color: #f4f6f8;
	border-radius: 2rem;
	padding: 5rem 2rem;
}

#testimonial-carousel .owl-stage { display: flex; align-items: stretch; }
#testimonial-carousel .owl-item  { display: flex; }
#testimonial-carousel .item      { display: flex; flex-direction: column; width: 100%; }

.testimonial-card {
	background-color: #ffffff;
	border-radius: 1.5rem;
	padding: 2.5rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
	transition: transform 0.3s ease;
	margin: 10px 0;
}

.testimonial-card:hover { transform: translateY(-5px); }

.testimonial-quote-icon {
	font-size: 3rem;
	color: var(--brand-orange);
	line-height: 0;
	margin-top: 10px;
}

.testimonial-text {
	color: #555555;
	font-size: 0.95rem;
	line-height: 1.7;
	margin: 1.5rem 0;
	flex-grow: 1;
	font-weight: 500;
}

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

.testimonial-brand {
	font-weight: 700;
	color: #1a2b3c;
	display: flex;
	align-items: center;
	gap: 8px;
}

.testimonial-brand i {
	color: var(--brand-orange);
	font-size: 1.2rem;
}

.testimonial-divider {
	flex-grow: 1;
	height: 1px;
	background-color: #eaeaea;
}

.testimonial-stars {
	color: var(--brand-orange);
	font-size: 0.9rem;
	display: flex;
	gap: 2px;
}

.testimonial-stars .empty-star { color: #dee2e6; }

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background: var(--brand-orange) !important; }

.owl-theme .owl-dots .owl-dot span {
	background: #cbd5e1 !important;
	width: 12px !important;
	height: 12px !important;
	margin: 5px 6px !important;
	transition: all 0.3s ease;
}

/* ─── CONTACT FORM (3-D TILT) ───────────────────────────────── */
.scene { perspective: 1200px; }

.contact-section .tilt-wrapper {
	position: relative;
	transform-style: preserve-3d;
	transform: rotateY(18deg) rotateX(5deg) scale(0.95);
	transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.contact-section .tilt-wrapper:hover { transform: rotateY(8deg) rotateX(2deg) scale(1); }

.contact-section .tilt-image {
	width: 100%;
	height: 550px;
	object-fit: cover;
	box-shadow: -30px 30px 0px rgba(242,115,61,0.15), -15px 20px 40px rgba(0,0,0,0.3);
	border-bottom: 8px solid var(--brand-orange);
}

.contact-section .badge-3d {
	position: absolute;
	background: #ffffff;
	color: #111;
	font-weight: 800;
	text-transform: uppercase;
	padding: 12px 24px;
	box-shadow: -10px 15px 25px rgba(0, 0, 0, 0.2);
	transform: translateZ(80px);
	letter-spacing: 1px;
	clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}

.contact-section .badge-1 { bottom: 20%; left: -30px; border-left: 5px solid var(--brand-orange); }
.contact-section .badge-2 { bottom: 35%; right: -20px; transform: translateZ(120px); border-right: 5px solid var(--brand-orange); }

.form-card {
	background-color: #ffffff;
	padding: 3rem;
	border-radius: 24px;
	box-shadow: 0 20px 40px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.05);
	border: 1px solid rgba(0,0,0,0.03);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.form-card:hover {
	box-shadow: 0 25px 50px rgba(0,0,0,0.12);
	transform: translateY(-5px);
}

.text-brand      { color: var(--brand-orange) !important; }
.minimal-heading { font-weight: 700; letter-spacing: -0.5px; color: #212529; }

.minimal-input {
	background-color: #f8f9fa;
	border: 1px solid transparent;
	border-radius: 12px;
	font-weight: 400;
	color: #333;
	transition: all 0.3s ease;
	padding-top: 0.625rem !important;
}

.minimal-input:focus {
	background-color: #ffffff;
	border-color: var(--brand-orange);
	box-shadow: 0 0 0 4px rgba(242, 115, 61, 0.1);
	outline: none;
}

.btn-sleek {
	color: #ffffff;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 0.5px;
	padding: 16px 32px;
	border: none;
	border-radius: 50px;
	transition: all 0.3s ease;
	cursor: pointer;
	width: 100%;
	background: #FF6B00;
	box-shadow: 0 10px 20px -5px rgba(242, 115, 61, 0.4);
}

.btn-sleek:hover {
	background-color: var(--accent-coral);
	transform: translateY(-2px);
	box-shadow: 0 12px 25px rgba(242, 115, 61, 0.3);
	color: #ffffff;
}

.btn-sleek:active {
	transform: translateY(1px);
	box-shadow: 0 4px 10px rgba(242, 115, 61, 0.2);
}

/* ─── NEWS SECTION ──────────────────────────────────────────── */
.news-section {
	max-width: 1200px;
	margin: 80px auto;
	padding: 0 20px;
}

.news-section-title {
	text-align: center;
	font-size: 2.5rem;
	color: #0b1a2a;
	margin-bottom: 50px;
	font-weight: 700;
}

.news-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 30px;
}

.news-card { display: flex; flex-direction: column; }

.news-card-image { width: 100%; height: 250px; overflow: hidden; }
.news-card-image img { width: 100%; height: 100%; object-fit: cover; }

.news-card-content {
	background-color: #ffffff;
	margin: -60px 25px 0 25px;
	padding: 30px;
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.news-card-meta {
	display: flex;
	align-items: center;
	font-size: 0.85rem;
	color: #64748b;
	margin-bottom: 15px;
}

.news-card-meta svg { width: 16px; height: 16px; margin-right: 8px; stroke: currentColor; }

.news-card-title {
	font-size: 1.35rem;
	color: #0b1a2a;
	margin-bottom: 25px;
	line-height: 1.4;
	font-weight: 700;
}

.news-read-more {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: #0b1a2a;
	font-weight: 600;
	font-size: 0.9rem;
	transition: color 0.2s ease;
}

.news-read-more:hover { color: #3b82f6; }

.news-read-more svg {
	width: 18px; height: 18px;
	margin-left: 6px;
	stroke: currentColor;
	transition: transform 0.2s ease;
}

.news-read-more:hover svg { transform: translateX(4px); }

/* ─── FOOTER ────────────────────────────────────────────────── */
.footer-section {
	background-color: #f4f4f4;
	color: #1a2b3c;
	position: relative;
	padding-top: 2.5rem;
}

.footer-text { color: #555555; font-size: 0.95rem; line-height: 1.6; }

@media (min-width: 992px) {
	.footer-divider { border-right: 1px solid rgba(0, 0, 0, 0.1); }
}

.footer-logo { border-radius: 50px; display: inline-block; margin-bottom: 1.5rem; }
.footer-logo img { height: 70px; object-fit: contain; }

.footer-contact-list li {
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	font-size: 0.95rem;
	font-weight: 500;
	color: #1a2b3c;
}

.footer-contact-list i {
	font-size: 1.2rem;
	margin-right: 12px;
	color: var(--brand-orange);
}

.footer-inline-links a {
	color: #555555;
	text-decoration: none;
	transition: color 0.3s;
	font-size: 0.9rem;
	font-weight: 500;
}

.footer-inline-links a:hover { color: var(--brand-orange); }
.footer-inline-links span    { color: rgba(0,0,0,0.1); margin: 0 8px; }

.social-icons { display: flex; gap: 12px; margin-top: 1.5rem; }

.social-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px; height: 40px;
	background-color: #ffffff;
	color: #1a2b3c;
	border-radius: 50%;
	text-decoration: none;
	transition: all 0.3s ease;
	border: 1px solid rgba(0,0,0,0.1);
	font-size: 1.1rem;
}

.social-icon:hover {
	background-color: var(--brand-orange);
	color: white;
	border-color: var(--brand-orange);
	transform: translateY(-3px);
	box-shadow: 0 4px 10px rgba(242, 115, 61, 0.2);
}

.newsletter-wrapper {
	position: relative;
	max-width: 100%;
	background: white;
	border-radius: 50px;
	padding: 5px;
	border: 1px solid #eaeaea;
}

.newsletter-wrapper input {
	border: none;
	background: transparent;
	padding: 12px 20px;
	font-size: 0.95rem;
	width: calc(100% - 130px);
	color: #1a2b3c;
}

.newsletter-wrapper input:focus { outline: none; box-shadow: none; }

.newsletter-wrapper .btn-subscribe {
	position: absolute;
	right: 5px; top: 5px; bottom: 5px;
	border-radius: 50px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.footer-links h5 { font-weight: 700; margin-bottom: 1.5rem; font-size: 1.2rem; color: #1a2b3c; }
.footer-links ul { padding: 0; list-style: none; }
.footer-links li { margin-bottom: 0.8rem; }

.footer-links a {
	color: #555555;
	text-decoration: none;
	transition: color 0.3s;
	font-size: 0.95rem;
	font-weight: 500;
}

.footer-links a:hover { color: var(--brand-orange); padding-left: 5px; }

.footer-bottom {
	border-top: 1px solid rgba(0,0,0,0.1);
	padding: 20px 0;
	margin-top: 0;
	font-size: 0.9rem;
	color: #555555;
}

.back-to-top {
	position: absolute;
	right: 30px; bottom: 15px;
	background-color: var(--brand-orange);
	color: white;
	width: 45px; height: 45px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
	z-index: 10;
}

.back-to-top:hover {
	background-color: var(--accent-coral);
	color: white;
	transform: translateY(-3px);
}

.feature-section { background: url(../images/bg5.png); }

.discovery-section .right-shape { position: absolute; bottom: 0; right: 0; }
.step-wrapper .arrow            { position: absolute; right: -46px; top: 70px; }

/* ─── CTA PARALLAX ──────────────────────────────────────────── */
.hero-parallax {
	position: relative;
	height: 85vh;
	min-height: 600px;
	background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)),
		url('../images/cta-bg.avif');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cta-card {
	background: rgba(255, 255, 255, 0.82);
	backdrop-filter: blur(10px);
	padding: 60px 40px;
	border-radius: 30px;
	border: 1px solid rgba(255,255,255,0.3);
	box-shadow: 0 25px 50px -12px rgba(0,0,0,0.1);
	max-width: 900px;
}

.display-title {
	font-weight: 700;
	color: #1a1a1a;
	font-size: 40px;
	line-height: 1.1;
	margin-bottom: 1.5rem;
}

.sub-text {
	font-size: 1.15rem;
	color: #4a4a4a;
	max-width: 650px;
	margin: 0 auto 3rem auto;
}

.btn-custom {
	padding: 18px 45px;
	border-radius: 100px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	border: none;
	display: inline-block;
	text-decoration: none;
}

.btn-orange-3d {
	background: #FF6B00;
	color: white;
	box-shadow: 0 10px 20px -5px rgba(242, 115, 61, 0.4);
}

.btn-orange-3d:hover {
	transform: translateY(-5px) scale(1.03);
	box-shadow: 0 20px 30px -10px rgba(242, 115, 61, 0.6);
	color: white;
	background: linear-gradient(135deg, var(--accent-coral), var(--grad-start));
}

.btn-outline-3d {
	background: #ffffff;
	color: #1a1a1a;
	border: 2px solid #1a1a1a;
	margin-left: 20px;
	box-shadow: 0 10px 20px -5px rgba(0,0,0,0.05);
}

.btn-outline-3d:hover {
	background: var(--brand-orange);
	color: white;
	border-color: var(--brand-orange);
	transform: translateY(-5px) scale(1.03);
	box-shadow: 0 20px 30px -10px rgba(242, 115, 61, 0.4);
}

.btn-custom:active { transform: translateY(2px) scale(0.98); }

/* ─── LOCATIONS SECTION ─────────────────────────────────────── */
.location-section {
	position: relative;
	padding: 80px 0;
	background-color: #ffffff;
}

.location-section .tilt-wrapper {
	perspective: 1200px;
	display: flex;
	justify-content: center;
}

.location-section .capsule-card {
	position: relative;
	width: 100%;
	max-width: 290px;
	height: 468px;
	border-radius: 150px;
	padding: 10px;
	border: 3px solid var(--brand-orange);
	background-color: #ffffff;
	cursor: pointer;
	transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.5s ease;
	transform-style: preserve-3d;
}

.location-section .tilt-wrapper:hover .capsule-card {
	transform: translateY(-15px) translateZ(30px) scale(1.02);
	box-shadow: 0 25px 50px rgba(242, 115, 61, 0.2);
	border-color: var(--accent-coral);
}

.location-section .img-container {
	width: 100%; height: 100%;
	border-radius: 140px;
	overflow: hidden;
	position: relative;
}

.location-section .capsule-card img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform 0.8s ease;
	filter: brightness(0.85);
}

.location-section .tilt-wrapper:hover img {
	transform: scale(1.1);
	filter: brightness(1);
}

.location-section .card-img-overlay {
	background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 50%);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 45px 20px;
	text-align: center;
	border-radius: 140px;
	transform: translateZ(50px);
}

.location-section .city-name {
	color: #ffffff;
	font-weight: 500;
	font-size: 20px;
	margin: 0;
	text-transform: uppercase;
}

.location-section .city-tagline {
	color: rgba(255,255,255,0.85);
	font-size: 0.85rem;
	margin: 0;
}

/* ─── STICKY CTAs ───────────────────────────────────────────── */
.phone-sticky.cta-wrapper {
	position: fixed;
	bottom: 90px;
	right: 30px;
	z-index: 9999;
}

.phone-sticky .btn-call {
	width: 50px; height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 21px;
	color: white;
	background-color: #214c7f;
	border: none;
	box-shadow: 0 4px 15px rgba(0,0,0,0.3);
	text-decoration: none;
	transition: transform 0.3s ease, background-color 0.3s ease;
}

.phone-sticky .btn-call:hover { transform: scale(1.1); color: white; background-color: #128c7e; }
.phone-sticky .ringing-animation { animation: ring 2s infinite ease-in-out; }

@keyframes ring {
	0%   { transform: rotate(0) scale(1); }
	5%   { transform: rotate(-20deg) scale(1.2); }
	10%  { transform: rotate(20deg)  scale(1.2); }
	15%  { transform: rotate(-20deg) scale(1.2); }
	20%  { transform: rotate(20deg)  scale(1.2); }
	25%  { transform: rotate(0) scale(1); }
	100% { transform: rotate(0) scale(1); }
}

.phone-sticky.cta-wrapper::before {
	content: '';
	position: absolute;
	width: 100%; height: 100%;
	background-color: #214c7f;
	border-radius: 50%;
	z-index: -1;
	animation: pulse-border 2s infinite;
}

@keyframes pulse-border {
	0%   { transform: scale(1);   opacity: 0.8; }
	100% { transform: scale(1.8); opacity: 0;   }
}

.whatsapp-sticky.cta-wrapper {
	position: fixed;
	bottom: 175px;
	right: 30px;
	z-index: 9999;
}

.whatsapp-sticky .btn-call {
	width: 50px; height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 21px;
	color: white;
	background-color: #25d366;
	border: none;
	box-shadow: 0 4px 15px rgba(0,0,0,0.3);
	text-decoration: none;
	transition: transform 0.3s ease, background-color 0.3s ease;
}

.whatsapp-sticky .btn-call:hover  { transform: scale(1.1); color: white; background-color: #128c7e; }
.whatsapp-sticky .ringing-animation { animation: ring 2s infinite ease-in-out; }

.whatsapp-sticky.cta-wrapper::before {
	content: '';
	position: absolute;
	width: 100%; height: 100%;
	background-color: #25d366;
	border-radius: 50%;
	z-index: -1;
	animation: pulse-border 2s infinite;
}

/* ─── MODAL ─────────────────────────────────────────────────── */
.custom-modal-content {
	background-color: #ffffff;
	border: none;
	border-radius: 24px;
	box-shadow: 0px 20px 50px rgba(0,0,0,0.1);
	overflow: visible;
	padding: 20px;
	position: relative;
}

.custom-close-btn {
	position: absolute;
	top: -15px; right: -15px;
	width: 40px; height: 40px;
	background-color: #ffffff;
	color: #333;
	border: none;
	border-radius: 50%;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
	z-index: 1050;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.custom-close-btn:hover {
	background-color: var(--brand-orange);
	color: #ffffff;
	transform: scale(1.1);
}

.image-wrapper { height: 100%; border-radius: 16px; overflow: hidden; box-shadow: 0px 15px 35px rgba(0,0,0,0.15); }
.image-wrapper img { width: 100%; height: 100%; object-fit: cover; }

.contact-title    { color: #333; font-weight: 700; font-size: 1.75rem; margin-bottom: 0.5rem; }
.contact-subtitle { color: #666; font-size: 0.9rem; line-height: 1.6; margin-bottom: 2rem; }

.custom-input {
	background-color: #f8f9fa;
	border: none;
	border-radius: 8px;
	padding: 14px 20px;
	font-size: 1rem;
	color: #444;
	box-shadow: none !important;
	margin-bottom: 1rem;
}

.custom-input::placeholder { color: #adb5bd; font-weight: 500; }
.custom-input:focus { background-color: #f1f3f5; outline: none; }
textarea.custom-input { resize: none; }

.btn-submit {
	background: #FF6B00;
	color: #fff;
	font-weight: 600;
	font-size: 0.9rem;
	padding: 12px;
	border: none;
	border-radius: 30px;
	width: 100%;
	transition: all 0.2s ease-in-out;
	margin-top: 1rem;
}

.btn-submit:hover {
	background-color: var(--accent-coral);
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0px 8px 15px rgba(242, 115, 61, 0.35);
}

@media (min-width: 768px) {
	.image-wrapper     { margin-left: 0; height: 100%; }
	.form-padding      { padding: 2rem 1rem 2rem 1.5rem !important }
}

/* ─── AMENITY CARD (hero) ───────────────────────────────────── */
.amenity-card  { max-width: 600px; }
.amenity-list  { list-style: none; padding: 0; margin: 0; }

.amenity-item {
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.amenity-icon {
	color: var(--brand-orange);
	font-size: 1.5rem;
	font-weight: 900 !important;
	margin-right: 25px;
	display: flex;
	align-items: center;
}

.amenity-text {
	color: #000000;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
}

/* ─── DIRECTORY SECTION ─────────────────────────────────────── */
.directory-section  { background-color: #fcfcfc; }

.directory-link {
	color: #6c757d;
	text-decoration: none;
	transition: color 0.2s ease-in-out;
}

.directory-link:hover { color: #212529; text-decoration: underline; }
.separator            { color: #6c757d; margin: 0 0.15rem; }

#listings-grid .owl-nav  { display: none; }
#listings-grid .owl-dots { margin-top: 12px; }

/* ─── RESPONSIVE ────────────────────────────────────────────── */
@media (max-width: 991.98px) {
	.overlapping-logo { width: 70px; height: 70px; top: -12px; left: 10px; }
	.navbar          { min-height: 70px; }
	.hero-section    { padding-top: 5rem; padding-bottom: 4rem; min-height: auto; }

	.bg-shape {
		display: block;
		width: 100%;
		clip-path: none;
		-webkit-clip-path: none;
	}

	.hero-section::before {
		content: '';
		position: absolute;
		top: 0; left: 0;
		width: 100%; height: 100%;
		background: rgba(253,251,251,0.69);
		z-index: 1;
	}

	.hero-section .container { z-index: 2; }
	.hero-section h1         { font-size: 2.8rem; text-align: center; }
	.btn-consultation        { width: 100%; }
	.step-arrow              { display: none !important; }
	.step-wrapper            { margin-bottom: 3rem; }
	.discovery-section .section-title { font-size: 2.25rem; margin-bottom: 2rem; }
	.discovery-visual-scene           { margin-top: 3rem; }
	.testimonials-container           { padding: 4rem 1.5rem; border-radius: 1.5rem; }
	.clients-section .owl-item img    { max-width: 120px; }
}

@media (max-width: 768px) {
	.news-card-content { margin: -40px 15px 0 15px; padding: 20px; }
	.btn-outline-3d    { margin-left: 0; margin-top: 15px; }

	.hero-parallax {
		height: auto;
		padding: 100px 20px;
	}
}

@media (max-width: 767.98px) {
	.hero-section h1 { font-size: 1.9rem; }

	.filter-input-group .form-control,
	.filter-input-group .form-select {
		border-right: none;
		padding: 12px 10px;
	}

	.filter-input-group .col-md-3,
	.filter-input-group .col-md-4,
	.filter-input-group .col-md-2 { border-bottom: 1px solid #eee; }

	.footer-section            { text-align: left; }
	.footer-contact-list li    { justify-content: center; }

	.footer-inline-links {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 5px;
	}

	.footer-inline-links span { display: none; }
	.social-icons             { justify-content: center; margin-bottom: 3rem; }

	.newsletter-wrapper { background: transparent; border: none; padding: 0; }

	.newsletter-wrapper input {
		width: 100%;
		background: white;
		border: 1px solid #eaeaea;
		border-radius: 50px;
		margin-bottom: 10px;
	}

	.newsletter-wrapper .btn-subscribe {
		position: relative;
		right: 0; top: 0; bottom: 0;
		width: 100%;
	}

	.clients-section h2              { font-size: 1.8rem; }
	.clients-section .owl-item img   { max-width: 100px; }
}

@media (max-width: 767px) {
	.explore-section  { padding: 3rem 0; }

	.how-it-works-section,
	.discovery-section,
	.location-section,
	.clients-section   { padding: 3rem 0; }

	.step-wrapper      { margin-bottom: 0; }

	.explore-heading.text-start { text-align: center !important; }

	.location-section .capsule-card { max-width: 273px; height: 403px; }

	.display-title  { font-size: 27px; }
	.btn-custom     { font-size: 14px; }

	.hero-parallax  { height: auto; padding: 40px 20px; }
	.news-section   { margin: 18px auto; }

	.step-wrapper   { width: 250px; height: 300px; }

	.content-card   { width: 100%; height: 88%; padding: 10px 25px; }

	.number-box     { width: 156px; height: 70px; font-size: 2rem; }

	.btn-consultation.view-space { margin-top: 10px; }
}

@media (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) {
	.navbar-expand-lg .navbar-nav .nav-link { font-size: 12px; }
	.btn-contact  { font-size: 12px; padding: 6px; }
	.overlapping-logo img { width: 120px; }
}

/* ─── WORKSPACE LISTINGS PAGE ───────────────────────────────── */
.workspace-listings-wrapper {
	background-color: #f8f9fa;
	font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	padding-top: 130px;
	padding-bottom: 50px;
	position: relative;
	min-height: 100vh;
}

.workspace-listings-wrapper .form-select {
	border-radius: 12px;
	border: 2px solid #eaeaea;
	padding: 0.6rem 2.5rem 0.6rem 1.2rem;
	font-weight: 500;
	color: #495057;
	transition: all 0.3s ease;
	cursor: pointer;
	background-color: white;
}

.workspace-listings-wrapper .form-select:hover {
	border-color: #fef0ea;
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}

.workspace-listings-wrapper .form-select:focus {
	border-color: var(--brand-orange);
	box-shadow: 0 0 0 0.25rem rgba(242, 115, 61, 0.2);
}

.workspace-listings-wrapper .filter-pill {
	border: 2px solid transparent;
	background-color: white;
	color: #495057;
	border-radius: 12px;
	padding: 0.6rem 1.4rem;
	font-size: 0.95rem;
	font-weight: 600;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	white-space: nowrap;
}

.workspace-listings-wrapper .filter-pill:hover {
	transform: translateY(-3px);
	color: var(--brand-orange);
	box-shadow: 0 6px 15px rgba(242, 115, 61, 0.15);
}

.workspace-listings-wrapper .filter-pill.active {
	background-color: var(--brand-orange);
	color: white;
	border-color: var(--brand-orange);
	box-shadow: 0 6px 15px rgba(242, 115, 61, 0.35);
	transform: translateY(-2px);
}

.workspace-listings-wrapper .property-card {
	border-radius: 16px;
	border: 1px solid #eaeaea;
	transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;
	overflow: hidden;
	background: white;
}

.workspace-listings-wrapper .property-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 30px rgba(0,0,0,0.08) !important;
}

.workspace-listings-wrapper .property-card:hover .compare-checkbox {
	transform: scale(1.05) translateY(-3px);
	background-color: var(--brand-orange);
	box-shadow: 0 8px 16px rgba(242, 115, 61, 0.4);
}

.workspace-listings-wrapper .property-card:hover .compare-checkbox label { color: #ffffff; }
.workspace-listings-wrapper .property-card:hover .compare-checkbox .form-check-input { border-color: #ffffff; }

.workspace-listings-wrapper .card-img-wrapper {
	overflow: hidden;
	position: relative;
	height: 200px;
}

.workspace-listings-wrapper .card-img-top {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.workspace-listings-wrapper .property-card:hover .card-img-top { transform: scale(1.08); }

.workspace-listings-wrapper .compare-checkbox {
	position: absolute;
	top: 12px; right: 12px;
	z-index: 10;
	background: rgba(255,255,255,0.95);
	padding: 8px 14px;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(242, 115, 61, 0.4);
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.85rem;
	font-weight: 800;
	border: 2px solid var(--brand-orange);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	cursor: pointer;
}

.workspace-listings-wrapper .compare-checkbox label {
	cursor: pointer;
	margin: 0;
	color: var(--brand-orange);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: color 0.3s ease;
}

.workspace-listings-wrapper .form-check-input {
	cursor: pointer;
	border-color: var(--brand-orange);
	transition: all 0.3s ease;
}

.workspace-listings-wrapper .compare-checkbox:has(input:checked) {
	background-color: var(--brand-orange);
	box-shadow: 0 6px 16px rgba(242, 115, 61, 0.6);
}

.workspace-listings-wrapper .compare-checkbox:has(input:checked) label { color: #ffffff; }
.workspace-listings-wrapper .compare-checkbox:has(input:checked) .form-check-input { background-color: #ffffff; border-color: #ffffff; }

.workspace-listings-wrapper .compare-checkbox:has(input:checked) .form-check-input:checked[type=checkbox] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23f2733d' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.workspace-listings-wrapper .card-body { padding: 1.25rem; }
.workspace-listings-wrapper .property-title { font-weight: 800; font-size: 1.15rem; margin-bottom: 0.2rem; color: #1a1a1a; }
.workspace-listings-wrapper .property-location { font-size: 0.85rem; color: #6c757d; margin-bottom: 1.2rem; display: flex; align-items: center; gap: 4px; }

.workspace-listings-wrapper .price-section { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.2rem; }
.workspace-listings-wrapper .price-label   { font-weight: 700; font-size: 0.95rem; color: #1a1a1a; }

.workspace-listings-wrapper .btn-enquire {
	background-color: #fef0ea;
	color: var(--brand-orange);
	border: none;
	font-weight: 700;
	font-size: 0.85rem;
	padding: 0.5rem 1rem;
	border-radius: 8px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.workspace-listings-wrapper .property-card:hover .btn-enquire,
.workspace-listings-wrapper .btn-enquire:hover {
	background-color: var(--brand-orange);
	color: white;
	transform: translateY(-2px);
	box-shadow: 0 4px 10px rgba(242, 115, 61, 0.3);
}

.workspace-listings-wrapper .amenities-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 1.2rem;
	margin-bottom: 1.2rem;
	border-bottom: 1px solid #f0f0f0;
	color: var(--brand-orange);
	font-size: 1.1rem;
}

.workspace-listings-wrapper .btn-view-details {
	background-color: transparent;
	border: 1px solid #1a1a1a;
	color: #1a1a1a;
	border-radius: 50px;
	font-weight: 700;
	font-size: 0.9rem;
	padding: 0.5rem;
	transition: all 0.3s ease;
	width: 100%;
}

.workspace-listings-wrapper .property-card:hover .btn-view-details,
.workspace-listings-wrapper .btn-view-details:hover {
	background-color: var(--brand-orange);
	border-color: var(--brand-orange);
	color: white;
}

.workspace-listings-wrapper #compare-bar {
	position: fixed;
	bottom: 0; left: 0;
	width: 100%;
	background: white;
	box-shadow: 0 -8px 25px rgba(0,0,0,0.15);
	padding: 15px 20px;
	display: none;
	justify-content: space-between;
	align-items: center;
	z-index: 1050;
	border-top: 2px solid var(--brand-orange);
}

.workspace-listings-wrapper #clear-compare { border-radius: 10px; transition: all 0.3s ease; }
.workspace-listings-wrapper #clear-compare:hover { background-color: #6c757d; color: white; transform: translateY(-2px); }

.workspace-listings-wrapper #btn-compare-now {
	background-color: var(--brand-orange);
	border-color: var(--brand-orange);
	color: white;
	border-radius: 10px;
	box-shadow: 0 0 0 0 rgba(242, 115, 61, 0.7);
	animation: pulse-orange 2s infinite;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 0.6rem 1.5rem;
	transition: all 0.3s ease;
}

.workspace-listings-wrapper #btn-compare-now:hover {
	background-color: var(--accent-coral);
	border-color: var(--accent-coral);
	transform: translateY(-2px);
}

@keyframes pulse-orange {
	0%   { transform: scale(0.98); box-shadow: 0 0 0 0   rgba(242,115,61,0.7); }
	50%  { transform: scale(1.02); box-shadow: 0 0 0 10px rgba(242,115,61,0);   }
	100% { transform: scale(0.98); box-shadow: 0 0 0 0   rgba(242,115,61,0);   }
}

.workspace-listings-wrapper .compare-table th  { background-color: #f8f9fa; width: 20%; min-width: 120px; }
.workspace-listings-wrapper .compare-table td,
.workspace-listings-wrapper .compare-table th  { text-align: center; vertical-align: middle; }
.workspace-listings-wrapper .icon-list i       { margin: 0 4px; color: var(--brand-orange); }

@media (max-width: 768px) {
	.workspace-listings-wrapper .search-dropdowns { width: 100%; flex-direction: column; }
	.workspace-listings-wrapper .form-select      { width: 100% !important; }
	.workspace-listings-wrapper #filter-container {
		flex-wrap: nowrap !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding-bottom: 5px;
		margin-bottom: 1.5rem !important;
	}
	.workspace-listings-wrapper #filter-container::-webkit-scrollbar { display: none; }
}

@media (max-width: 576px) {
	.workspace-listings-wrapper #compare-bar { flex-direction: column; padding: 12px 15px; gap: 12px; }
	.workspace-listings-wrapper #compare-bar > div:first-child { width: 100%; display: flex; justify-content: space-between; align-items: center; }
	.workspace-listings-wrapper .compare-action-buttons        { width: 100%; display: flex; gap: 10px; }
	.workspace-listings-wrapper #clear-compare,
	.workspace-listings-wrapper #btn-compare-now               { flex: 1; margin: 0 !important; padding: 0.6rem; font-size: 0.9rem; display: flex; justify-content: center; align-items: center; }
	.workspace-listings-wrapper .card-img-wrapper              { height: 180px; }
}

/* ─── BREADCRUMB BANNER ─────────────────────────────────────── */
.breadcrumb-banner        { position: relative; text-align: center; color: white; overflow: hidden; margin-top: 80px; }
.hero-bg-img              { width: 100%; height: 400px; object-fit: cover; position: absolute; top: 0; left: 0; z-index: -2; }
.hero-overlay             { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: -1; }
.hero-content             { position: relative; z-index: 1; padding: 120px 0; }
.breadcrumb-banner h1     { font-size: 3.5rem; margin-bottom: 10px; }
.breadcrumb-custom        { font-weight: 600; font-size: 0.95rem; }
.breadcrumb-custom .home-link { color: var(--brand-orange); }
.breadcrumb-custom .separator { color: white; margin: 0 10px; font-size: 0.8rem; }

/* ─── BLOG CARDS ────────────────────────────────────────────── */
.blog-card {
	border: none;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 4px 20px rgba(0,0,0,0.03);
	height: 100%;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.08); }

.card-img-container { position: relative; padding: 15px 15px 0 15px; }
.blog-img           { width: 100%; height: 240px; object-fit: cover; border-radius: 10px 10px 0 0; }

.category-badge {
	position: absolute;
	bottom: -12px; right: 30px;
	background-color: var(--brand-orange);
	color: white;
	padding: 6px 20px;
	border-radius: 50px;
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.5px;
	box-shadow: 0 4px 10px rgba(242, 115, 61, 0.3);
}

.card-body { padding: 30px 25px 25px 25px; display: flex; flex-direction: column; }
.post-meta { font-size: 0.85rem; color: #777; margin-bottom: 15px; font-weight: 500; }
.post-meta i       { color: var(--brand-orange); margin-right: 6px; }
.post-meta span    { margin-right: 20px; }
.card-title        { font-weight: 800; font-size: 1.35rem; line-height: 1.4; margin-bottom: 25px; color: #1a1a1a; }

.btn-read-more {
	background-color: #fff0eb;
	color: var(--brand-orange);
	border: none;
	padding: 10px 20px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 0.9rem;
	text-decoration: none;
	align-self: flex-start;
	margin-top: auto;
	transition: all 0.2s ease;
}

.btn-read-more i  { font-size: 0.75rem; margin-left: 6px; vertical-align: middle; }
.btn-read-more:hover { background-color: #ffe4db; color: var(--accent-coral); }

.pagination .page-link {
	color: var(--brand-orange);
	border: 1px solid #ffe4db;
	margin: 0 4px;
	border-radius: 6px;
	font-weight: 600;
	padding: 8px 16px;
}

.pagination .page-item.active .page-link { background-color: var(--brand-orange); border-color: var(--brand-orange); color: white; }
.pagination .page-link:hover              { background-color: var(--brand-orange); color: white; }

/* ─── BLOG DETAIL ───────────────────────────────────────────── */
.blog-detail-wrapper                { background-color: #f8faff; color: #555; line-height: 1.7; }
.blog-detail-wrapper h1             { color: #1a2b3c; font-weight: 800; font-size: calc(1.5rem + 1.5vw); }
.blog-detail-wrapper h2             { font-weight: 700; color: #1a2b3c; font-size: 1.5rem; }
.blog-detail-wrapper .blog-main-card { background: #fff; border-radius: 12px; border: 1px solid #edf2f7; overflow: hidden; }
.blog-detail-wrapper .main-featured-img { width: 100%; height: auto; object-fit: cover; max-height: 500px; }

.blog-detail-wrapper .meta-info {
	font-size: 0.85rem;
	font-weight: 600;
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.blog-detail-wrapper .meta-info i { color: var(--brand-orange); margin-right: 5px; }

.blog-detail-wrapper .quote-box {
	background-color: #ffffff;
	border: 1px solid #f0f0f0;
	border-radius: 10px;
	padding: 25px;
	margin: 30px 0;
	box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

.blog-detail-wrapper .quote-icon {
	min-width: 40px; height: 40px;
	background: #fff5f2;
	color: var(--brand-orange);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	margin-bottom: 15px;
}

@media (min-width: 768px) {
	.blog-detail-wrapper .quote-box  { display: flex; padding: 35px; }
	.blog-detail-wrapper .quote-icon { margin-bottom: 0; margin-right: 20px; }
}

.blog-detail-wrapper .widget-card { background: #fff; padding: 25px; border-radius: 12px; margin-bottom: 25px; border: 1px solid #edf2f7; }

.blog-detail-wrapper .search-bar {
	display: flex;
	background: #fff;
	padding: 6px;
	border-radius: 8px;
	border: 1px solid #edf2f7;
	box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.blog-detail-wrapper .search-bar input { border: none; outline: none; flex-grow: 1; padding-left: 12px; width: 100%; }
.blog-detail-wrapper .search-btn       { background: var(--brand-orange); color: white; border: none; padding: 10px 18px; border-radius: 6px; }

.blog-detail-wrapper .popular-post-item { display: flex; gap: 15px; margin-bottom: 20px; text-decoration: none; align-items: center; }
.blog-detail-wrapper .popular-post-item img { width: 65px; height: 65px; object-fit: cover; border-radius: 8px; }
.blog-detail-wrapper .popular-post-item h6  { font-size: 0.9rem; margin: 0; color: #1a2b3c; line-height: 1.4; }

.blog-detail-wrapper .cat-item {
	display: flex;
	justify-content: space-between;
	padding: 12px 15px;
	background: #f8fbff;
	border-radius: 8px;
	margin-bottom: 10px;
	text-decoration: none;
	color: #1a2b3c;
	font-weight: 600;
	font-size: 0.9rem;
}

/* ─── CONTACT PAGE ──────────────────────────────────────────── */
.contact-page-wrapper {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	background-color: #ffffff;
	color: #2d3748;
	padding: 2rem 0;
}

.contact-page-wrapper .info-card {
	background-color: #f5f6f8;
	border-radius: 12px;
	padding: 1.5rem;
	display: flex;
	align-items: center;
	height: 100%;
	transition: transform 0.2s;
}

.contact-page-wrapper .info-card:hover { transform: translateY(-2px); }

.contact-page-wrapper .icon-circle {
	background-color: var(--brand-orange);
	color: white;
	width: 48px; height: 48px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
	margin-right: 1rem;
	flex-shrink: 0;
}

.contact-page-wrapper .info-text h6 { margin: 0; font-weight: 700; font-size: 0.95rem; color: #2d3748; margin-bottom: 0.25rem; }
.contact-page-wrapper .info-text p  { margin: 0; font-size: 0.85rem; color: #718096; }
.contact-page-wrapper .middle-section { margin-top: 3rem; margin-bottom: 3rem; }

.contact-page-wrapper .collage-wrapper { position: relative; height: 100%; min-height: 500px; }
.contact-page-wrapper .img-top-right   { position: absolute; top: 0; right: 0; width: 75%; height: 70%; border-radius: 20px; object-fit: cover; z-index: 1; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.contact-page-wrapper .img-bottom-left { position: absolute; bottom: 0; left: 0; width: 65%; height: 65%; border-radius: 20px; object-fit: cover; z-index: 2; border: 8px solid white; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.contact-page-wrapper .floating-graphic { position: absolute; top: 15%; left: 5%; z-index: 3; color: var(--brand-orange); font-size: 4rem; opacity: 0.8; }

.contact-page-wrapper .form-container { background-color: #f5f6f8; border-radius: 20px; padding: 3rem; height: 100%; }
.contact-page-wrapper .form-container h3 { font-weight: 700; margin-bottom: 2rem; color: #2d3748; }

.contact-page-wrapper .form-control,
.contact-page-wrapper .form-select {
	border: none;
	border-radius: 8px;
	padding: 1rem 1.25rem;
	margin-bottom: 1.25rem;
	background-color: white;
	font-size: 0.9rem;
	color: #2d3748;
}

.contact-page-wrapper .form-control:focus,
.contact-page-wrapper .form-select:focus {
	box-shadow: 0 0 0 3px rgba(242, 115, 61, 0.2);
	outline: none;
}

.contact-page-wrapper textarea.form-control { resize: none; height: 120px; }

.contact-page-wrapper .btn-submit {
	background-color: var(--brand-orange);
	color: white;
	border: none;
	border-radius: 30px;
	padding: 0.8rem 2rem;
	font-weight: 600;
	font-size: 0.95rem;
	float: right;
	transition: all 0.3s;
}

.contact-page-wrapper .btn-submit:hover { background-color: var(--accent-coral); color: white; transform: translateY(-2px); }
.contact-page-wrapper .map-container    { border-radius: 20px; overflow: hidden; height: 400px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }

@media (max-width: 991px) {
	.contact-page-wrapper .collage-wrapper  { min-height: 400px; margin-bottom: 2rem; }
	.contact-page-wrapper .form-container   { padding: 2rem; }
	.contact-page-wrapper .btn-submit       { float: none; width: 100%; }
}

/* ─── GURGAON WORKSPACES PAGE ───────────────────────────────── */
.gurgaon-workspaces-wrapper {
	background-color: #f4f5f8;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #1e293b;
	min-height: 100vh;
}

.gurgaon-workspaces-wrapper .page-title   { font-weight: 800; font-size: 1.75rem; }
.gurgaon-workspaces-wrapper .toolbar-btn  {
	width: 44px; height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	border: none;
	transition: all 0.2s;
	cursor: pointer;
}

.gurgaon-workspaces-wrapper .toolbar-btn.active   { background-color: var(--brand-orange); color: white; box-shadow: 0 4px 10px rgba(242,115,61,0.2); }
.gurgaon-workspaces-wrapper .toolbar-btn.inactive { background-color: white; color: #94a3b8; border: 1px solid #e2e8f0; }
.gurgaon-workspaces-wrapper .toolbar-btn.inactive:hover { background-color: #f8fafc; color: #64748b; }

.gurgaon-workspaces-wrapper .toolbar-select {
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 8px 16px;
	color: #0f172a;
	font-weight: 600;
	font-size: 0.9rem;
	background-color: white;
	outline: none;
	cursor: pointer;
	box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}

.gurgaon-workspaces-wrapper .property-card {
	background: white;
	border-radius: 28px;
	padding: 16px;
	border: none;
	box-shadow: 0 4px 20px rgba(0,0,0,0.03);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gurgaon-workspaces-wrapper .property-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0,0,0,0.06); }

.gurgaon-workspaces-wrapper .img-container {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	height: 240px;
	margin-bottom: 20px;
	background-color: #e2e8f0;
}

.gurgaon-workspaces-wrapper .img-container img { width: 100%; height: 100%; object-fit: cover; }

.gurgaon-workspaces-wrapper .card-title {
	font-size: 1.15rem;
	font-weight: 700;
	color: #0f172a;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gurgaon-workspaces-wrapper .card-location { font-size: 0.85rem; color: #64748b; margin-top: 6px; margin-bottom: 20px; }

.gurgaon-workspaces-wrapper .price-pill {
	border: 1px solid #ffccb8;
	color: var(--brand-orange);
	background: transparent;
	font-weight: 600;
	padding: 4px 16px;
	border-radius: 50px;
	font-size: 0.9rem;
	white-space: nowrap;
}

.gurgaon-workspaces-wrapper .specs-box {
	background-color: #f8fafc;
	border-radius: 16px;
	padding: 16px 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

.gurgaon-workspaces-wrapper .specs-box i { font-size: 1.15rem; color: var(--brand-orange); }

.gurgaon-workspaces-wrapper .card-footer-custom { border-top: 1px solid #f1f5f9; padding-top: 16px; display: flex; justify-content: space-between; align-items: center; }

.gurgaon-workspaces-wrapper .btn-view {
	background-color: #fff4f0;
	color: var(--brand-orange);
	border: none;
	padding: 8px 24px;
	border-radius: 50px;
	font-weight: 700;
	text-decoration: none;
	font-size: 0.9rem;
	display: flex;
	align-items: center;
	gap: 6px;
}

.gurgaon-workspaces-wrapper .property-card:hover .btn-view { color: var(--brand-orange); }

.gurgaon-workspaces-wrapper .btn-enquire {
	background-color: #fff4f0;
	color: var(--brand-orange);
	border: none;
	font-weight: 700;
	padding: 8px 24px;
	border-radius: 50px;
	font-size: 0.85rem;
	transition: background-color 0.2s;
}

.gurgaon-workspaces-wrapper .property-card:hover .btn-enquire { background-color: var(--brand-orange); color: white; }

.gurgaon-workspaces-wrapper .value-prop-banner {
	background: linear-gradient(135deg, #1e3a5f 0%, #20416b 60%, #2d5a8e 100%);
	border-radius: 20px;
	padding: 28px 36px;
	margin-bottom: 32px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
}

.gurgaon-workspaces-wrapper .value-prop-banner::before {
	content: '';
	position: absolute;
	top: -60px; right: -60px;
	width: 220px; height: 220px;
	background: rgba(242,115,61,0.12);
	border-radius: 50%;
	pointer-events: none;
}

.gurgaon-workspaces-wrapper .value-prop-banner::after {
	content: '';
	position: absolute;
	bottom: -40px; left: 30%;
	width: 140px; height: 140px;
	background: rgba(255,255,255,0.04);
	border-radius: 50%;
	pointer-events: none;
}

.gurgaon-workspaces-wrapper .vpb-left h2 { font-size: 1.55rem; font-weight: 800; color: #ffffff; margin: 0 0 6px 0; line-height: 1.25; }
.gurgaon-workspaces-wrapper .vpb-left h2 span { color: var(--brand-orange); }
.gurgaon-workspaces-wrapper .vpb-left p { color: rgba(255,255,255,0.75); margin: 0; font-size: 0.95rem; }
.gurgaon-workspaces-wrapper .vpb-stats  { display: flex; gap: 28px; flex-wrap: wrap; }
.gurgaon-workspaces-wrapper .vpb-stat   { text-align: center; color: #fff; }
.gurgaon-workspaces-wrapper .vpb-stat strong { display: block; font-size: 1.7rem; font-weight: 800; color: var(--brand-orange); line-height: 1; }
.gurgaon-workspaces-wrapper .vpb-stat span   { font-size: 0.78rem; opacity: 0.75; white-space: nowrap; }

.gurgaon-workspaces-wrapper .vpb-cta-btn {
	background: linear-gradient(135deg, var(--grad-start), var(--brand-orange));
	color: #fff;
	border: none;
	padding: 13px 28px;
	border-radius: 50px;
	font-weight: 700;
	font-size: 0.95rem;
	white-space: nowrap;
	transition: all 0.3s ease;
	box-shadow: 0 6px 20px rgba(242,115,61,0.4);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.gurgaon-workspaces-wrapper .vpb-cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(242,115,61,0.5); color: #fff; }

.gurgaon-workspaces-wrapper .trust-bar { display: flex; gap: 24px; flex-wrap: wrap; align-items: center; padding: 14px 20px; background: #fff; border-radius: 12px; border: 1px solid #eef0f4; margin-bottom: 28px; }
.gurgaon-workspaces-wrapper .trust-item { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; font-weight: 600; color: #475569; white-space: nowrap; }
.gurgaon-workspaces-wrapper .trust-item i { color: var(--brand-orange); font-size: 1.1rem; }

.gurgaon-workspaces-wrapper .filter-panel { background: #ffffff; border-radius: 16px; padding: 20px 24px; margin-bottom: 28px; box-shadow: 0 2px 12px rgba(0,0,0,0.04); border: 1px solid #eef0f4; }
.gurgaon-workspaces-wrapper .filter-panel-title { font-weight: 700; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; color: #64748b; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
.gurgaon-workspaces-wrapper .filter-panel-title i { color: var(--brand-orange); }
.gurgaon-workspaces-wrapper .filter-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.gurgaon-workspaces-wrapper .filter-group { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 160px; }
.gurgaon-workspaces-wrapper .filter-group label { font-size: 0.78rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; }

.gurgaon-workspaces-wrapper .filter-select {
	border: 1.5px solid #e2e8f0;
	border-radius: 10px;
	padding: 9px 14px;
	font-size: 0.9rem;
	font-weight: 600;
	color: #0f172a;
	background: #f8fafc;
	outline: none;
	cursor: pointer;
	transition: border-color 0.2s, box-shadow 0.2s;
	appearance: auto;
}

.gurgaon-workspaces-wrapper .filter-select:focus { border-color: var(--brand-orange); box-shadow: 0 0 0 3px rgba(242,115,61,0.12); background: #fff; }
.gurgaon-workspaces-wrapper .filter-divider { width: 1px; height: 48px; background: #e2e8f0; align-self: flex-end; margin-bottom: 0; }

.gurgaon-workspaces-wrapper .btn-apply-filters {
	background: linear-gradient(135deg, var(--brand-orange), var(--grad-end));
	color: #fff;
	border: none;
	border-radius: 10px;
	padding: 10px 24px;
	font-weight: 700;
	font-size: 0.9rem;
	transition: all 0.25s ease;
	box-shadow: 0 4px 12px rgba(242,115,61,0.25);
	white-space: nowrap;
	align-self: flex-end;
	height: 42px;
	cursor: pointer;
}

.gurgaon-workspaces-wrapper .btn-apply-filters:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(242,115,61,0.35); color: #fff; }

.gurgaon-workspaces-wrapper .btn-reset-filters {
	background: transparent;
	border: 1.5px solid #e2e8f0;
	border-radius: 10px;
	padding: 10px 18px;
	font-weight: 600;
	font-size: 0.88rem;
	color: #64748b;
	transition: all 0.25s ease;
	align-self: flex-end;
	height: 42px;
	white-space: nowrap;
	cursor: pointer;
}

.gurgaon-workspaces-wrapper .btn-reset-filters:hover { border-color: var(--brand-orange); color: var(--brand-orange); }

.gurgaon-workspaces-wrapper .active-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }

.gurgaon-workspaces-wrapper .active-filter-tag {
	background: #fff4f0;
	border: 1px solid #ffd5c4;
	color: var(--brand-orange);
	border-radius: 50px;
	padding: 5px 14px;
	font-size: 0.82rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 6px;
}

.gurgaon-workspaces-wrapper .active-filter-tag i { cursor: pointer; font-size: 0.7rem; }
.gurgaon-workspaces-wrapper .toolbar-row  { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 24px; gap: 12px; }
.gurgaon-workspaces-wrapper .toolbar-right { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

.gurgaon-workspaces-wrapper .card-badge {
	position: absolute;
	top: 14px; left: 14px;
	z-index: 5;
	padding: 5px 14px;
	border-radius: 50px;
	font-size: 0.75rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.gurgaon-workspaces-wrapper .badge-popular { background: linear-gradient(135deg, var(--brand-orange), var(--grad-end)); color: #fff; box-shadow: 0 3px 10px rgba(242,115,61,0.4); }
.gurgaon-workspaces-wrapper .badge-value   { background: linear-gradient(135deg, #20bf6b, #0fae5a); color: #fff; box-shadow: 0 3px 10px rgba(32,191,107,0.35); }
.gurgaon-workspaces-wrapper .badge-new     { background: linear-gradient(135deg, #0078d7, #005bb5); color: #fff; box-shadow: 0 3px 10px rgba(0,120,215,0.35); }

.gurgaon-workspaces-wrapper .rating-row   { display: flex; align-items: center; gap: 6px; margin-top: 4px; margin-bottom: 14px; }
.gurgaon-workspaces-wrapper .stars        { display: flex; gap: 2px; }
.gurgaon-workspaces-wrapper .stars i      { font-size: 0.8rem; color: #f59e0b; }
.gurgaon-workspaces-wrapper .stars i.empty { color: #e2e8f0; }
.gurgaon-workspaces-wrapper .rating-score { font-size: 0.82rem; font-weight: 700; color: #0f172a; }
.gurgaon-workspaces-wrapper .rating-count { font-size: 0.78rem; color: #94a3b8; }

.gurgaon-workspaces-wrapper .property-meta-row { display: flex; gap: 16px; margin-bottom: 14px; flex-wrap: wrap; }
.gurgaon-workspaces-wrapper .meta-chip { display: flex; align-items: center; gap: 5px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 5px 12px; font-size: 0.8rem; font-weight: 600; color: #475569; }
.gurgaon-workspaces-wrapper .meta-chip i { color: var(--brand-orange); font-size: 0.85rem; }

.gurgaon-workspaces-wrapper .highlights-row  { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 14px; }
.gurgaon-workspaces-wrapper .highlight-tag   { background: #f0f9ff; border: 1px solid #bae6fd; color: #0369a1; border-radius: 6px; padding: 3px 10px; font-size: 0.75rem; font-weight: 600; white-space: nowrap; }

.gurgaon-workspaces-wrapper .price-display   { display: flex; align-items: baseline; gap: 4px; margin-bottom: 4px; }
.gurgaon-workspaces-wrapper .price-from      { font-size: 0.78rem; color: #94a3b8; font-weight: 500; }
.gurgaon-workspaces-wrapper .price-amount    { font-size: 1.35rem; font-weight: 800; color: #0f172a; line-height: 1; }
.gurgaon-workspaces-wrapper .price-unit      { font-size: 0.78rem; color: #64748b; font-weight: 500; }

.gurgaon-workspaces-wrapper .card-cta-row { display: flex; gap: 8px; margin-top: 14px; border-top: 1px solid #f1f5f9; padding-top: 14px; flex-wrap: wrap; }

.gurgaon-workspaces-wrapper .btn-get-price {
	flex: 1;
	background: linear-gradient(135deg, var(--brand-orange), var(--grad-end));
	color: #fff;
	border: none;
	padding: 10px 12px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 0.82rem;
	transition: all 0.25s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	box-shadow: 0 4px 12px rgba(242,115,61,0.2);
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
}

.gurgaon-workspaces-wrapper .btn-get-price:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(242,115,61,0.35); color: #fff; }

.gurgaon-workspaces-wrapper .btn-book-visit {
	flex: 1;
	background: #fff;
	color: #0f172a;
	border: 1.5px solid #e2e8f0;
	padding: 10px 12px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 0.82rem;
	transition: all 0.25s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	white-space: nowrap;
	cursor: pointer;
}

.gurgaon-workspaces-wrapper .btn-book-visit:hover { border-color: var(--brand-orange); color: var(--brand-orange); transform: translateY(-2px); }

.gurgaon-workspaces-wrapper .btn-view-detail-link { background: transparent; color: #64748b; border: none; padding: 10px 8px; font-weight: 600; font-size: 0.82rem; transition: color 0.2s; display: flex; align-items: center; gap: 4px; white-space: nowrap; text-decoration: none; cursor: pointer; }
.gurgaon-workspaces-wrapper .btn-view-detail-link:hover { color: var(--brand-orange); }

@media (min-width: 768px) {
	.gurgaon-workspaces-wrapper .view-list .property-card { flex-direction: row !important; align-items: stretch; }
	.gurgaon-workspaces-wrapper .view-list .img-container  { width: 300px; height: auto; min-height: 220px; margin-bottom: 0; margin-right: 20px; flex-shrink: 0; }
	.gurgaon-workspaces-wrapper .view-list .card-content   { width: 100%; justify-content: space-between; padding: 4px 0; }
	.gurgaon-workspaces-wrapper .view-list .specs-box      { max-width: 380px; }
	.gurgaon-workspaces-wrapper .view-list .card-cta-row   { flex-wrap: nowrap; }
}

@media (max-width: 767px) {
	.gurgaon-workspaces-wrapper .value-prop-banner  { padding: 22px 20px; flex-direction: column; text-align: center; }
	.gurgaon-workspaces-wrapper .vpb-stats          { justify-content: center; }
	.gurgaon-workspaces-wrapper .filter-row         { flex-direction: column; }
	.gurgaon-workspaces-wrapper .filter-group       { min-width: 100%; }
	.gurgaon-workspaces-wrapper .filter-divider     { display: none; }
	.gurgaon-workspaces-wrapper .btn-apply-filters,
	.gurgaon-workspaces-wrapper .btn-reset-filters  { width: 100%; justify-content: center; }
	.gurgaon-workspaces-wrapper .trust-bar          { gap: 14px; justify-content: center; }
	.gurgaon-workspaces-wrapper .vpb-left h2        { font-size: 1.2rem; }
}

/* ─── PARKVIEW DETAIL PAGE ──────────────────────────────────── */
.parkview-wrapper { background-color: #f5f7fa; color: #1e293b; min-height: 100vh; font-family: 'Jost', sans-serif; }
.parkview-wrapper .card { border: none; border-radius: 16px; box-shadow: 0 2px 16px rgba(0,0,0,0.07); margin-bottom: 24px; background: #fff; }

.parkview-wrapper .trust-strip { background: #fff; border: 1px solid #e8edf3; border-radius: 12px; padding: 14px 24px; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.parkview-wrapper .trust-strip-item { display: flex; align-items: center; gap: 8px; font-size: 0.82rem; font-weight: 700; color: #374151; white-space: nowrap; }
.parkview-wrapper .trust-strip-item i { color: var(--brand-orange); font-size: 1.1rem; }
.parkview-wrapper .trust-strip-item .badge-verified { background: #ecfdf5; color: #059669; font-size: 0.72rem; font-weight: 700; padding: 2px 8px; border-radius: 20px; border: 1px solid #a7f3d0; }

.parkview-wrapper .property-header-card { background: #fff; border-radius: 16px; padding: 28px 32px 22px; margin-bottom: 24px; box-shadow: 0 2px 16px rgba(0,0,0,0.06); border: 1px solid #eef0f4; }
.parkview-wrapper .property-header-card .prop-title { font-size: 1.75rem; font-weight: 800; color: #0f172a; margin-bottom: 6px; line-height: 1.2; }
.parkview-wrapper .property-header-card .prop-location { color: #64748b; font-size: 0.92rem; display: flex; align-items: center; gap: 6px; margin-bottom: 16px; }
.parkview-wrapper .property-header-card .prop-location i { color: var(--brand-orange); }

.parkview-wrapper .prop-quick-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.parkview-wrapper .prop-tag { background: #fff4ec; border: 1px solid #ffd5b8; color: #c2410c; font-size: 0.78rem; font-weight: 700; padding: 4px 12px; border-radius: 20px; display: flex; align-items: center; gap: 5px; }
.parkview-wrapper .prop-tag.green { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }
.parkview-wrapper .prop-tag.blue  { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; }

.parkview-wrapper .rating-inline { display: flex; align-items: center; gap: 8px; }
.parkview-wrapper .rating-inline .stars i { color: #f59e0b; font-size: 0.85rem; }
.parkview-wrapper .rating-inline .score   { font-weight: 800; font-size: 1rem; color: #0f172a; }
.parkview-wrapper .rating-inline .count   { color: #94a3b8; font-size: 0.82rem; }

.parkview-wrapper .carousel-card        { border-radius: 16px; overflow: hidden; padding: 0; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
.parkview-wrapper .responsive-hero-img  { height: 320px; object-fit: cover; width: 100%; }
.parkview-wrapper .main-property-img   { max-height: 320px; object-fit: cover; }

@media (min-width: 768px) {
	.parkview-wrapper .responsive-hero-img { height: 420px; }
	.parkview-wrapper .main-property-img   { max-height: 500px; }
}

.parkview-wrapper .thumbnail-row { display: flex; gap: 8px; padding: 10px 10px 12px; overflow-x: auto; background: #f8fafc; scrollbar-width: none; }
.parkview-wrapper .thumbnail-row::-webkit-scrollbar { display: none; }
.parkview-wrapper .thumbnail-row img { border-radius: 8px; cursor: pointer; opacity: 0.65; transition: all 0.2s; height: 64px; width: 100px; object-fit: cover; flex-shrink: 0; border: 2px solid transparent; }
.parkview-wrapper .thumbnail-row img:hover,
.parkview-wrapper .thumbnail-row img.active { opacity: 1; border-color: var(--brand-orange); box-shadow: 0 0 0 2px rgba(242,115,61,0.2); }

.parkview-wrapper .photo-count-btn { position: absolute; bottom: 18px; right: 18px; background: rgba(0,0,0,0.65); color: #fff; border: none; border-radius: 8px; padding: 6px 14px; font-size: 0.82rem; font-weight: 700; display: flex; align-items: center; gap: 6px; cursor: pointer; backdrop-filter: blur(4px); }

.parkview-wrapper .pricing-section { background: #fff; border-radius: 16px; padding: 28px 28px 24px; margin-bottom: 24px; border: 1px solid #eef0f4; box-shadow: 0 2px 14px rgba(0,0,0,0.05); }
.parkview-wrapper .pricing-section h4 { font-weight: 800; font-size: 1.1rem; color: #0f172a; margin-bottom: 20px; display: flex; align-items: center; gap: 8px; }
.parkview-wrapper .pricing-section h4 i { color: var(--brand-orange); }
.parkview-wrapper .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; }

.parkview-wrapper .price-card { border: 1.5px solid #e2e8f0; border-radius: 12px; padding: 18px 16px; text-align: center; transition: all 0.25s ease; cursor: pointer; position: relative; background: #f8fafc; }
.parkview-wrapper .price-card:hover,
.parkview-wrapper .price-card.popular { border-color: var(--brand-orange); background: #fff8f4; box-shadow: 0 4px 16px rgba(242,115,61,0.12); }
.parkview-wrapper .price-card.popular { border-width: 2px; }

.parkview-wrapper .price-card .pop-badge { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, var(--brand-orange), var(--grad-end)); color: #fff; font-size: 0.68rem; font-weight: 800; padding: 3px 12px; border-radius: 20px; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.5px; }
.parkview-wrapper .price-card .plan-icon  { font-size: 1.6rem; margin-bottom: 8px; display: block; }
.parkview-wrapper .price-card .plan-name  { font-size: 0.82rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #64748b; margin-bottom: 8px; }
.parkview-wrapper .price-card .plan-price { font-size: 1.35rem; font-weight: 800; color: #0f172a; line-height: 1; margin-bottom: 4px; }
.parkview-wrapper .price-card .plan-unit  { font-size: 0.75rem; color: #94a3b8; margin-bottom: 10px; }
.parkview-wrapper .price-card .plan-cta   { display: block; width: 100%; background: var(--brand-orange); color: #fff; border: none; border-radius: 8px; padding: 8px 10px; font-size: 0.78rem; font-weight: 700; cursor: pointer; transition: background 0.2s; }
.parkview-wrapper .price-card .plan-cta:hover { background: var(--accent-coral); }

.parkview-wrapper .price-note { margin-top: 14px; font-size: 0.8rem; color: #64748b; display: flex; align-items: center; gap: 6px; }
.parkview-wrapper .price-note i { color: #059669; }

.parkview-wrapper .availability-bar { display: flex; align-items: center; justify-content: space-between; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 10px; padding: 12px 18px; margin-bottom: 24px; }
.parkview-wrapper .availability-bar .avail-text { font-size: 0.88rem; font-weight: 700; color: #15803d; display: flex; align-items: center; gap: 8px; }
.parkview-wrapper .availability-bar .avail-text i { font-size: 1rem; }
.parkview-wrapper .availability-bar .avail-dot { width: 8px; height: 8px; background: #16a34a; border-radius: 50%; animation: parkview-pulse-green 1.5s infinite; }

@keyframes parkview-pulse-green {
	0%, 100% { opacity: 1; transform: scale(1); }
	50%       { opacity: 0.6; transform: scale(1.3); }
}

.parkview-wrapper .avail-badge { background: #16a34a; color: #fff; font-size: 0.75rem; font-weight: 700; padding: 4px 12px; border-radius: 20px; }

.parkview-wrapper .section-card { background: #fff; border-radius: 16px; padding: 28px 28px 24px; margin-bottom: 24px; border: 1px solid #eef0f4; box-shadow: 0 2px 14px rgba(0,0,0,0.04); }
.parkview-wrapper .section-card h4 { font-weight: 800; font-size: 1.1rem; color: #0f172a; margin-bottom: 20px; display: flex; align-items: center; gap: 8px; }
.parkview-wrapper .section-card h4 i { color: var(--brand-orange); }

.parkview-wrapper .amenity-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.parkview-wrapper .amenity-chip { display: flex; align-items: center; gap: 10px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 10px 14px; font-size: 0.83rem; font-weight: 600; color: #334155; transition: all 0.2s; }
.parkview-wrapper .amenity-chip i { color: var(--brand-orange); font-size: 1.1rem; width: 20px; text-align: center; }
.parkview-wrapper .amenity-chip:hover { border-color: var(--brand-orange); background: #fff8f4; }

.parkview-wrapper .feature-box { background-color: #f8fafc; border-radius: 12px; padding: 18px; display: flex; align-items: flex-start; gap: 14px; height: 100%; border: 1px solid #eef0f4; transition: all 0.2s; }
.parkview-wrapper .feature-box:hover { border-color: #ffd5b8; background: #fff8f4; box-shadow: 0 4px 12px rgba(242,115,61,0.07); }
.parkview-wrapper .feature-icon { background: linear-gradient(135deg, #fff4ec, #ffe0cc); color: var(--brand-orange); width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 1rem; }

.parkview-wrapper .stats-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 12px; margin-bottom: 24px; }
.parkview-wrapper .stat-box  { background: #fff; border: 1px solid #e8edf3; border-radius: 12px; padding: 16px 12px; text-align: center; }
.parkview-wrapper .stat-box .stat-num   { font-size: 1.5rem; font-weight: 800; color: var(--brand-orange); line-height: 1; margin-bottom: 4px; }
.parkview-wrapper .stat-box .stat-label { font-size: 0.75rem; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.3px; }

.parkview-wrapper .steps-row { display: flex; flex-direction: column; gap: 0; }
.parkview-wrapper .step-item { display: flex; gap: 16px; align-items: flex-start; padding-bottom: 20px; position: relative; }
.parkview-wrapper .step-item:not(:last-child)::after { content: ''; position: absolute; left: 19px; top: 40px; width: 2px; height: calc(100% - 20px); background: linear-gradient(to bottom, var(--brand-orange), #ffd5b8); border-radius: 2px; }
.parkview-wrapper .step-num { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--brand-orange), var(--grad-end)); color: #fff; font-weight: 800; font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 4px 10px rgba(242,115,61,0.25); z-index: 1; }
.parkview-wrapper .step-content h6 { font-weight: 700; font-size: 0.95rem; color: #0f172a; margin-bottom: 2px; }
.parkview-wrapper .step-content p  { font-size: 0.82rem; color: #64748b; margin: 0; }

.parkview-wrapper .review-summary { display: flex; align-items: center; gap: 28px; padding: 20px 24px; background: #f8fafc; border-radius: 12px; margin-bottom: 20px; flex-wrap: wrap; }
.parkview-wrapper .big-score      { font-size: 3.5rem; font-weight: 900; color: #0f172a; line-height: 1; }
.parkview-wrapper .score-stars    { display: flex; gap: 3px; }
.parkview-wrapper .score-stars i  { color: #f59e0b; font-size: 1.1rem; }
.parkview-wrapper .score-label    { font-size: 0.82rem; color: #64748b; font-weight: 600; }
.parkview-wrapper .review-breakdown { flex: 1; min-width: 180px; }
.parkview-wrapper .breakdown-row  { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; font-size: 0.8rem; color: #475569; font-weight: 600; }
.parkview-wrapper .breakdown-bar  { flex: 1; height: 6px; background: #e2e8f0; border-radius: 3px; overflow: hidden; }
.parkview-wrapper .breakdown-fill { height: 100%; background: linear-gradient(90deg, var(--brand-orange), var(--grad-end)); border-radius: 3px; }

.parkview-wrapper .review-card-item { border: 1px solid #eef0f4; border-radius: 12px; padding: 18px 20px; margin-bottom: 14px; background: #fafafa; }
.parkview-wrapper .reviewer-meta    { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.parkview-wrapper .reviewer-avatar  { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--brand-orange), var(--grad-end)); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1rem; flex-shrink: 0; }
.parkview-wrapper .reviewer-name    { font-weight: 700; font-size: 0.9rem; color: #0f172a; }
.parkview-wrapper .reviewer-date    { font-size: 0.75rem; color: #94a3b8; }
.parkview-wrapper .review-stars     { display: flex; gap: 2px; }
.parkview-wrapper .review-stars i   { font-size: 0.75rem; color: #f59e0b; }
.parkview-wrapper .review-text      { font-size: 0.85rem; color: #475569; line-height: 1.6; }

.parkview-wrapper .faq-accordion .accordion-item { border: 1px solid #eef0f4; border-radius: 10px !important; margin-bottom: 8px; overflow: hidden; }
.parkview-wrapper .faq-accordion .accordion-button { font-weight: 700; font-size: 0.9rem; color: #0f172a; background: #fff; padding: 16px 20px; box-shadow: none; }
.parkview-wrapper .faq-accordion .accordion-button:not(.collapsed) { color: var(--brand-orange); background: #fff8f4; box-shadow: none; }
.parkview-wrapper .faq-accordion .accordion-button::after { filter: none; }
.parkview-wrapper .faq-accordion .accordion-button:not(.collapsed)::after { filter: invert(40%) sepia(100%) saturate(2000%) hue-rotate(10deg); }
.parkview-wrapper .faq-accordion .accordion-body { font-size: 0.85rem; color: #475569; line-height: 1.7; padding: 0 20px 16px; }

.parkview-wrapper .contact-info-box { background-color: #f8fafc; border-radius: 12px; padding: 18px 20px; display: flex; align-items: center; gap: 15px; border: 1px solid #eef0f4; }
.parkview-wrapper .contact-info-box .feature-icon { background: linear-gradient(135deg, var(--brand-orange), var(--grad-end)); color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 1rem; }

.parkview-wrapper .sticky-sidebar  { position: sticky; top: 90px; height: max-content; z-index: 10; }

.parkview-wrapper .enquiry-card        { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,0.1); border: 1px solid #eef0f4; margin-bottom: 20px; }
.parkview-wrapper .enquiry-card-header { background: linear-gradient(135deg, #1e3a5f, #20416b); padding: 22px 24px 18px; color: #fff; }
.parkview-wrapper .enquiry-card-header .price-highlight { font-size: 1.6rem; font-weight: 900; color: var(--brand-orange); line-height: 1; }
.parkview-wrapper .enquiry-card-header .price-sub       { font-size: 0.8rem; opacity: 0.75; margin-top: 2px; }
.parkview-wrapper .enquiry-card-header .prop-name-sm    { font-weight: 700; font-size: 1rem; margin-bottom: 4px; }
.parkview-wrapper .enquiry-card-header .prop-loc-sm     { font-size: 0.82rem; opacity: 0.8; display: flex; align-items: center; gap: 5px; }
.parkview-wrapper .enquiry-card-header .rating-sm       { display: flex; align-items: center; gap: 5px; margin-top: 8px; font-size: 0.8rem; opacity: 0.9; }
.parkview-wrapper .enquiry-card-header .rating-sm i     { color: #f59e0b; font-size: 0.8rem; }
.parkview-wrapper .enquiry-card-body                    { padding: 22px 24px 24px; }

.parkview-wrapper .enquiry-card-body .form-control { background: #f8fafc; border: 1.5px solid #e2e8f0; border-radius: 10px; padding: 11px 14px; font-size: 0.88rem; color: #0f172a; margin-bottom: 12px; transition: border-color 0.2s, box-shadow 0.2s; width: 100%; }
.parkview-wrapper .enquiry-card-body .form-control:focus { border-color: var(--brand-orange); box-shadow: 0 0 0 3px rgba(242,115,61,0.1); background: #fff; outline: none; }

.parkview-wrapper .btn-primary-cta { width: 100%; background: linear-gradient(135deg, var(--brand-orange), #ff8c3a); color: #fff; border: none; border-radius: 10px; padding: 14px; font-size: 1rem; font-weight: 800; letter-spacing: 0.3px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 6px 18px rgba(242,115,61,0.28); display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; margin-bottom: 12px; }
.parkview-wrapper .btn-primary-cta:hover { background: linear-gradient(135deg, var(--accent-coral), var(--brand-orange)); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(242,115,61,0.36); color: #fff; }

.parkview-wrapper .btn-secondary-cta { width: 100%; background: #fff; color: #1e3a5f; border: 2px solid #1e3a5f; border-radius: 10px; padding: 12px; font-size: 0.9rem; font-weight: 700; cursor: pointer; transition: all 0.25s ease; display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; margin-bottom: 8px; }
.parkview-wrapper .btn-secondary-cta:hover { background: #1e3a5f; color: #fff; }

.parkview-wrapper .cta-divider { display: flex; align-items: center; gap: 10px; margin: 10px 0; color: #94a3b8; font-size: 0.78rem; font-weight: 600; }
.parkview-wrapper .cta-divider::before,
.parkview-wrapper .cta-divider::after { content: ''; flex: 1; height: 1px; background: #e2e8f0; }

.parkview-wrapper .micro-trust      { display: flex; justify-content: center; gap: 16px; margin-top: 12px; flex-wrap: wrap; }
.parkview-wrapper .micro-trust-item { font-size: 0.75rem; font-weight: 600; color: #64748b; display: flex; align-items: center; gap: 5px; }
.parkview-wrapper .micro-trust-item i { color: #059669; font-size: 0.85rem; }

.parkview-wrapper .social-proof-card { background: #fff; border-radius: 14px; padding: 18px 20px; margin-bottom: 18px; border: 1px solid #eef0f4; box-shadow: 0 2px 10px rgba(0,0,0,0.04); }
.parkview-wrapper .social-proof-card .sp-title { font-weight: 800; font-size: 0.85rem; color: #0f172a; margin-bottom: 12px; display: flex; align-items: center; gap: 7px; }
.parkview-wrapper .social-proof-card .sp-title i { color: var(--brand-orange); }
.parkview-wrapper .company-logos    { display: flex; flex-wrap: wrap; gap: 8px; }
.parkview-wrapper .company-logo-pill { background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 6px; padding: 5px 12px; font-size: 0.75rem; font-weight: 700; color: #475569; }
.parkview-wrapper .active-viewers   { background: #fff8f4; border: 1px solid #ffd5b8; border-radius: 8px; padding: 10px 14px; font-size: 0.82rem; font-weight: 700; color: #c2410c; display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.parkview-wrapper .active-viewers i { color: #ef4444; }

.parkview-wrapper .recent-prop-item { display: flex; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid #f1f5f9; text-decoration: none; transition: background 0.15s; }
.parkview-wrapper .recent-prop-item:last-child { border-bottom: none; padding-bottom: 0; }
.parkview-wrapper .recent-prop-item img { width: 64px; height: 56px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
.parkview-wrapper .recent-prop-item .rp-name  { font-size: 0.88rem; font-weight: 700; color: #0f172a; margin-bottom: 2px; line-height: 1.3; }
.parkview-wrapper .recent-prop-item .rp-loc   { font-size: 0.75rem; color: #94a3b8; margin-bottom: 4px; }
.parkview-wrapper .recent-prop-item .rp-price { font-size: 0.8rem; font-weight: 700; color: var(--brand-orange); }

.parkview-wrapper .bottom-form-card { background: linear-gradient(135deg, #1e3a5f 0%, #20416b 100%); border-radius: 20px; padding: 36px 40px; margin-bottom: 24px; position: relative; overflow: hidden; }
.parkview-wrapper .bottom-form-card::before { content: ''; position: absolute; top: -60px; right: -60px; width: 220px; height: 220px; background: rgba(242,115,61,0.1); border-radius: 50%; pointer-events: none; }
.parkview-wrapper .bottom-form-card h4 { font-weight: 800; font-size: 1.4rem; color: #fff; margin-bottom: 6px; }
.parkview-wrapper .bottom-form-card p  { color: rgba(255,255,255,0.7); font-size: 0.9rem; margin-bottom: 24px; }
.parkview-wrapper .bottom-form-card .form-control { background: rgba(255,255,255,0.1); border: 1.5px solid rgba(255,255,255,0.2); border-radius: 10px; padding: 12px 16px; font-size: 0.9rem; color: #fff; transition: border-color 0.2s; width: 100%; margin-bottom: 12px; }
.parkview-wrapper .bottom-form-card .form-control::placeholder { color: rgba(255,255,255,0.5); }
.parkview-wrapper .bottom-form-card .form-control:focus { border-color: var(--brand-orange); background: rgba(255,255,255,0.15); box-shadow: none; outline: none; }

.parkview-wrapper .btn-theme { background: linear-gradient(135deg, var(--brand-orange), #ff8c3a); color: white; font-weight: 700; border-radius: 10px; padding: 12px 28px; border: none; transition: all 0.3s; box-shadow: 0 4px 14px rgba(242,115,61,0.3); cursor: pointer; }
.parkview-wrapper .btn-theme:hover { background: linear-gradient(135deg, var(--accent-coral), var(--brand-orange)); color: white; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(242,115,61,0.35); }

.parkview-wrapper .text-theme   { color: var(--brand-orange) !important; }
.parkview-wrapper .bg-theme     { background-color: var(--brand-orange) !important; }
.parkview-wrapper .border-theme { border-color: var(--brand-orange) !important; }

.parkview-wrapper .mobile-cta-bar { display: none; position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; border-top: 1px solid #e2e8f0; padding: 12px 16px; z-index: 1000; gap: 10px; box-shadow: 0 -4px 20px rgba(0,0,0,0.1); }

@media (max-width: 991.98px) {
	.parkview-wrapper .mobile-cta-bar { display: flex; }
	.parkview-wrapper { padding-bottom: 72px; }
}

.parkview-wrapper .mobile-cta-bar .btn-mob-primary { flex: 2; background: linear-gradient(135deg, var(--brand-orange), #ff8c3a); color: #fff; border: none; border-radius: 10px; padding: 13px; font-size: 0.95rem; font-weight: 800; cursor: pointer; transition: all 0.2s; text-align: center; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 6px; }
.parkview-wrapper .mobile-cta-bar .btn-mob-secondary { flex: 1; background: #fff; color: #1e3a5f; border: 2px solid #1e3a5f; border-radius: 10px; padding: 13px; font-size: 0.9rem; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; text-decoration: none; }

@media (max-width: 767px) {
	.parkview-wrapper .property-header-card { padding: 20px 18px 16px; }
	.parkview-wrapper .property-header-card .prop-title { font-size: 1.35rem; }
	.parkview-wrapper .section-card,
	.parkview-wrapper .pricing-section { padding: 20px 18px; }
	.parkview-wrapper .bottom-form-card { padding: 24px 18px; }
	.parkview-wrapper .trust-strip      { padding: 12px 16px; gap: 12px; }
	.parkview-wrapper .pricing-grid     { grid-template-columns: repeat(2, 1fr); }
	.parkview-wrapper .responsive-hero-img { height: 230px; }
	.parkview-wrapper .stats-row        { grid-template-columns: repeat(2, 1fr); }
}

/* ─── BUSINESS / CONSULTATION PAGE ─────────────────────────── */
.ok-consult-section { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f8f9fa; padding: 80px 0; color: #333; }
.ok-text-theme { color: var(--brand-orange) !important; }
.ok-bg-theme   { background-color: var(--brand-orange) !important; }

.ok-btn-primary { background-color: var(--brand-orange); color: #fff; padding: 12px 28px; border-radius: 50px; font-weight: 600; border: 2px solid var(--brand-orange); transition: all 0.3s ease; }
.ok-btn-primary:hover { background-color: var(--accent-coral); border-color: var(--accent-coral); color: #fff; box-shadow: 0 4px 15px rgba(242,115,61,0.3); }

.ok-btn-outline { background-color: transparent; color: var(--brand-orange); padding: 12px 28px; border-radius: 50px; font-weight: 600; border: 2px solid var(--brand-orange); transition: all 0.3s ease; }
.ok-btn-outline:hover { background-color: var(--brand-orange); color: #fff; }

.ok-benefit-list { list-style: none; padding-left: 0; }
.ok-benefit-list li { margin-bottom: 20px; display: flex; align-items: flex-start; font-size: 1.05rem; color: #555; }

.ok-benefit-icon { background-color: rgba(242,115,61,0.1); color: var(--brand-orange); width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 15px; font-size: 1.1rem; }

.ok-content-card { background: #ffffff; border-radius: 16px; box-shadow: 0 8px 30px rgba(0,0,0,0.04); border: 1px solid rgba(0,0,0,0.02); }
.ok-form-card    { border-top: 5px solid var(--brand-orange); }

.ok-form-control { background-color: #f8f9fa; border: 1px solid #eef0f2; padding: 14px 20px; border-radius: 10px; font-size: 1rem; transition: border-color 0.3s, box-shadow 0.3s; }
.ok-form-control:focus { box-shadow: 0 0 0 4px rgba(242,115,61,0.1); border-color: var(--brand-orange); background-color: #fff; }
.ok-form-control::placeholder { color: #6c757d; }

.ok-form-submit-btn { background: linear-gradient(135deg, #ff9966 0%, var(--brand-orange) 100%); color: white; font-weight: 700; font-size: 1.05rem; border-radius: 50px; padding: 14px 32px; border: none; transition: 0.3s; box-shadow: 0 4px 15px rgba(242,115,61,0.2); }
.ok-form-submit-btn:hover { background: linear-gradient(135deg, #ff8855 0%, var(--accent-coral) 100%); box-shadow: 0 6px 20px rgba(242,115,61,0.3); transform: translateY(-2px); }

/* ─── ABOUT PAGE ────────────────────────────────────────────── */
.office-khojo-section .text-brand    { color: var(--brand-orange) !important; }
.office-khojo-section .bg-brand-soft { background-color: rgba(242,115,61,0.1) !important; }

.office-khojo-section .feature-card { transition: all 0.3s ease-in-out; border: 1px solid rgba(0,0,0,0.05); }
.office-khojo-section .feature-card:hover { transform: translateY(-8px); box-shadow: 0 1rem 3rem rgba(0,0,0,0.08) !important; border-color: rgba(242,115,61,0.1); }

.office-khojo-section .icon-wrapper { width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center; border-radius: 16px; margin-bottom: 1.25rem; transition: all 0.3s ease; }
.office-khojo-section .feature-card:hover .icon-wrapper { transform: scale(1.05) rotate(3deg); background-color: var(--brand-orange) !important; color: #ffffff !important; }

/* ─── WORKSPACE LISTING ENHANCED CARD FEATURES ─────────────── */
.workspace-listings-wrapper .pk-from-label { display: block; font-size: 0.7rem; font-weight: 600; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1; margin-bottom: 2px; }
.workspace-listings-wrapper .pk-per-mo     { font-size: 0.75rem; font-weight: 500; color: #7c8899; }

.workspace-listings-wrapper .pk-meta-row  { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 7px; }
.workspace-listings-wrapper .pk-meta-chip { display: inline-flex; align-items: center; gap: 5px; background: #f4f6f9; border: 1px solid #e2e8f0; border-radius: 6px; padding: 4px 10px; font-size: 0.76rem; font-weight: 600; color: #3d4a5c; white-space: nowrap; }
.workspace-listings-wrapper .pk-meta-chip i { color: var(--brand-orange); font-size: 0.76rem; }

.workspace-listings-wrapper .pk-landmark   { font-size: 0.76rem; font-weight: 500; color: #8a96a3; margin-bottom: 1rem; display: flex; align-items: center; gap: 5px; }
.workspace-listings-wrapper .pk-landmark i { color: var(--brand-orange); font-size: 0.8rem; flex-shrink: 0; }

.workspace-listings-wrapper .pk-action-row { display: flex; gap: 8px; align-items: center; }

.workspace-listings-wrapper .pk-btn-quote { background: linear-gradient(135deg, var(--brand-orange), var(--grad-end)); color: #ffffff; border: none; border-radius: 50px; font-weight: 700; font-size: 0.82rem; padding: 0.5rem 1rem; white-space: nowrap; flex-shrink: 0; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 10px rgba(242,115,61,0.25); display: inline-flex; align-items: center; gap: 5px; }
.workspace-listings-wrapper .pk-btn-quote i { font-size: 0.76rem; }
.workspace-listings-wrapper .pk-btn-quote:hover { background: linear-gradient(135deg, var(--accent-coral), var(--brand-orange)); color: #ffffff; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(242,115,61,0.4); }
.workspace-listings-wrapper .pk-action-row .btn-view-details { flex: 1; width: auto; }

.workspace-listings-wrapper .pk-ribbon { position: absolute; top: 16px; left: 0; z-index: 20; padding: 5px 14px 5px 10px; border-radius: 0 20px 20px 0; font-size: 0.7rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.6px; display: inline-flex; align-items: center; gap: 5px; box-shadow: 2px 3px 10px rgba(0,0,0,0.14); pointer-events: none; }
.workspace-listings-wrapper .pk-ribbon i { font-size: 0.65rem; }
.workspace-listings-wrapper .pk-ribbon-recommended { background: linear-gradient(135deg, var(--brand-orange), var(--grad-end)); color: #ffffff; }
.workspace-listings-wrapper .pk-ribbon-value       { background: linear-gradient(135deg, #20a060, #34c87a); color: #ffffff; }
.workspace-listings-wrapper .property-card .card-img-wrapper { overflow: visible; }

.pk-sticky-cta { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1055; background: #1e3a5f; border-top: 3px solid var(--brand-orange); box-shadow: 0 -6px 28px rgba(0,0,0,0.2); transform: translateY(100%); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; }
.pk-sticky-cta.pk-sticky-visible { transform: translateY(0); pointer-events: auto; }
.pk-sticky-cta.pk-sticky-shift   { bottom: 70px; }

.pk-sticky-inner  { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 12px; padding-bottom: 12px; }
.pk-sticky-left   { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pk-sticky-left strong { font-size: 0.92rem; font-weight: 700; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pk-sticky-left span   { font-size: 0.76rem; font-weight: 500; color: rgba(255,255,255,0.6); white-space: nowrap; }
.pk-sticky-btns        { display: flex; gap: 10px; align-items: center; flex-shrink: 0; }

.pk-scta-btn  { display: inline-flex; align-items: center; gap: 7px; padding: 10px 20px; border-radius: 50px; font-size: 0.88rem; font-weight: 700; text-decoration: none; border: none; cursor: pointer; transition: all 0.25s ease; white-space: nowrap; }
.pk-scta-btn i { font-size: 0.95rem; }

.pk-scta-visit { background: #ffffff; color: #1e3a5f; box-shadow: 0 4px 12px rgba(0,0,0,0.12); }
.pk-scta-visit:hover { background: #f0f4fa; color: #1e3a5f; transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,0.18); }

.pk-scta-wa { background: #25d366; color: #ffffff; box-shadow: 0 4px 12px rgba(37,211,102,0.3); }
.pk-scta-wa:hover { background: #1eb957; color: #ffffff; transform: translateY(-2px); box-shadow: 0 6px 18px rgba(37,211,102,0.42); }

@media (max-width: 575px) {
	.pk-sticky-inner   { flex-direction: column; align-items: stretch; gap: 10px; padding-top: 10px; padding-bottom: 10px; }
	.pk-sticky-left    { align-items: center; text-align: center; }
	.pk-sticky-btns    { justify-content: center; }
	.pk-scta-btn       { flex: 1; justify-content: center; padding: 10px 14px; font-size: 0.83rem; }
	.workspace-listings-wrapper .pk-action-row { flex-direction: column; }
	.workspace-listings-wrapper .pk-action-row .btn-view-details,
	.workspace-listings-wrapper .pk-btn-quote  { width: 100%; justify-content: center; }
}

@media (max-width: 767px) {
	.workspace-listings-wrapper .pk-meta-chip { font-size: 0.72rem; padding: 3px 8px; }
	.workspace-listings-wrapper .pk-landmark  { font-size: 0.72rem; }
	.contact-section {
		padding-top: 0px !important;
	}
}