.services-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
margin-top:60px;
}

.service-card{
padding:32px;
border-radius:20px;
background:white;
border:1px solid rgba(224,179,94,0.2);
box-shadow:0 10px 40px rgba(0,0,0,0.06);
transition:0.3s;
}

.service-card:hover{
transform:translateY(-5px);
}

.service-card h3{
margin-bottom:12px;
}

.service-card p{
color:#555;
line-height:1.6;
}
.services-hero {
  padding: 120px 20px 60px;
  text-align: center;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap: 20px;
  margin-top: 40px;
}

.service-box {
  padding: 24px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.05);
  text-decoration: none;
  color: #111;
}

.service-box:hover {
  transform: translateY(-5px);
}

@media(max-width:768px){
.services-grid{
grid-template-columns:1fr;
}
}