/*
Home & Global Holdings Website Stylesheet
Adapted from Tooplate Inner Peace Template
Company Colors: Red #F60405, Grey #CDCCCC, White #FFFFFF, Black #000000
*/

@charset "utf-8";
/* CSS Document */

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

/* Header Styles with Cross-Browser Support */
header {
    background: rgba(255, 255, 255, 0.95);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
}

/* Ensure content doesn't hide behind fixed header */
body {
    padding-top: 80px; /* Adjust based on header height */
    margin: 0;
}

:root {
	--primary: #F60405;
	--secondary: #CDCCCC;
	--accent: #333333;
	--light: #FFFFFF;
	--dark: #000000;
	--gradient-1: linear-gradient(135deg, #F60405 0%, #CDCCCC 100%);
	--gradient-2: linear-gradient(135deg, #F60405 0%, #333333 100%);
}

body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	line-height: 1.6;
	color: var(--dark);
	background: var(--light);
	overflow-x: hidden;
}

/* Container */
.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Geometric Background Pattern */
.geometric-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.03;
	background-image:
		repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(246, 4, 5, 0.1) 35px, rgba(246, 4, 5, 0.1) 70px),
		repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(205, 204, 204, 0.1) 35px, rgba(205, 204, 204, 0.1) 70px);
}

/* Header */
header {
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(10px);
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
	transition: all 0.3s ease;
}

nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 5%;
	max-width: 1400px;
	margin: 0 auto;
	flex-wrap: nowrap;
}

@media (max-width: 1000px) and (min-width: 769px) {
	nav {
		flex-wrap: wrap;
		gap: 0.5rem;
		padding: 0.8rem 5%;
	}

	.nav-links {
		width: auto;
		justify-content: flex-end;
		flex-wrap: wrap;
		gap: 1rem;
	}
}

@media (max-width: 768px) {
	nav {
		flex-wrap: wrap;
		padding: 0.8rem 5%;
	}
}

/* Logo */
.logo {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	transition: transform 0.3s ease;
	flex-shrink: 0;
}

.logo:hover {
	transform: scale(1.02);
}

.logo svg {
	width: 40px;
	height: 40px;
}

.logo-text {
	font-size: 1.6rem;
	font-weight: bold;
	background: var(--gradient-1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	white-space: nowrap;
}

/* Navigation */
.nav-links {
	display: flex;
	list-style: none;
	gap: 1.5rem;
	align-items: center;
}

.nav-links a {
	text-decoration: none;
	color: var(--dark);
	font-weight: 500;
	font-size: 0.95rem;
	transition: all 0.3s ease;
	position: relative;
	padding: 0.5rem 1rem;
	border-radius: 6px;
	border: 1px solid transparent;
	white-space: nowrap;
}

.nav-links a:hover {
	color: var(--primary);
	background: rgba(246, 4, 5, 0.05);
	border-color: rgba(246, 4, 5, 0.2);
}

.nav-links a.active {
	color: white;
	background: var(--gradient-1);
	border-color: var(--primary);
}

/* Mobile Menu Toggle */
.menu-toggle {
	display: none;
	flex-direction: column;
	cursor: pointer;
	gap: 4px;
}

.menu-toggle span {
	width: 25px;
	height: 3px;
	background: var(--dark);
	transition: all 0.3s ease;
	border-radius: 3px;
}

.menu-toggle.active span:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
}

.menu-toggle.active span:nth-child(2) {
	opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
	transform: rotate(-45deg) translate(7px, -6px);
}

/* Hero Section */
#hero, #properties-hero, #agro-hero, #capital-hero, #services-hero, #contact-hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gradient-2);
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* ============================================
   HERO SECTIONS
   ============================================ */

/* Base hero styles for all pages */
.hero-section {
    width: 100%;
    height: 100vh;
    min-height: 500px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 80px; /* Space for fixed header */
    box-sizing: border-box;
}

/* Homepage hero - full screen */
#hero {
    height: 100vh;
    min-height: 600px;
    padding: 0;
}

/* Hero background images */
/* #hero { background-image: url('assets/img/home-hero.jfif'); } */
#services-hero { background-image: url('assets/img/services-hero.jfif'); }
#properties-hero { background-image: url('assets/img/properties-hero.jfif'); }
#contact-hero { background-image: url('assets/img/properties-hero-two.jfif'); }
#agro-hero { background-image: url('assets/img/services-hero2.jfif'); }
#capital-hero { background-image: url('assets/img/capital-hero.jfif'); }
#about-hero { background-image: url('assets/img/about-hero.jfif'); }

/* About hero layout and centering */
#about-hero {
    height: 50vh;
    min-height: 400px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
}

/* Services hero height aligned with About */
#services-hero {
    height: 50vh;
    min-height: 400px;
    padding: 0;
}

/* Properties hero height aligned with Services/About */
#properties-hero {
    height: 50vh;
    min-height: 400px;
    padding: 0;
}

/* Agro hero height aligned with Services/About */
#agro-hero {
    height: 50vh;
    min-height: 400px;
    padding: 0;
}

/* Capital hero height aligned with Services/About */
#capital-hero {
    height: 50vh;
    min-height: 400px;
    padding: 0;
}

/* Contact hero height aligned with Services/About */
#contact-hero {
    height: 50vh;
    min-height: 400px;
    padding: 0;
}

/* Hero overlay - base style */
.hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(246, 4, 5, 0.3) 50%, rgba(0, 0, 0, 0.4) 100%);
	z-index: 1;
}

/* Remove overlay for specific pages */
.about .hero-section::before { background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(33, 150, 243, 0.3) 50%, rgba(0, 0, 0, 0.4) 100%); }
.properties .hero-section::before { display: none; }
.agro .hero-section::before { background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(76, 175, 80, 0.3) 50%, rgba(0, 0, 0, 0.4) 100%); }
.capital .hero-section::before { background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(33, 150, 243, 0.3) 50%, rgba(0, 0, 0, 0.4) 100%); }
.services .hero-section::before { background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(246, 4, 5, 0.3) 50%, rgba(0, 0, 0, 0.4) 100%); }
.contact .hero-section::before { background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(33, 150, 243, 0.3) 50%, rgba(0, 0, 0, 0.4) 100%); }

/* Hero content */
.hero-content,
.services-hero-content,
.properties-hero-content,
.contact-hero-content,
.agro-hero-content,
.capital-hero-content,
.about-hero-content {
	text-align: center;
	color: white;
	z-index: 3;
	max-width: 800px;
	padding: 2rem;
	position: relative;
}

.hero-content h1,
.services-hero-content h1,
.properties-hero-content h1,
.contact-hero-content h1,
.agro-hero-content h1,
.capital-hero-content h1,
.about-hero-content h1 {
	font-size: 3.5rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	animation: fadeInUp 1s ease-out;
}

.hero-content p,
.services-hero-content p,
.properties-hero-content p,
.contact-hero-content p,
.agro-hero-content p,
.capital-hero-content p,
.about-hero-content p {
	font-size: 1.4rem;
	margin-bottom: 2rem;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	animation: fadeInUp 1s ease-out 0.2s both;
}


.cta-button {
	display: inline-block;
	padding: 1rem 2.5rem;
	background: var(--gradient-1);
	color: white;
	text-decoration: none;
	border-radius: 50px;
	font-weight: 600;
	transition: all 0.3s ease;
}

/* Properties page specific button styles - WHITE background, RED text */
.properties .cta-button {
	background: white !important;
	color: #F60405 !important;
	border: 2px solid white;
}

.properties .cta-button.secondary {
	background: white !important;
	color: #F60405 !important;
	border: 2px solid white;
}

