.about-hero{
	height:300px;
	background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),
	url("/huda/public/assets/img/hakk.jpeg");
	background-size:cover;
	background-position:center;
	display:flex;
	align-items:center;
	justify-content:center;
	color:white;
	text-align:center;
}

.about-hero h1{
	font-size:48px;
	margin-bottom:10px;
}

.about-company{
	padding:80px 10%;
}

.about-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:60px;
	align-items:center;
}

.about-text h2{
	font-size:32px;
	margin-bottom:20px;
	color: white;
}

.about-text p{
	color:#555;
	line-height:1.7;
	margin-bottom:15px;
}

.about-image img{
width:100%;
border-radius:10px;
}

.about-stats{
background:#ff6b35;
color:white;
padding:60px 10%;
}

.stats-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
text-align:center;
gap:30px;
}

.stat h3{
font-size:42px;
margin-bottom:10px;
}

.about-why{
padding:80px 10%;
text-align:center;
}

.about-why h2{
	font-size:34px;
	margin-bottom:40px;
	color: white;
}

.why-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:30px;
}

.why-card{
background:#f7f7f7;
padding:30px;
border-radius:10px;
transition:.3s;
}

.why-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,.1);
}

.why-card h3{
margin-bottom:10px;
color:#ff6b35;
}

.about-cta{
background:#111;
color:white;
text-align:center;
padding:80px 10%;
}

.cta-button{
	display:inline-block;
	margin-top:20px;
	background:#ff6b35;
	padding:14px 30px;
	color:white;
	text-decoration:none;
	border-radius:6px;
	font-weight:bold;
	transition:.3s;
}

.cta-button:hover{
	background:#e65a29;
}