ul {
      margin-top: 0.75rem;
      padding-left: 0;
      list-style: none;
      font-size: 16px;
      line-height: 1.2;
    }
    ul li {
      margin-bottom: 0.25rem;
    }
    .orange-text {
      color: #d97706;
      font-weight: 600;
      margin-right: 0.25rem;
    }
    .btn-circle {
      width: 3rem;
      height: 3rem;
      border-radius: 50%;
      border: 1px solid black;
      color: black;
      font-size: 1.25rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background: transparent;
    }
    .case-study-img {
      width: 160px;
      height: auto;
      border-radius: 0.125rem;
      object-fit: cover;
    }
    @media (max-width: 575.98px) {
      .case-study-container {
        flex-direction: column !important;
        align-items: center !important;
      }
      .case-study-text-left,
      .case-study-text-right {
        max-width: 100% !important;
        text-align: center !important;
      }
      .case-study-text-right {
        text-align: center !important;
      }
      .case-study-img {
        margin-top: 1rem;
      }
      .case-study-right {
        flex-direction: column-reverse !important;
        align-items: center !important;
      }
    }


	a {
  text-decoration: none !important;
}

a:hover {
  text-decoration: none !important;
}

	body {
		font-family: "Poppins", sans-serif !important;
	}

	.project-details h1 {
		font-size: 45px;
		font-weight: 700;
		line-height: 45px
	}

	.project-details h2 {
		font-size: 36px;
		font-weight: 600;
		line-height: 41px;
		color: #171717;
		margin-bottom: 0px;
		margin-top:40px
	}

	.project-details h3 {
		font-size: 18px;
		font-weight: 600;
		line-height: 41px;
		color: #fb9235
	}

	.project-details h4 {
		font-size: 18px;
		line-height: 24px;
		color: #fb9235;
		margin-top: 20px;
		margin-bottom: -5px
	}

	.project-details p {
		color: #434a5c;
		padding-bottom: 0px !important;
		line-height: 25px;
		margin: 10px 0 !important;
	}

	.project-details .gray-text {
		color: #434a5c
	}

	

	.project-details .mb17 {
		margin-bottom: 17px;
	}

	span {
	
		line-height: 20px
	}

	.custom-list ul {
		list-style-type: none;
		padding-left: 0;
		margin: 20px !important;
	}

	.custom-list ul li {
		position: relative;
		padding-left: 20px;
		text-indent: 0px;
		color: #434a5c;
		margin-bottom: 8px;
	}

	.custom-list ul li::before {
		content: "•";
		position: absolute;
		left: 0;
		color: black;
		font-weight: bold;
	}

	.auto {
		color: #434a5c;
		font-weight: 600;
	}

	/* New Impact Grid Styles */
	.impact-grid {
		margin: 40px 0;
	}

	.impact-row {
		display: flex;
		gap: 20px;
		margin-bottom: 20px;
	}

	.impact-card {
		flex: 1;
		background:#fff6ef;
		border-radius: 12px;
		padding: 30px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
		transition: transform 0.5s ease;
		border: 1px solid #f7b17b;
	}

	.impact-card:hover {
		transform: translateY(-5px);
		box-shadow: 10px 5px 12px rgba(255, 131, 8, 0.2);
		transition: transform 0.5s ease;
	}

	.impact-card.full-width {
		flex: 0 0 100%;
		background: #fb9235;
		color: white;
	}

	.impact-value {
		font-size: 25px;
		font-weight:600;
		color: #fb9235;
		line-height: 1;
		margin-bottom: 10px;
	}

	.impact-card.full-width .impact-value {
		color: white;
	}

	.impact-title {
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 12px;
		color: #171717;
	}

	.impact-card.full-width .impact-title {
		color: white;
	}

	.impact-desc {
		font-size: 16px;
		line-height: 1.5;
		color: #434a5c;
	}

	.impact-card.full-width .impact-desc {
		color: rgba(255, 255, 255, 0.9);
	}

	@media (max-width: 768px) {
		.impact-row {
			flex-direction: column;
		}
	}


	.card-custom {
				border-radius: 1rem;
				box-shadow: 0 10px 60px rgba(0, 0, 0, 0.05);
				display: flex;
				flex-direction: column;
				padding: 15px;
				background-color: #fff;
				height: 100%;
				border: 1px solid #c3c3c3;
				}

				.card-img-custom {
				border-radius: 0.5rem;
				margin-bottom: 1.5rem;
				object-fit: contain;
				width: 100%;
				}

				.category-text {
				font-size: 0.75rem;
				color: #64748b;
				letter-spacing: 0.05em;
				margin-bottom: 0.25rem;
				}

				.card-title-custom {
				font-weight: 700;
				font-size: 1.125rem;
				margin-bottom: 0.5rem;
				line-height: 1.25;
				color: #111827;
				}

				.card-desc {
				font-size: 0.875rem;
				color: #4b5563;
				margin-bottom: 1rem;
				line-height: 1.4;
				}

				.metrics-box {
				border-radius: 0.5rem;
				padding: 1rem;
				margin-bottom: 1.5rem;
				font-weight: 600;
				font-size: 0.875rem;
				display: flex;
				flex-direction: column;
				gap: 0.25rem;
				}

				.metrics-row {
				display: flex;
				justify-content: space-between;
				align-items: center;
				}

				.metrics-green {
				background-color: #ecf9f1;
				color: #166534;
				}

				.metrics-green .value-positive {
				color: #22c55e;
				font-weight: 800;
				}

				.metrics-green .value-negative {
				color: #15803d;
				font-weight: 800;
				}

				.metrics-blue {
				background-color: #e0e7ff;
				color: #1e40af;
				}

				.metrics-blue .value-positive-1 {
				color: #3b82f6;
				font-weight: 800;
				}

				.metrics-blue .value-positive-2 {
				color: #2563eb;
				font-weight: 800;
				}

				.metrics-purple {
				background-color: #f3e8ff;
				color: #6b21a8;
				}

				.metrics-purple .value-positive {
				color: #a855f7;
				font-weight: 800;
				}

				.metrics-purple .value-negative {
				color: #7c3aed;
				font-weight: 800;
				}

				.btn-link-custom {
				color: #3b82f6;
				font-size: 0.875rem;
				font-weight: 500;
				text-decoration: none;
				display: inline-flex;
				align-items: center;
				}

				.btn-link-custom:hover {
				text-decoration: underline;
				color: #2563eb;
				}

				.btn-link-custom i {
				margin-left: 0.25rem;
				}

				/* Specific colors for each card's link */
				.card-2 .btn-link-custom {
				color: #3b82f6;
				}

				.card-2 .btn-link-custom:hover {
				color: #2563eb;
				}

				.card-3 .btn-link-custom {
				color: #6366f1;
				}

				.card-3 .btn-link-custom:hover {
				color: #4f46e5;
				}

				/* Align the "View full case study" link at the bottom */
				.card-custom .content-wrapper {
				display: flex;
				flex-direction: column;
				flex-grow: 1;
				}

				.card-custom .btn-container {
				margin-top: auto;
				}

				/* === FIXED CARD GRID LAYOUT === */
				.cards-container {
				display: grid;
				grid-template-columns: repeat(1, 1fr); /* mobile default */
				gap: 24px; /* space between cards */
				}

				@media (min-width: 768px) {
				.cards-container {
					grid-template-columns: repeat(2, 1fr); /* tablet */
				}
				}

				@media (min-width: 992px) {
				.cards-container {
					grid-template-columns: repeat(3, 1fr); /* desktop */
				}
				}