/* Properties Hero Buttons - Unique styling to avoid affecting other buttons */
.properties-hero-btn {
	display: inline-block;
	padding: 0.7rem 1.8rem;
	background: white !important;
	color: #F60405 !important;
	text-decoration: none;
	border-radius: 10px;
	font-weight: 600;
	font-size: 0.9rem;
	transition: all 0.3s ease;
	border: 2px solid white;
	margin: 0.5rem;
	animation: fadeInUp 1s ease 0.4s;
	animation-fill-mode: both;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.properties-hero-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* Responsive styles for properties hero buttons */
@media (max-width: 768px) {
	.properties-hero-btn {
		padding: 0.6rem 1.5rem !important;
		font-size: 0.85rem !important;
		margin: 0.3rem !important;
	}
}

@media (max-width: 480px) {
	.properties-hero-btn {
		padding: 0.5rem 1.2rem !important;
		font-size: 0.8rem !important;
		margin: 0.2rem !important;
		display: inline-block !important;
		width: auto !important;
		text-align: center !important;
		min-width: 120px !important;
	}
}

/* Remove all spacing for property services section */
#property-services {
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
}

#property-services .container {
	padding: 0 20px !important;
	margin: 0 auto !important;
	max-width: 1200px !important;
	text-align: center !important;
}

#property-services .section-title {
	margin-top: 0 !important;
	padding-top: 0 !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

#property-services .section-subtitle {
	margin-top: 0 !important;
	padding-top: 0 !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 800px !important;
}

.cta-button:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 40px rgba(246, 4, 5, 0.4);
}

.cta-button.secondary {
	background: rgba(255, 255, 255, 0.2);
	color: var(--primary);
	border: 2px solid var(--primary);
}

.cta-button.secondary:hover {
	background: var(--primary);
	color: white;
	transform: translateY(-3px);
}

.hero-cta {
	margin-top: 2rem;
}

.contact-info-quick {
	display: flex;
	justify-content: center;
	gap: 2rem;
	margin-top: 2rem;
	flex-wrap: wrap;
}

.contact-info-quick span {
	color: rgba(255, 255, 255, 0.9);
	font-size: 1.1rem;
}

/* Network Background */
.network-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.3;
}

.network-line {
	position: absolute;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
	height: 1px;
	transform-origin: left center;
}

.network-line:nth-child(1) {
	width: 200px;
	top: 20%;
	left: 10%;
	transform: rotate(25deg);
	animation: pulseLine 4s ease-in-out infinite;
}

.network-line:nth-child(2) {
	width: 150px;
	top: 40%;
	right: 20%;
	transform: rotate(-45deg);
	animation: pulseLine 4s ease-in-out infinite 1s;
}

.network-line:nth-child(3) {
	width: 180px;
	bottom: 30%;
	left: 30%;
	transform: rotate(60deg);
	animation: pulseLine 4s ease-in-out infinite 2s;
}

.network-line:nth-child(4) {
	width: 220px;
	top: 60%;
	right: 15%;
	transform: rotate(-20deg);
	animation: pulseLine 4s ease-in-out infinite 3s;
}

.network-line:nth-child(5) {
	width: 160px;
	bottom: 20%;
	right: 35%;
	transform: rotate(40deg);
	animation: pulseLine 4s ease-in-out infinite 1.5s;
}

@keyframes pulseLine {
	0%, 100% {
		opacity: 0.1;
		transform: scaleX(0.8) rotate(var(--rotation));
	}
	50% {
		opacity: 0.5;
		transform: scaleX(1) rotate(var(--rotation));
	}
}

.network-dot {
	position: absolute;
	width: 6px;
	height: 6px;
	background: #a51111 !important;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

.network-dot:nth-child(6) {
	top: 20%;
	left: 10%;
	animation: dotPulse 3s ease-in-out infinite;
}

.network-dot:nth-child(7) {
	top: 40%;
	right: 20%;
	animation: dotPulse 3s ease-in-out infinite 0.5s;
}

.network-dot:nth-child(8) {
	bottom: 30%;
	left: 30%;
	animation: dotPulse 3s ease-in-out infinite 1s;
}

.network-dot:nth-child(9) {
	top: 60%;
	right: 15%;
	animation: dotPulse 3s ease-in-out infinite 1.5s;
}

.network-dot:nth-child(10) {
	bottom: 20%;
	right: 35%;
	animation: dotPulse 3s ease-in-out infinite 2s;
}

@keyframes dotPulse {
	0%, 100% {
		transform: scale(1);
		opacity: 0.4;
	}
	50% {
		transform: scale(1.5);
		opacity: 1;
	}
}

/* Breathing Circles */
.peace-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.breathing-circle {
	position: absolute;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
	animation: breathe 8s ease-in-out infinite;
}

.breathing-circle:nth-child(1) {
	width: 300px;
	height: 300px;
	top: 10%;
	left: 10%;
	animation-delay: 0s;
}

.breathing-circle:nth-child(2) {
	width: 200px;
	height: 200px;
	top: 60%;
	right: 15%;
	animation-delay: 2s;
}

.breathing-circle:nth-child(3) {
	width: 250px;
	height: 250px;
	bottom: 20%;
	left: 30%;
	animation-delay: 4s;
}

.breathing-circle:nth-child(4) {
	width: 180px;
	height: 180px;
	top: 30%;
	right: 25%;
	animation-delay: 6s;
}

@keyframes breathe {
	0%, 100% {
		transform: scale(1) translate(0, 0);
		opacity: 0.3;
	}
	25% {
		transform: scale(1.2) translate(-10px, -10px);
		opacity: 0.5;
	}
	50% {
		transform: scale(1.4) translate(10px, -20px);
		opacity: 0.3;
	}
	75% {
		transform: scale(1.1) translate(-5px, 10px);
		opacity: 0.4;
	}
}

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

/* Section Styles */
section {
	padding: 5rem 0;
}

.section-title {
	text-align: center;
	font-size: 2.5rem;
	margin-bottom: 1rem;
	position: relative;
	color: var(--dark);
}

.section-subtitle {
	text-align: center;
	max-width: 800px;
	margin: 0 auto 3rem;
	color: #666;
	font-size: 1.1rem;
}

/* About Page - Use standard styles like other pages */

/* Floating Cards */
.about-floating-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 2rem;
	margin-bottom: 4rem;
}

.floating-card {
	
	border-radius: 25px;
	padding: 2.5rem;
	position: relative;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.floating-card::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, var(--primary) 0%, transparent 70%);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.floating-card:hover {
	transform: translateY(-10px) rotate(1deg);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.floating-card:hover::before {
	opacity: 0.05;
}

.card-icon {
	width: 80px;
	height: 80px;
	margin-bottom: 1.5rem;
	position: relative;
}

.icon-wrapper {
	width: 100%;
	height: 100%;
	background: var(--gradient-2);
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5rem;
	animation: morphShape 8s ease-in-out infinite;
	box-shadow: 0 10px 25px rgba(246, 4, 5, 0.3);
}

@keyframes morphShape {
	0%, 100% {
		border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
		transform: rotate(0deg);
	}
	25% {
		border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%;
		transform: rotate(90deg);
	}
	50% {
		border-radius: 30% 70% 70% 30% / 70% 30% 30% 70%;
		transform: rotate(180deg);
	}
	75% {
		border-radius: 70% 30% 30% 70% / 30% 70% 70% 30%;
		transform: rotate(270deg);
	}
}

.floating-card h3 {
	font-size: 1.4rem;
	margin-bottom: 1rem;
	color: var(--dark);
}

.floating-card p {
	color: #666;
	line-height: 1.6;
}

/* Stats Banner */
.stats-banner {
	background: var(--gradient-1);
	padding-top: 10px;
	border-radius: 30px;
	padding: 3rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	gap: 2rem;
	margin-bottom: 4rem;
	position: relative;
	overflow: hidden;
}

.stats-banner::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: repeating-linear-gradient(45deg,
			transparent,
			transparent 10px,
			rgba(255, 255, 255, 0.05) 10px,
			rgba(255, 255, 255, 0.05) 20px);
	animation: slidePattern 20s linear infinite;
}

