.hero-title {
			color: #0F172A;
			font-size: 40px;
			font-weight: 700;
			margin-bottom: 1.5rem;
			font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
	}
	
	.hero-description {
			color: #6B7280;
			font-size: 15px;
			line-height: 1.6;
			max-width: 530px;
			margin: 0 auto;
			font-weight: 400;
			font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
	}
	
	.hero-section {
			text-align: center;
			padding: 3rem 0;
	}
	
	.bin-card {
			border: none;
			transition: transform 0.3s;
			margin-bottom: 2rem;
	}
	
	.bin-card:hover {
			transform: translateY(-5px);
	}
	
	.bin-image {
			height: 300px;
			object-fit: cover;
	}
	
	.order-btn {
			width: 150px;
	}
	
	.contact-btn {
			background-color: #06a068;
			border: none;
	}
	
	.contact-btn:hover {
			background-color: #009961;
	}
	.card-title {
font-size: 1.25rem;  /* or any specific size */
}




/**/
body {
			margin: 0;
			padding: 0;
	}

	.navbar {
			padding: 0px;
			position: fixed;
			width: 100%;
			top: 0;
			z-index: 1000;
			background: transparent;
	}

	.logo {
			width: 116px;
	}

	.nav-link {
			color: #1a1a1a !important;
			font-weight: 500;
			margin: 0 15px;
			text-decoration: none;
	}

	.phone-btn {
			background-color: #2ecc71;
			color: white !important;
			padding: 10px 20px;
			border-radius: 5px;
			text-decoration: none;
	}

	.hero-section2 {
			position: relative;
			min-height: 100vh;
			display: flex;
			align-items: center;
	
			background-size: cover;
			background-position: center;
			padding-top: 80px;
	}

	.hero-section2::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: rgba(248, 246, 246, 0.9);
			opacity: 80%;
	}

	.welcome-text {
			color: #17753f;
			font-size: 1.2rem;
			margin-bottom: 20px;
			position: relative;
	}

	.hero-title2 {
			color: #1a1a1a;
			font-size: 3.5rem;
			font-weight: 700;
			line-height: 1.2;
			margin-bottom: 30px;
			position: relative;
	}

	.buttons {
			position: relative;
			margin-top: 30px;
	}

	.contact-btn {
			background-color: #2B4D6B;
			color: white;
			padding: 12px 30px;
			border-radius: 5px;
			text-decoration: none;
			margin-right: 15px;
			display: inline-block;
	}

	.expertise-btn {
			background-color: #2ecc71;
			color: white;
			padding: 12px 30px;
			border-radius: 5px;
			text-decoration: none;
			display: inline-block;
	}

	.hero-image2 {
			width: 100%;
			max-width: 500px;
			border-radius: 50%;
			position: relative;
			margin-top: 30px;
	}

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

	/* Hover effects */
	.contact-btn:hover, .expertise-btn:hover, .phone-btn:hover {
			color: white;
			opacity: 0.9;
			text-decoration: none;
	}



	.expertise-section {
			padding: 80px 0;
			background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	}

	.expertise-title {
			text-align: center;
			font-size: 2.5rem;
			font-weight: bold;
			margin-bottom: 3rem;
			color: #1a1a1a;
	}

	.expertise-card {
			background-color: #2c4356;
			border-radius: 15px;
			height: 550px; /* Fixed height for all cards */
			position: relative;
			color: white;
			padding-bottom: 30px;
			margin-top: 30px; /* Space for image overflow */
	}

	.image-container {
			position: absolute;
			top: -30px;
			left: 15px;
			right: 15px;
			height: 250px;
			overflow: hidden;
	}

	.expertise-image {
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 15px;
			box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	}

	.expertise-content {
			padding: 240px 25px 25px; /* Increased top padding to account for image */
			height: 100%;
			display: flex;
			flex-direction: column;
	}

	.expertise-heading {
			font-size: 1.5rem;
			margin-bottom: 1rem;
			font-weight: 600;
	}

	.expertise-text {
			font-size: 1rem;
			line-height: 1.6;
			flex-grow: 1; /* Allows text to take available space */
			margin-bottom: 1rem;
	}

	.learn-more {
			color: #29a649;
			text-decoration: none;
			display: inline-flex;
			align-items: center;
			font-weight: 500;
			transition: all 0.3s ease;
			margin-top: auto; /* Pushes link to bottom */
	}

	.learn-more:hover {
			color: #1f7a35;
	}

	.learn-more::after {
			content: "→";
			margin-left: 8px;
			transition: transform 0.3s ease;
	}

	.learn-more:hover::after {
			transform: translateX(5px);
	}

	.waste-container {
			max-width: 1200px;
			margin: 2rem auto;
			padding: 20px;
	}
	
	.waste-image {
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 15px;
	}
	
	.content-section h1 {
			color: #1a1a1a;
			font-weight: bold;
			margin-bottom: 1.5rem;
	}
	
	.witness-disposal {
			margin-bottom: 2rem;
	}
	
	.witness-disposal p {
			color: #666;
			margin-bottom: 0.5rem;
	}
	
	.services-list {
			list-style: none;
			padding-left: 0;
	}
	
	.services-list li {
			color: #666;
			margin-bottom: 0.5rem;
	}
	
	@media (max-width: 768px) {
			.waste-container {
					padding: 15px;
			}
	}