:root {
	 --primary-green: #2E8B57;
	 --dark-green-bg: #0a1f14;
	 --light-bg: #f9f7f2;
	 }
	 .banner-with-bg {
	 background: url('../img/about/banner-bg.webp') no-repeat center center;
	 background-size: cover;
	 padding: 100px 0;
	 position: relative;
	 }
	 .banner-with-bg::before {
	 content: '';
	 position: absolute;
	 top: 0; left: 0; width: 100%; height: 100%;
	 background: rgba(0,0,0,0.5);
	 }
	 .banner-content {
	 position: relative;
	 z-index: 2;
	 }
	 .section-badge {
	 display: inline-flex;
	 align-items: center;
	 background: #fff;
	 padding: 8px 20px;
	 border-radius: 50px;
	 box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	 font-size: 14px;
	 font-weight: 600;
	 color: #333;
	 margin-bottom: 20px;
	 border: 1px solid #eee;
	 }
	 .section-badge img { margin-right: 8px; }
	 /* FIXED Image Layout - Exact Match to Your Design */
	 .about-images-wrapper {
	 position: relative;
	 height: 550px;
	 padding-right: 50px;
	 }
	 .main-image-container {
	 position: relative;
	 width: 75%;
	 height: 100%;
	 /* Arched shape on left side */
	 border-radius: 120px 20px 20px 20px;
	 overflow: hidden;
	 box-shadow: 0 10px 30px rgba(0,0,0,0.15);
	 }
	 .main-image-container img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 }
	 /* Secondary image - cut mango */
	 .secondary-image {
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 55%;
	 height: 55%;
	 border-radius: 20px;
	 object-fit: cover;
	 box-shadow: 0 10px 30px rgba(0,0,0,0.2);
	 border: 5px solid white;
	 z-index: 10;
	 }
	 /* Tertiary image - basket (circular) */
	 .tertiary-image {
	 position: absolute;
	 bottom: 30px;
	 right: 50px;
	 width: 140px;
	 height: 140px;
	 border-radius: 50%;
	 object-fit: cover;
	 box-shadow: 0 5px 20px rgba(0,0,0,0.15);
	 border: 5px solid white;
	 z-index: 10;
	 }
	 .dark-section {
	 background-color: var(--dark-green-bg);
	 color: #fff;
	 }
	 .feature-card-dark {
	 background: rgba(255,255,255,0.05);
	 border: 1px solid rgba(255,255,255,0.1);
	 padding: 30px 20px;
	 border-radius: 15px;
	 text-align: center;
	 transition: 0.3s;
	 height: 100%;
	 }
	 .feature-card-dark:hover {
	 background: rgba(255,255,255,0.1);
	 transform: translateY(-5px);
	 }
	 .feature-icon-circle {
	 width: 60px;
	 height: 60px;
	 background: var(--primary-green);
	 color: white;
	 border-radius: 50%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 24px;
	 margin: 0 auto 20px;
	 }
	 .review-card {
	 background: var(--light-bg);
	 padding: 30px;
	 border-radius: 15px;
	 height: 100%;
	 }
	 .stars { color: #FFD700; margin-bottom: 15px; }
	 .google-logo { height: 24px; margin-top: 20px; }
	 .banner-breadcrumb {
		display: inline-flex;
		align-items: center;
		background: rgba(255, 255, 255, 0.15);
		backdrop-filter: blur(10px);
		padding: 10px 25px;
		border-radius: 25px;
		margin-top: 15px;
	}