@keyframes slidePattern {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(50px, 50px);
	}
}

.stat-block {
	text-align: center;
	position: relative;
	z-index: 1;
}

.stat-value {
	font-size: 3rem;
	font-weight: bold;
	color: white;
	text-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.stat-desc {
	color: rgba(255, 255, 255, 0.9);
	font-size: 1rem;
	margin-top: 0.5rem;
}

/* Service Grid */
.services-grid, .service-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	margin-bottom: 3rem;
	justify-content: center;
}

.service-card {
	padding: 2rem;
	border-radius: 20px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	text-align: left;
}

.service-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background: var(--gradient-1);
}

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

.service-icon {
	width: 60px;
	height: 60px;
	background: var(--gradient-2);
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	margin-bottom: 1.5rem;
}

.service-card h3 {
	font-size: 1.5rem;
	color: var(--dark);
	margin-bottom: 1rem;
}

.service-card p {
	color: #666;
	line-height: 1.6;
	margin-bottom: 1.5rem;
}

.service-features {
	list-style: none;
	margin-bottom: 0rem;
}

.service-features li {
	padding: 0rem 0;
	color: #666;
	position: relative;
	padding-left: 1.5rem;
}

.service-features li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: var(--primary);
	font-weight: bold;
}

.service-link {
	color: var(--primary);
	text-decoration: none;
	font-weight: 600;
	transition: color 0.3s ease;
}

.service-link:hover {
	color: var(--accent);
}

/* Opportunity Grid */
.opportunity-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 2rem;
	margin-top: 3rem;
}

.opportunity-card {
	background: #666 !important;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	position: relative;
}

.opportunity-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: var(--gradient-1);
}

.opportunity-card:hover {
	transform: translateY(-15px) scale(1.02);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.opportunity-image {
	height: 200px;
	background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);
	position: relative;
	overflow: hidden;
}

.opportunity-thumbnail {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	color: rgba(0, 0, 0, 0.3);
}

.opportunity-thumbnail.property {
	background-image: url('https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=600&h=400&fit=crop');
}

.opportunity-thumbnail.farm {
	background-image: url('https://images.unsplash.com/photo-1500937386664-56d1df8d7291?w=600&h=400&fit=crop');
}

.opportunity-thumbnail.investment {
	background-image: url('https://images.unsplash.com/photo-1560518883-dbf094c35642?w=600&h=400&fit=crop');
}

.opportunity-content {
	padding: 2rem;
}

.opportunity-content h3 {
	font-size: 1.5rem;
	color: var(--dark);
	margin-bottom: 1rem;
	font-weight: 600;
}

.opportunity-content p {
	color: #666;
	line-height: 1.6;
	margin-bottom: 1.5rem;
}

.opportunity-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 1rem;
	border-top: 1px solid #eee;
}

.opportunity-type {
	background: var(--gradient-1);
	color: white;
	padding: 0.5rem 1rem;
	border-radius: 20px;
	font-size: 0.85rem;
	font-weight: 600;
}

.opportunity-status {
	color: var(--primary);
	font-weight: 600;
	font-size: 0.9rem;
}

.opportunity-status:contains('Available') {
	color: #4CAF50;
}

.opportunity-status:contains('Seeking') {
	color: #FF9800;
}

.opportunity-status:contains('Open') {
	color: #2196F3;
}

/* About Page Styles */
/* Remove conflicting about-specific styles - use standard section structure */

.overview-text {
	padding: 2rem;
	background: #666 !important;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.overview-text p {
	color: #666;
	line-height: 1.8;
	margin-bottom: 1.5rem;
}

.overview-highlights {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.highlight-item {
	background: #a51111 !important;
	padding: 2rem;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	text-align: center;
}

.highlight-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.highlight-icon {
	width: 60px;
	height: 60px;
	background: var(--gradient-2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	margin: 0 auto 1rem;
}

.highlight-item h4 {
	color: var(--dark);
	margin-bottom: 0.5rem;
	font-weight: 600;
}

/* Vision & Mission */
/* About Page Standard Component Styles */
.overview-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
	align-items: start;
	margin-top: 3rem;
}

.vm-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
	margin-top: 3rem;
}

.values-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 2rem;
	margin-top: 3rem;
}

.clients-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 2rem;
	margin-top: 3rem;
}

.vm-card {
	background: #666 !important;
	padding: 3rem;
	border-radius: 25px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
	text-align: center;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
}

.vm-card::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, var(--primary) 0%, transparent 70%);
	opacity: 0.05;
}

.vm-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.vm-icon {
	width: 80px;
	height: 80px;
	background: var(--gradient-1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5rem;
	margin: 0 auto 2rem;
	color: white;
	box-shadow: 0 10px 30px rgba(246, 4, 5, 0.3);
}

.vm-card h3 {
	font-size: 1.8rem;
	color: var(--dark);
	margin-bottom: 1.5rem;
	font-weight: 600;
}

.vm-card p {
	color: #666;
	line-height: 1.8;
	font-size: 1.1rem;
}

/* Group Structure */
.structure-diagram {
	text-align: center;
	margin: 3rem 0;
}

.parent-company {
	background: var(--gradient-1);
	color: white;
	padding: 2rem;
	border-radius: 20px;
	margin-bottom: 2rem;
	box-shadow: 0 15px 40px rgba(246, 4, 5, 0.3);
}

.parent-company h3 {
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
}

.subsidiaries {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 2rem;
}

.subsidiary {
	
	padding: 2rem;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	position: relative;
}

.subsidiary::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background: var(--gradient-1);
}

.subsidiary:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.subsidiary-icon {
	width: 60px;
	height: 60px;
	background: var(--gradient-2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	margin: 0 auto 1rem;
}

.subsidiary h4 {
	color: var(--dark);
	margin-bottom: 0.5rem;
	font-weight: 600;
}

.structure-note {
	text-align: center;
	color: #666;
	font-style: italic;
	margin-top: 2rem;
}

/* Core Values */
/* Values grid handled by about page specific styles above */

.value-card {
	
	padding: 2.5rem;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	text-align: center;
	transition: all 0.3s ease;
	position: relative;
}

.value-card::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, var(--primary) 0%, transparent 70%);
	opacity: 0.03;
}

