body{
		background:#f7f2ee;
		margin:0;
		overflow-x:hidden;
	}
    section{
        padding: 20px;
    }
	/* light background watermark */

	.bg-watermark{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url("{{ asset('engage/img4.png') }}") center/cover no-repeat;
		opacity:0.05;
		z-index:0;
		pointer-events:none;
	}


	/* container */
    .comprehensive-diagnostic {
        font-family: 'Inter',sans-serif;
        color: #3a2f2a;
        position: relative;
        z-index: 2;
    }
    .hero-grid {
        display: grid;
        grid-template-columns: 1.2fr 1fr;
        gap: 10px;
        padding: 82px 0 0;
        align-items: center;
    }
	/* hero image */
	.hero-img img{
		width:100%;
		border-radius:20px;
		box-shadow:0 20px 60px rgba(0,0,0,0.1);
	}
	/* header */
	.service-badge{
		font-size:14px;
		letter-spacing:3px;
		color:#b08b6a;
		margin-bottom:10px;
		display:block;
	}

	.service-title{
		font-family:'Marcellus',serif;
		color:#2c3e2c;
		margin-bottom:15px;
		line-height:1.1;
	}

	.service-subtitle{
		font-size:24px;
		color:#8b7a6b;
		font-style:italic;
	}

	.service-description{
		font-size:18px;
		line-height:1.8;
		color:#5c4f48;
		background:white;
		padding:30px;
		border-left:4px solid #b08b6a;
		border-radius:10px;
		box-shadow:0 10px 30px rgba(0,0,0,0.05);
	}


	/* section header */

	.section-header{
		color:#2c3e2c;
		margin:20px;
		display:flex;
		align-items:center;
		gap:20px;
	}

	.section-header::after{
		content:'';
		flex:1;
		height:1px;
		background:linear-gradient(90deg,#b08b6a,transparent);
	}


	/* scope */

	.scope-grid{
		display:grid;
		grid-template-columns:repeat(2,1fr);
		gap:25px;
	}

	.scope-card{
		background:white;
		padding:30px;
		border-radius:16px;
		box-shadow:0 10px 25px rgba(0,0,0,0.05);
		border:1px solid rgba(176,139,106,0.2);
		transition:.3s;
	}

	.scope-card:hover{
		transform:translateY(-6px);
		box-shadow:0 20px 40px rgba(176,139,106,0.15);
	}

	.scope-card h3{
		font-family:'Marcellus',serif;
		font-size:22px;
		margin-bottom:10px;
		color:#2c3e2c;
	}

	.scope-card p{
		font-size:15px;
		color:#5c4f48;
		line-height:1.7;
	}


	/* deliverables */

	.deliverables-grid{
		display:grid;
		grid-template-columns:repeat(2,1fr);
		gap:10px;
	}

	.deliverable-card{
		background:white;
		padding:14px;
		border-radius:15px;
		border:1px solid rgba(176,139,106,0.2);
		box-shadow:0 10px 25px rgba(0,0,0,0.05);
		transition:.3s;
	}
	.deliverable-card:hover{
		transform:translateY(-6px);
		box-shadow:0 20px 40px rgba(176,139,106,0.15);
	}
	.deliverable-card h3{
		font-family:'Marcellus',serif;
		font-size:22px;
		margin-bottom:10px;
		color:#2c3e2c;
	}
	.deliverable-card p{
		font-size:15px;
		color:#5c4f48;
		line-height:1.7;
	}
	/* CTA */
	.cta-section{
		padding-top: 10px;
		text-align:center;
	}
	.cta-button{
		display:inline-block;
		background:#b08b6a;
		color:white;
		padding:14px;
		border-radius:50px;
		font-size:16px;
		text-decoration:none;
		box-shadow:0 10px 30px rgba(176,139,106,0.4);
		transition:.3s;
	}
	.cta-button:hover{
		transform:translateY(-4px);
		background:#9a7654;
	}
	.cta-subtitle{
		color:#8b7a6b;
	}
	/* responsive */
	@media(max-width:900px){

		.hero-grid{
			grid-template-columns:1fr;
		}
		.service-title{
			font-size:42px;
		}

		.scope-grid,
		.deliverables-grid{
			grid-template-columns:1fr;
		}

	}