
	body{
		background:#f7f2ee;
		margin:0;
		padding:0;
		overflow-x:hidden;
	}
	.bg-watermark{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url("{{ asset('engage/img5.jpg') }}") center/cover no-repeat;
		opacity:0.06;
		z-index:0;
		pointer-events:none;
	}
	/* main section */
	.snapshot-section {
		color: #3a2f2a;
		position: relative;
		z-index: 2;
	}
	.service-badge {
		padding-top: 69px;
		font-size: 14px;
		color: #b08b6a;
		letter-spacing: 3px;
		display: block;
	}
	.service-title {
		color: #2c3e2c;
	}
	.service-subtitle{
		font-size:24px;
		color:#8b7a6b;
		font-style:italic;
		margin-bottom:25px;
	}
	.service-description{
		font-size:18px;
		line-height:1.8;
		color:#5c4f48;
		max-width:850px;
		background:white;
		padding:30px;
		border-left:4px solid #b08b6a;
		border-radius:10px;
		box-shadow:0 10px 25px rgba(0,0,0,0.05);
	}
	.content-grid{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:10px;
	}
	.section-card{
		background: #faecec4d;
		padding:35px;
		border-radius:16px;
		border:1px solid rgba(176,139,106,0.2);
		box-shadow:0 10px 25px rgba(0,0,0,0.05);
	}
	.section-card h2{
		font-family:'Marcellus',serif;
		font-size:28px;
		color:#2c3e2c;
		margin-bottom:20px;
	}
	.section-card ul{
		list-style:none;
		padding:0;
	}
	.section-card li{
		padding:10px 0;
		border-bottom:1px dashed rgba(176,139,106,0.3);
		font-size:16px;
	}
	.section-card li:last-child{
		border-bottom:none;
	}
	.deliverables-grid{
		display:grid;
		grid-template-columns:repeat(3,1fr);
		gap:25px;
		margin:40px 0;
	}
	.deliverable-item{
		background:white;
		padding:19px;
		border-radius:16px;
		border:1px solid rgba(176,139,106,0.2);
		box-shadow:0 10px 25px rgba(0,0,0,0.05);
	}
	.deliverable-item h3{
		font-family:'Marcellus',serif;
		font-size:20px;
		color:#2c3e2c;
		margin-bottom:10px;
	}
	.deliverable-item p{
		font-size:15px;
		color:#5c4f48;
	}
	.meta-grid{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:30px;
		margin:-21px 0;
		margin-bottom: -38px;
	}
	.meta-item{
		background:white;
		padding: 3px 30px;
		border-left:4px solid #b08b6a;
		border-radius:10px;
		box-shadow:0 10px 25px rgba(0,0,0,0.05);
	}
	.meta-label{
		font-size:13px;
		letter-spacing:2px;
		color:#8b7a6b;
	}
	.meta-value{
		font-size:26px;
		font-weight:600;
		color:#2c3e2c;
	}
	.cta-container{
		text-align:center;
		margin:70px 0 40px;
	}
	.cta-button{
		display:inline-block;
		background:#b08b6a;
		color:white;
		padding:18px 50px;
		border-radius:50px;
		text-decoration:none;
		font-size:18px;
		box-shadow:0 10px 30px rgba(176,139,106,0.4);
	}
	.cta-button:hover{
		background:#9a7654;
	}
	.back-link{
		text-align:center;
		margin-top:40px;
		margin-bottom: -62px;
	}
	.back-link a{
		color:#8b7a6b;
		text-decoration:none;
	}
	.back-link a:hover{
		color:#b08b6a;
	}
	@media(max-width:900px){
		.service-title{
			font-size:42px;
		}
		.content-grid,
		.deliverables-grid,
		.meta-grid{
			grid-template-columns:1fr;
		}

	}