.value-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.value-icon {
	width: 70px;
	height: 70px;
	background: var(--gradient-2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.2rem;
	margin: 0 auto 1.5rem;
}

.value-card h3 {
	color: var(--dark);
	margin-bottom: 1rem;
	font-weight: 600;
}

.value-card p {
	color: #666;
	line-height: 1.6;
}

/* Advantages List */
.advantages-list {
	margin-top: 3rem;
}

.advantage-item {
	display: flex;
	align-items: start;
	gap: 1.5rem;
	padding: 2rem;
	background: #a38989 !important;
	border-radius: 20px;
	margin-bottom: 1.5rem;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

.advantage-item:hover {
	transform: translateX(10px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.advantage-check {
	width: 40px;
	height: 40px;
	background: var(--gradient-1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: bold;
	font-size: 1.2rem;
	flex-shrink: 0;
}

.advantage-content h3 {
	color: var(--dark);
	margin-bottom: 0.5rem;
	font-weight: 600;
}

.advantage-content p {
	color: #666;
	line-height: 1.6;
}

/* Target Clients */
/* Clients grid handled by about page specific styles above */

.client-group {
	background: #666 !important;
	padding: 2rem;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

.client-group:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.client-group h3 {
	color: var(--dark);
	margin-bottom: 1rem;
	font-weight: 600;
}

.client-group ul {
	list-style: none;
}

.client-group li {
	padding: 0.5rem 0;
	color: #666;
	position: relative;
	padding-left: 1.5rem;
}

.client-group li::before {
	content: '•';
	position: absolute;
	left: 0;
	color: var(--primary);
	font-weight: bold;
}

/* Growth Timeline */
.growth-timeline {
	margin-top: 3rem;
}

.growth-item {
	display: flex;
	align-items: start;
	gap: 2rem;
	padding: 2rem;
	background: #666 !important;
	border-radius: 20px;
	margin-bottom: 1.5rem;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

.growth-item:hover {
	transform: translateX(10px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.growth-icon {
	width: 60px;
	height: 60px;
	background: var(--gradient-1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
	color: white;
	flex-shrink: 0;
}

.growth-content h3 {
	color: var(--dark);
	margin-bottom: 0.5rem;
	font-weight: 600;
}

.growth-content p {
	color: #666;
	line-height: 1.6;
}

/* Partnership Table */
.partnership-table {
	
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
	margin: 3rem 0;
}

.partnership-table table {
	width: 100%;
	border-collapse: collapse;
}

.partnership-table th {
	background: var(--gradient-1);
	color: white;
	padding: 0.5rem 1rem;
	text-align: left;
	font-weight: 600;
	font-size: 1.1rem;
}

.partnership-table td {
	padding: 0.5rem 1rem;
	border-bottom: 1px solid #eee;
	color: #666;
}

.partnership-table tr:last-child td {
	border-bottom: none;
}

.partnership-table tr:hover {
	background: rgba(246, 4, 5, 0.02);
}

.partnership-table .highlight {
	color: var(--primary);
	font-weight: 600;
	background: rgba(246, 4, 5, 0.1);
	padding: 0.5rem 1rem;
	border-radius: 10px;
	display: inline-block;
}

.partnership-note {
	text-align: center;
	color: #666;
	font-style: italic;
	margin: 2rem 0;
	padding: 1.5rem;
	background: rgba(205, 204, 204, 0.1);
	border-radius: 15px;
}

.partnership-cta {
	text-align: center;
	margin-top: 2rem;
}

/* Form Layouts */
.forms-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
	margin-top: 3rem;
}

.listing-form, .partner-form {
	background: #666 !important;
	padding: 2rem;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	max-height: 600px;
	overflow-y: auto;
}

.listing-form h3, .partner-form h3 {
	color: var(--dark);
	margin-bottom: 1.5rem;
	text-align: center;
	font-size: 1.3rem;
}

.listing-form .form-group, .partner-form .form-group {
	margin-bottom: 1rem;
}

.listing-form .form-row, .partner-form .form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.listing-form label, .partner-form label {
	font-size: 0.9rem;
	margin-bottom: 0.3rem;
}

.listing-form input, .partner-form input,
.listing-form select, .partner-form select,
.listing-form textarea, .partner-form textarea {
	padding: 0.8rem;
	font-size: 0.9rem;
}

.listing-form textarea, .partner-form textarea {
	min-height: 80px;
}

.listing-form .submit-btn, .partner-form .submit-btn {
	padding: 0.8rem 2rem;
	font-size: 0.9rem;
}

/* Investment Opportunities */
.investment-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 2rem;
	margin-top: 3rem;
}

.investment-card {
	background: #666 !important;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	position: relative;
}

.investment-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(90deg, #4CAF50, #8BC34A);
}

.investment-card:hover {
	transform: translateY(-15px) scale(1.02);
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

.investment-header {
	background: linear-gradient(135deg, #4CAF50 0%, #8BC34A 100%);
	color: white;
	padding: 2rem;
	position: relative;
	overflow: hidden;
}

.investment-header::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
	animation: float 10s ease-in-out infinite;
}

@keyframes float {
	0%, 100% {
		transform: translate(0, 0) rotate(0deg);
	}
	50% {
		transform: translate(30px, -30px) rotate(180deg);
	}
}

.investment-header h3 {
	font-size: 1.6rem;
	margin-bottom: 0.5rem;
	position: relative;
	z-index: 1;
}

.investment-header p {
	opacity: 0.9;
	font-size: 1.1rem;
	position: relative;
	z-index: 1;
}

.investment-content {
	padding: 2rem;
}

.investment-details {
	margin-bottom: 1.5rem;
}

.investment-details h4 {
	color: var(--dark);
	margin-bottom: 1rem;
	font-weight: 600;
}

.investment-details ul {
	list-style: none;
}

.investment-details li {
	padding: 0.8rem 0;
	color: #666;
	position: relative;
	padding-left: 2rem;
	border-bottom: 1px solid #f0f0f0;
}

.investment-details li:last-child {
	border-bottom: none;
}

.investment-details li::before {
	content: '🌱';
	position: absolute;
	left: 0;
	font-size: 1.2rem;
}

.investment-roi {
	background: linear-gradient(135deg, #4CAF50 0%, #8BC34A 100%);
	color: white;
	padding: 1.5rem;
	border-radius: 15px;
	text-align: center;
	margin-bottom: 1.5rem;
}

.roi-amount {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
}

.roi-period {
	font-size: 0.9rem;
	opacity: 0.9;
}

.investment-link {
	display: inline-block;
	background: linear-gradient(135deg, #4CAF50 0%, #8BC34A 100%);
	color: white;
	padding: 1rem 2rem;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
	width: 100%;
	text-align: center;
}

.investment-link:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(76, 175, 80, 0.3);
}

/* Agro Form Styles */
.agro-form {
	background: #666 !important;
	padding: 2rem;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	max-width: 600px;
	margin: 3rem auto;
}

.agro-form h3 {
	color: var(--dark);
	margin-bottom: 1.5rem;
	text-align: center;
	font-size: 1.3rem;
}

.agro-form .form-group {
	margin-bottom: 1rem;
}

.agro-form .form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.agro-form label {
	font-size: 0.9rem;
	margin-bottom: 0.3rem;
}

.agro-form input,
.agro-form select,
.agro-form textarea {
	padding: 0.8rem;
	font-size: 0.9rem;
}

.agro-form textarea {
	min-height: 80px;
}

.agro-form .submit-btn {
	padding: 0.8rem 2rem;
	font-size: 0.9rem;
}

/* Why Choose Capital */
.why-choose-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	margin-top: 3rem;
}

.why-choose-item {
	background: #666 !important;
	padding: 2.5rem;
	border-radius: 20px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	position: relative;
	overflow: hidden;
	text-align: center;
}

.why-choose-item::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, #2196F3 0%, transparent 70%);
	opacity: 0.03;
}

.why-choose-item::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, #2196F3, #1976D2);
}

.why-choose-item:hover {
	transform: translateY(-15px) scale(1.02);
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

.why-choose-icon {
	width: 80px;
	height: 80px;
	background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5rem;
	margin: 0 auto 2rem;
	color: white;
	box-shadow: 0 15px 30px rgba(33, 150, 243, 0.3);
	position: relative;
	z-index: 1;
}

.why-choose-item h3 {
	font-size: 1.4rem;
	color: var(--dark);
	margin-bottom: 1.5rem;
	font-weight: 600;
	position: relative;
	z-index: 1;
}

.why-choose-item p {
	color: #666;
	line-height: 1.7;
	font-size: 1rem;
	position: relative;
	z-index: 1;
}

/* Capital Form Styles */
.capital-form {
	background: #666 !important;
	padding: 2rem;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	max-width: 600px;
	margin: 3rem auto;
}

.capital-form h3 {
	color: var(--dark);
	margin-bottom: 1.5rem;
	text-align: center;
	font-size: 1.3rem;
}

.capital-form .form-group {
	margin-bottom: 1rem;
}

.capital-form .form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.capital-form label {
	font-size: 0.9rem;
	margin-bottom: 0.3rem;
}

.capital-form input,
.capital-form select,
.capital-form textarea {
	padding: 0.8rem;
	font-size: 0.9rem;
}

.capital-form textarea {
	min-height: 80px;
}

.capital-form .submit-btn {
	padding: 0.8rem 2rem;
	font-size: 0.9rem;
}

/* CTA Section - Ready to Partner With Us */
#cta {
	padding: 4rem 2rem;
	background: linear-gradient(135deg, rgba(246, 4, 5, 0.05) 0%, rgba(205, 204, 204, 0.1) 100%);
	border-radius: 25px;
	position: relative;
	overflow: hidden;
	margin: 3rem 0;
}

.cta-container {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.cta-container::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1920&h=1080&fit=crop');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.08;
	z-index: -1;
}

.cta-container h2 {
	font-size: 2.5rem;
	color: var(--dark);
	margin-bottom: 1.5rem;
	position: relative;
	z-index: 1;
}

.cta-container p {
	font-size: 1.2rem;
	color: #666;
	max-width: 600px;
	margin: 0 auto 2rem;
	position: relative;
	z-index: 1;
}

.cta-buttons {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
}

/* Partnership CTA Section */
.partnership-cta {
	text-align: center;
	margin: 3rem 0;
	padding: 4rem 2rem;
	background: linear-gradient(135deg, rgba(246, 4, 5, 0.05) 0%, rgba(205, 204, 204, 0.1) 100%);
	border-radius: 25px;
	position: relative;
	overflow: hidden;
}

.partnership-cta::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1920&h=1080&fit=crop');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.08;
	z-index: -1;
}

.partnership-cta h2 {
	font-size: 2.5rem;
	color: var(--dark);
	margin-bottom: 1.5rem;
	position: relative;
	z-index: 1;
}

.partnership-cta p {
	font-size: 1.2rem;
	color: #666;
	max-width: 600px;
	margin: 0 auto 2rem;
	position: relative;
	z-index: 1;
}

/* Investment Opportunities Header */
.investment-opportunities-header {
	text-align: center;
	margin: 3rem 0;
	padding: 3rem 2rem;
	background: linear-gradient(135deg, rgba(76, 175, 80, 0.05) 0%, rgba(139, 195, 74, 0.1) 100%);
	border-radius: 25px;
	position: relative;
	overflow: hidden;
}

.investment-opportunities-header::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://images.unsplash.com/photo-1500937386664-56d1df8d7291?w=1920&h=1080&fit=crop');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.08;
	z-index: -1;
}

.investment-opportunities-header h2 {
	font-size: 2.5rem;
	color: var(--dark);
	margin-bottom: 1.5rem;
	position: relative;
	z-index: 1;
}

.investment-opportunities-header p {
	font-size: 1.2rem;
	color: #666;
	max-width: 600px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

/* Future Direction Section */
.future-direction {
	text-align: center;
	margin: 3rem 0;
	padding: 3rem 2rem;
	background: linear-gradient(135deg, rgba(33, 150, 243, 0.05) 0%, rgba(25, 118, 210, 0.1) 100%);
	border-radius: 25px;
	position: relative;
	overflow: hidden;
}

.future-direction::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1920&h=1080&fit=crop');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.08;
	z-index: -1;
}

.future-direction h2 {
	font-size: 2.5rem;
	color: var(--dark);
	margin-bottom: 2rem;
	position: relative;
	z-index: 1;
}

.growth-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 2rem;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.growth-item {
	background: #666 !important;
	padding: 2rem;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	text-align: center;
}

.growth-item:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.growth-icon {
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.2rem;
	margin: 0 auto 1.5rem;
	color: white;
	box-shadow: 0 15px 30px rgba(33, 150, 243, 0.3);
}

.growth-item h3 {
	color: var(--dark);
	margin-bottom: 1rem;
	font-weight: 600;
}

.growth-item p {
	color: #666;
	line-height: 1.6;
}

/* Property Filter Tabs */
.property-filters {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin: 3rem 0;
	flex-wrap: wrap;
}

.filter-btn {
	padding: 1rem 2rem;
	border: 2px solid var(--primary);
	background: #666 !important;
	color: var(--primary);
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-weight: 600;
	text-decoration: none;
}

.filter-btn:hover,
.filter-btn.active {
	background: var(--gradient-1);
	color: white;
	border-color: var(--primary);
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(246, 4, 5, 0.3);
}

/* Featured Properties Grid */
.featured-properties-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	margin: 3rem 0;
}

.featured-property-card {
	background: #666 !important;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	position: relative;
}

.featured-property-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(90deg, var(--primary), #FF6B6B);
}

.featured-property-card:hover {
	transform: translateY(-15px) scale(1.02);
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

.featured-property-image {
	height: 200px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.featured-property-content {
	padding: 2rem;
}

.featured-property-content h3 {
	font-size: 1.4rem;
	color: var(--dark);
	margin-bottom: 1rem;
	font-weight: 600;
}

.featured-property-content p {
	color: #666;
	line-height: 1.6;
	margin-bottom: 1.5rem;
}

.featured-property-price {
	font-size: 1.8rem;
	color: var(--primary);
	font-weight: bold;
	margin-bottom: 1rem;
}

.featured-property-link {
	display: inline-block;
	background: var(--gradient-1);
	color: white;
	padding: 1rem 2rem;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
	width: 100%;
	text-align: center;
}

.featured-property-link:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(246, 4, 5, 0.3);
}

/* Success Stories */
.success-stories {
	margin: 3rem 0;
	padding: 4rem 2rem;
	background: linear-gradient(135deg, rgba(246, 4, 5, 0.05) 0%, rgba(205, 204, 204, 0.1) 100%);
	border-radius: 25px;
	position: relative;
	overflow: hidden;
}

.success-stories::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://images.unsplash.com/photo-1560518883-dbf094c35642?w=1920&h=1080&fit=crop');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.08;
	z-index: -1;
}

.success-stories h2 {
	text-align: center;
	font-size: 2.5rem;
	color: var(--dark);
	margin-bottom: 3rem;
	position: relative;
	z-index: 1;
}

.stories-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 2rem;
	position: relative;
	z-index: 1;
}

.story-card {
	background: #666 !important;
	padding: 2.5rem;
	border-radius: 20px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	position: relative;
}

.story-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, var(--primary), #FF6B6B);
}

.story-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

.story-header {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin-bottom: 1.5rem;
}

.story-avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: var(--gradient-2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	color: white;
	flex-shrink: 0;
}

.story-info h3 {
	color: var(--dark);
	margin-bottom: 0.3rem;
	font-weight: 600;
}

.story-info p {
	color: #666;
	font-size: 0.9rem;
}

.story-content {
	color: #666;
	line-height: 1.6;
	margin-bottom: 1.5rem;
}

.story-result {
	background: linear-gradient(135deg, rgba(246, 4, 5, 0.1) 0%, rgba(205, 204, 204, 0.2) 100%);
	padding: 1.5rem;
	border-radius: 15px;
	text-align: center;
}

.story-result strong {
	color: var(--primary);
	font-size: 1.2rem;
	display: block;
	margin-bottom: 0.5rem;
}

/* Services Page Styles */
.service-category {
	margin-bottom: 4rem;
}

.category-header {
	text-align: center;
	margin-bottom: 3rem;
}

.category-icon {
	width: 100px;
	height: 100px;
	background: var(--gradient-2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	margin: 0 auto 1.5rem;
	box-shadow: 0 15px 30px rgba(246, 4, 5, 0.3);
}

.category-header h3 {
	font-size: 2rem;
	color: var(--dark);
	margin-bottom: 1rem;
	font-weight: 600;
}

.category-header p {
	color: #666;
	font-size: 1.1rem;
	max-width: 600px;
	margin: 0 auto;
}

.services-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 2rem;
}

.service-item {
	
	border-radius: 20px;
	padding: 2rem;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.service-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background: var(--gradient-1);
}

.service-item:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.service-item-icon {
	width: 60px;
	height: 60px;
	background: var(--gradient-2);
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	margin-bottom: 1.5rem;
}

.service-item-content h4 {
	font-size: 1.4rem;
	color: var(--dark);
	margin-bottom: 1rem;
	font-weight: 600;
}

.service-item-content p {
	color: #666;
	line-height: 1.6;
	margin-bottom: 1.5rem;
}

.service-benefits {
	list-style: none;
	margin-bottom: 1.5rem;
}

.service-benefits li {
	padding: 0.5rem 0;
	color: #666;
	position: relative;
	padding-left: 1.5rem;
}

.service-benefits li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: var(--primary);
	font-weight: bold;
}

.service-link {
	color: var(--primary);
	text-decoration: none;
	font-weight: 600;
	transition: color 0.3s ease;
}

.service-link:hover {
	color: var(--accent);
}

/* Process Timeline */
.process-timeline {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	max-width: 1000px;
	margin: 3rem auto;
}

.process-timeline::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--primary), var(--secondary));
	transform: translateY(-50%);
}

.process-step {
	background: #666 !important;
	padding: 2rem;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	text-align: center;
	width: 180px;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease;
}

.process-step:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.step-number {
	width: 50px;
	height: 50px;
	background: var(--gradient-1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0 auto 1rem;
}

.step-content h3 {
	color: var(--dark);
	margin-bottom: 0.5rem;
	font-weight: 600;
}

.step-content p {
	color: #666;
	font-size: 0.9rem;
}

/* Benefits Grid */
.benefits-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	margin-top: 3rem;
}

.benefit-card {
	background: #666 !important;
	padding: 2.5rem;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	text-align: center;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.benefit-card::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, var(--primary) 0%, transparent 70%);
	opacity: 0.03;
}

.benefit-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.benefit-icon {
	width: 70px;
	height: 70px;
	background: var(--gradient-2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.2rem;
	margin: 0 auto 1.5rem;
}

.benefit-card h3 {
	color: var(--dark);
	margin-bottom: 1rem;
	font-weight: 600;
}

.benefit-card p {
	color: #666;
	line-height: 1.6;
}

/* Contact Page Styles */
.contact-methods {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	margin-top: 3rem;
}

.contact-method {
	background: #666 !important;
	padding: 2.5rem;
	border-radius: 20px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
	text-align: center;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.contact-method::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, var(--primary) 0%, transparent 70%);
	opacity: 0.03;
}

.contact-method:hover {
	transform: translateY(-10px);
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

.contact-icon {
	width: 80px;
	height: 80px;
	background: var(--gradient-2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5rem;
	margin: 0 auto 2rem;
	color: white;
	box-shadow: 0 15px 30px rgba(246, 4, 5, 0.3);
}

.contact-method h3 {
	font-size: 1.6rem;
	color: var(--dark);
	margin-bottom: 1rem;
	font-weight: 600;
}

.contact-method p {
	color: #666;
	line-height: 1.6;
	margin-bottom: 1.5rem;
}

.contact-details {
	text-align: left;
	margin-bottom: 1.5rem;
}

.contact-details p {
	margin-bottom: 0.5rem;
	color: #666;
}

.contact-details strong {
	color: var(--dark);
}

.contact-link {
	display: inline-block;
	background: var(--gradient-1);
	color: white;
	padding: 1rem 2rem;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
}

.contact-link:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(246, 4, 5, 0.3);
}

/* Subsidiary Grid */
.subsidiary-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	margin-top: 3rem;
}

.subsidiary-card {
	background: #666 !important;
	padding: 2.5rem;
	border-radius: 20px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
	text-align: center;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.subsidiary-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: var(--gradient-1);
}

.subsidiary-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

.subsidiary-icon {
	width: 80px;
	height: 80px;
	background: var(--gradient-2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5rem;
	margin: 0 auto 2rem;
	color: white;
	box-shadow: 0 15px 30px rgba(246, 4, 5, 0.3);
}

.subsidiary-card h3 {
	font-size: 1.6rem;
	color: var(--dark);
	margin-bottom: 1rem;
	font-weight: 600;
}

.subsidiary-card p {
	color: #666;
	line-height: 1.6;
	margin-bottom: 1.5rem;
}

.subsidiary-contact {
	text-align: left;
	margin-bottom: 1.5rem;
}

.subsidiary-contact p {
	margin-bottom: 0.5rem;
	color: #666;
}

.subsidiary-link {
	display: inline-block;
	background: var(--gradient-1);
	color: white;
	padding: 1rem 2rem;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
}

.subsidiary-link:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(246, 4, 5, 0.3);
}

/* Contact Form Container */
.contact-form-container {
	background: #666 !important;
	padding: 3rem;
	border-radius: 20px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
	max-width: 800px;
	margin: 3rem auto;
}

.contact-form-container h3 {
	text-align: center;
	color: var(--dark);
	margin-bottom: 2rem;
	font-size: 1.8rem;
}

/* FAQ Styles */
.faq-container {
	max-width: 800px;
	margin: 3rem auto;
}

.faq-item {
	background: #666 !important;
	border-radius: 15px;
	margin-bottom: 1rem;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	overflow: hidden;
}

.faq-question {
	padding: 1.5rem 2rem;
	background: rgba(246, 4, 5, 0.02);
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: background 0.3s ease;
}

.faq-question:hover {
	background: rgba(246, 4, 5, 0.05);
}

.faq-question h3 {
	color: var(--dark);
	margin: 0;
	font-weight: 600;
}

.faq-toggle {
	width: 30px;
	height: 30px;
	background: var(--gradient-1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: bold;
	font-size: 1.2rem;
}

.faq-answer {
	padding: 0 2rem;
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s ease;
}

.faq-answer p {
	color: #666;
	line-height: 1.6;
	padding: 1.5rem 0;
}

/* Map Section */
.map-container {
	background: #666 !important;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
	margin-top: 3rem;
}

.map-placeholder {
	height: 400px;
	background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.map-content {
	text-align: center;
	padding: 2rem;
}

.map-icon {
	font-size: 4rem;
	margin-bottom: 1rem;
}

.map-content h3 {
	color: var(--dark);
	margin-bottom: 1rem;
}

.map-content p {
	color: #666;
	margin-bottom: 2rem;
}

.map-directions {
	text-align: left;
	max-width: 400px;
	margin: 0 auto 2rem;
}

.map-directions p {
	margin-bottom: 0.5rem;
}

.map-directions ul {
	list-style: none;
}

.map-directions li {
	padding: 0.3rem 0;
	color: #666;
	position: relative;
	padding-left: 1.5rem;
}

.map-directions li::before {
	content: '•';
	position: absolute;
	left: 0;
	color: var(--primary);
}

.directions-link {
	display: inline-block;
	background: var(--gradient-1);
	color: white;
	padding: 1rem 2rem;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
}

.directions-link:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(246, 4, 5, 0.3);
}

/* Social Media */
.social-links-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 2rem;
	margin-top: 3rem;
}

.social-card {
	background: #666 !important;
	padding: 2rem;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	text-decoration: none;
	color: inherit;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.social-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: var(--gradient-1);
}

.social-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.social-icon {
	width: 60px;
	height: 60px;
	background: var(--gradient-2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	margin: 0 auto 1.5rem;
	color: white;
}

.social-card h3 {
	color: var(--dark);
	margin-bottom: 0.5rem;
	font-weight: 600;
}

.social-card p {
	color: #666;
	margin-bottom: 1rem;
}

.social-handle {
	color: var(--primary);
	font-weight: 600;
}

/* WhatsApp Support */
.whatsapp-card {
	background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
	color: white;
	padding: 3rem;
	border-radius: 20px;
	display: flex;
	align-items: center;
	gap: 2rem;
	box-shadow: 0 15px 40px rgba(37, 211, 102, 0.3);
	margin: 3rem 0;
}

.whatsapp-icon {
	font-size: 4rem;
	flex-shrink: 0;
}

.whatsapp-content h3 {
	font-size: 1.8rem;
	margin-bottom: 1rem;
}

.whatsapp-content p {
	margin-bottom: 1.5rem;
	opacity: 0.9;
}

.whatsapp-number {
	background: rgba(255, 255, 255, 0.2);
	padding: 1rem;
	border-radius: 10px;
	margin-bottom: 1.5rem;
	font-weight: 600;
}

.whatsapp-button {
	background: #666 !important;
	color: #25D366;
	padding: 1rem 2rem;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
	display: inline-block;
}

.whatsapp-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(255, 255, 255, 0.3);
}


/* Enhanced Section Background Images */
.overview-section::before {
	background-image: url('https://images.unsplash.com/photo-1497366216548-375f7038428f?w=1920&h=1080&fit=crop&fm=jpg&q=80');
}

.services-overview::before {
	background-image: url('https://images.unsplash.com/photo-1559028012-c72e508ed2c8?w=1920&h=1080&fit=crop&fm=jpg&q=80');
}

.properties-section::before {
	background-image: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?w=1920&h=1080&fit=crop&fm=jpg&q=80');
}

.agro-section::before {
	background-image: url('https://images.unsplash.com/photo-1592984357382-36206f0b6a72?w=1920&h=1080&fit=crop&fm=jpg&q=80');
}

.capital-section::before {
	background-image: url('https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?w=1920&h=1080&fit=crop&fm=jpg&q=80');
}

/* Additional section backgrounds */
.partnership-cta::before {
	background-image: url('https://images.unsplash.com/photo-1559028012-c72e508ed2c8?w=1920&h=1080&fit=crop&fm=jpg&q=80');
}

.investment-opportunities-header::before {
	background-image: url('https://images.unsplash.com/photo-1592984357382-36206f0b6a72?w=1920&h=1080&fit=crop&fm=jpg&q=80');
}

.future-direction::before {
	background-image: url('https://images.unsplash.com/photo-1559028012-c72e508ed2c8?w=1920&h=1080&fit=crop&fm=jpg&q=80');
}

.success-stories::before {
	background-image: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1920&h=1080&fit=crop&fm=jpg&q=80');
}

/* Additional section backgrounds */
.partnership-cta::before {
	background-image: url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1920&h=1080&fit=crop');
}

.investment-opportunities-header::before {
	background-image: url('https://images.unsplash.com/photo-1500937386664-56d1df8d7291?w=1920&h=1080&fit=crop');
}

.future-direction::before {
	background-image: url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1920&h=1080&fit=crop');
}

.success-stories::before {
	background-image: url('https://images.unsplash.com/photo-1560518883-dbf094c35642?w=1920&h=1080&fit=crop');
}

/* Featured Property Images */
.featured-property-image:nth-child(1) {
	background-image: url('https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=400&h=300&fit=crop');
}

.featured-property-image:nth-child(2) {
	background-image: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?w=400&h=300&fit=crop');
}

.featured-property-image:nth-child(3) {
	background-image: url('https://images.unsplash.com/photo-1512917774080-9991f1c4c750?w=400&h=300&fit=crop');
}

.featured-property-image:nth-child(4) {
	background-image: url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=400&h=300&fit=crop');
}

.featured-property-image:nth-child(5) {
	background-image: url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?w=400&h=300&fit=crop');
}

.featured-property-image:nth-child(6) {
	background-image: url('https://images.unsplash.com/photo-1600566753376-12c8ab7fb75b?w=400&h=300&fit=crop');
}

/* Field-Specific Colors for Subsidiaries */
.properties-section {
	position: relative;
}

.properties-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(246, 4, 5, 0.02) 0%, rgba(246, 4, 5, 0.05) 100%);
	z-index: -1;
}

.properties-section .section-title::before {
	background: linear-gradient(90deg, var(--primary), #FF6B6B);
}

.properties-section .highlight-icon {
	background: linear-gradient(135deg, var(--primary), #FF6B6B);
}

.properties-section .advantage-check {
	background: linear-gradient(135deg, var(--primary), #FF6B6B);
}

.agro-section {
	position: relative;
}

.agro-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(76, 175, 80, 0.02) 0%, rgba(139, 195, 74, 0.05) 100%);
	z-index: -1;
}

.agro-section .section-title::before {
	background: linear-gradient(90deg, #4CAF50, #8BC34A);
}

.agro-section .highlight-icon {
	background: linear-gradient(135deg, #4CAF50, #8BC34A);
}

.agro-section .advantage-check {
	background: linear-gradient(135deg, #4CAF50, #8BC34A);
}

.capital-section {
	position: relative;
}

.capital-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(33, 150, 243, 0.02) 0%, rgba(25, 118, 210, 0.05) 100%);
	z-index: -1;
}

.capital-section .section-title::before {
	background: linear-gradient(90deg, #2196F3, #1976D2);
}

.capital-section .highlight-icon {
	background: linear-gradient(135deg, #2196F3, #1976D2);
}

.capital-section .advantage-check {
	background: linear-gradient(135deg, #2196F3, #1976D2);
}

/* Background Images for Sections */
.overview-section {
	background: linear-gradient(135deg, rgba(246, 4, 5, 0.03) 0%, rgba(205, 204, 204, 0.05) 100%);
	position: relative;
}

.overview-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://images.unsplash.com/photo-1497366216548-375f7038428f?w=1920&h=1080&fit=crop');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.05;
	z-index: -1;
}

.services-overview {
	background: linear-gradient(135deg, rgba(76, 175, 80, 0.03) 0%, rgba(33, 150, 243, 0.03) 100%);
	position: relative;
}

.services-overview::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=1920&h=1080&fit=crop');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.05;
	z-index: -1;
}

.property-card, .project-card, .package-card {
	
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

.property-card:hover, .project-card:hover, .package-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.property-image, .project-image, .package-image {
	height: 200px;
	background: var(--gradient-2);
	position: relative;
	overflow: hidden;
}

.property-thumbnail, .project-thumbnail, .package-thumbnail {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Placeholder thumbnails */
.residential-1 { background-image: url('https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=400'); }
.commercial-1 { background-image: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=400'); }
.agricultural-1 { background-image: url('https://images.unsplash.com/photo-1500937386664-56d1df8d7291?w=400'); }
.investment-1 { background-image: url('https://images.unsplash.com/photo-1560518883-dbf094c35642?w=400'); }
.residential-2 { background-image: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?w=400'); }
.commercial-2 { background-image: url('https://images.unsplash.com/photo-1497366216548-375f7038428f?w=400'); }
.greenhouse { background-image: url('https://images.unsplash.com/photo-1580837119756-563d608dd119?w=400'); }
.livestock { background-image: url('https://images.unsplash.com/photo-1549060279-7e168fcee0c2?w=400'); }
.crops { background-image: url('https://images.unsplash.com/photo-1592982537447-2c8366e1b5a3?w=400'); }
.dairy { background-image: url('https://images.unsplash.com/photo-1553579762-4a418c5e0d44?w=400'); }
.real-estate { background-image: url('https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=400'); }
.agriculture { background-image: url('https://images.unsplash.com/photo-1500937386664-56d1df8d7291?w=400'); }
.technology { background-image: url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=400'); }
.manufacturing { background-image: url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?w=400'); }

.property-status, .project-status {
	position: absolute;
	top: 1rem;
	right: 1rem;
	background: var(--primary);
	color: white;
	padding: 0.5rem 1rem;
	border-radius: 20px;
	font-size: 0.9rem;
	font-weight: 600;
}

.property-content, .project-content, .package-content {
	padding: 1.5rem;
}

.property-content h3, .project-content h3, .package-content h3 {
	font-size: 1.3rem;
	color: var(--dark);
	margin-bottom: 0.5rem;
}

.property-location, .project-location {
	color: #666;
	font-size: 0.9rem;
	margin-bottom: 1rem;
}

.property-details, .project-details {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 1rem;
}

.property-details span, .project-details span {
	font-size: 0.9rem;
	color: #666;
}

.property-price, .package-amount {
	font-size: 1.2rem;
	font-weight: bold;
	color: var(--primary);
	margin-bottom: 1rem;
}

.property-link, .project-link, .package-link {
	color: var(--primary);
	text-decoration: none;
	font-weight: 600;
	transition: color 0.3s ease;
}

.property-link:hover, .project-link:hover, .package-link:hover {
	color: var(--accent);
}

/* Forms */
.form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.form-group {
	margin-bottom: 1.5rem;
}

.form-group label {
	display: block;
	margin-bottom: 0.5rem;
	color: var(--dark);
	font-weight: 500;
}

.form-group input,
.form-group select,
.form-group textarea {
	width: 100%;
	padding: 1rem;
	border: 2px solid #ddd;
	border-radius: 10px;
	background: #666 !important;
	transition: all 0.3s ease;
	font-family: inherit;
	color: var(--dark);
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
	outline: none;
	border-color: var(--primary);
	background: #666 !important;
}

.submit-btn, .reset-btn {
	background: var(--gradient-1);
	color: white;
	padding: 1rem 3rem;
	border: none;
	border-radius: 50px;
	font-size: 1.1rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 100%;
	margin-bottom: 1rem;
}

.submit-btn:hover, .reset-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(246, 4, 5, 0.3);
}

.reset-btn {
	background: transparent;
	color: var(--primary);
	border: 2px solid var(--primary);
}

.reset-btn:hover {
	background: var(--primary);
	color: white;
}

.form-actions {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 1rem;
}

/* Footer */
footer {
    background: #ffffff !important;
    color: #000000 !important;
    padding: 3rem 0 0;
    position: relative;
    overflow: hidden;
    line-height: 1.6;
    clear: both;
    font-size: 1rem;
}

.footer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 1200px;
    margin: 0 auto 2rem;
    padding: 0 20px;
    color: #000000 !important;
}

.footer-section {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 200px;
    flex: 1 1 200px;
    margin-bottom: 2rem;
    padding: 0;
}

.footer-logo img {
    max-width: 100%;
    height: auto;
    display: block;
}

.footer-logo h3 {
    color: white;
    margin: 10px 0;
    font-size: 1.5rem;
}

.footer-section h4 {
	margin-bottom: 1rem;
	color: #000000;
}

.footer-links {
	list-style: none;
}

.footer-links li {
    color: #000000 !important;
    margin-bottom: 0.5rem;
}

.footer-links a,
.footer-links li a {
    color: #000000 !important;
    text-decoration: none;
    transition: color 0.3s ease;
    display: inline-block;
    position: relative;
}

.footer-links a:hover {
    color: #e74c3c !important; /* Using the primary red color for hover */
    padding-left: 5px;
    text-decoration: none;
}

/* Social Media Icons */
.social-links {
	display: flex;
	gap: 15px;
	justify-content: center;
	align-items: center;
}

.social-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #666 !important; /* Matching Cityhub color */
    color: #000000 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.social-link:hover {
	background: #d40000;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.social-link i {
    color: #000000 !important; /* Making sure icon is white for better visibility */
    font-size: 1.2rem !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.social-links {
		margin-top: 20px;
		justify-content: center;
	}
	
	.social-link {
		width: 36px;
		height: 36px;
	}
}

.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 2rem;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	flex-wrap: wrap;
	gap: 1rem;
}

.copyright {
    color: #000000 !important;
    font-size: 0.9rem;
}

.social-links {
	display: flex;
	gap: 1rem;
}

.social-link {
	width: 40px;
	height: 40px;
	background: #666 !important;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 1.2rem;
	font-weight: bold;
}

.social-link i {
	color: #000000 !important; /* Making sure icon is white for better visibility */
    font-size: 1.2rem !important;
}

/* Mobile styles */
@media (max-width: 768px) {
	#hero, #properties-hero, #agro-hero, #capital-hero, #services-hero, #contact-hero {
		min-height: 70vh;
		padding: 0;
	}
	
	.hero-section {
		padding-top: 70px; /* Slightly less padding on mobile */
		min-height: 400px;
		height: auto;
		min-height: 300px;
		padding: 70px 0 40px;
	}
	
	header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1000;
	}
	
	main {
		margin-top: 60px; /* Adjust based on your header height */
	}

/* Mobile styles for footer */
@media (max-width: 768px) {
    footer {
        background: #ffffff !important;
        color: #000000 !important;
    }
    
    .footer-links a,
    .footer-links li,
    .footer-links li a {
        color: #000000 !important;
    }
    
    .copyright,
    .footer-section h4 {
        color: #000000 !important;
    }
	
	.menu-toggle {
		display: flex;
	}

	.nav-links {
		position: fixed;
		top: 80px;
		right: -100%;
		width: 100%;
		height: calc(100vh - 80px);
		background: rgba(255, 255, 255, 0.98);
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding-top: 2rem;
		transition: right 0.3s ease;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	}

	.nav-links.active {
		right: 0;
	}

	.nav-links li {
		margin: 1rem 0;
	}

	.nav-link {
		font-size: 1.1rem;
		padding: 0.8rem 1.5rem;
		border-radius: 25px;
		transition: all 0.3s ease;
	}

	.nav-link:hover {
		background: rgba(246, 4, 5, 0.1);
		color: #000000 !important;
		transform: translateY(-2px);
	}

	.hero-content h1, .properties-hero-content h1, .agro-hero-content h1, .capital-hero-content h1, .services-hero-content h1, .contact-hero-content h1 {
		font-size: 2.5rem;
	}

	.hero-content p, .properties-hero-content p, .agro-hero-content p, .capital-hero-content p, .services-hero-content p, .contact-hero-content p {
		font-size: 1.1rem;
	}

	.contact-info-quick {
		flex-direction: column;
		gap: 1rem;
	}

	.services-grid, .service-grid {
		grid-template-columns: 1fr;
	}

	.properties-grid, .projects-grid, .packages-grid {
		grid-template-columns: 1fr;
	}

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

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

	.footer-bottom {
		flex-direction: column;
		text-align: center;
		gap: 1.5rem;
	}
	
	.social-links {
		justify-content: center;
	}

	.copyright,
	.developer-credit {
		width: 100%;
		text-align: center;
	}

	.section-title {
		font-size: 2rem;
	}

	.hero-content h1, .properties-hero-content h1, .agro-hero-content h1, .capital-hero-content h1, .services-hero-content h1, .contact-hero-content h1 {
		font-size: 2.5rem;
	}

	/* Standard mobile styles will handle about page components */

@media (max-width: 480px) {
	.hero-content h1, .properties-hero-content h1, .agro-hero-content h1, .capital-hero-content h1, .services-hero-content h1, .contact-hero-content h1 {
		font-size: 2rem;
	}

	.cta-button {
		padding: 0.8rem 2rem;
		font-size: 0.9rem;
	}
}

/* ============================================
   BACK TO TOP BUTTON
   ============================================ */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: var(--primary);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 999;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    transform: translateY(20px);
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top:hover {
    background: var(--dark);
    transform: translateY(-3px) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.back-to-top i {
    font-size: 1.2rem;
    transition: all 0.3s ease;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .back-to-top {
        width: 45px;
        height: 45px;
        bottom: 20px;
        right: 20px;
    }
}
}
}