.services-section{
  background:#ffffff;
  padding:55px 20px 65px;
}

.services-titleBlock{
  max-width:1400px;
  margin:0 auto 26px;
  text-align:center;
}

.services-container{
  max-width:1400px;
  margin:0 auto;
  padding-right:0;
}

.services-list{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:14px;
  margin-top:10px;
}

.service-card{
  background:#fff;
  border:1px solid rgba(0,0,0,0.06);
  border-radius:16px;
  box-shadow:0 10px 26px rgba(0,0,0,0.06);
  overflow:hidden;
  transition:transform .45s cubic-bezier(.16,1,.3,1),
             box-shadow .45s ease,
             border-color .45s ease;
}

.service-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 48px rgba(0,0,0,0.08);
  border-color:rgba(190,170,118,0.40);
}

.service-card-image{
  height:110px;
  background:#f3f3f3;
  overflow:hidden;
  position:relative;
}

.service-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform 1.2s cubic-bezier(.16,1,.3,1);
}

.service-card:hover .service-card-image img{
  transform:scale(1.05);
}

.service-chip{
  position:absolute;
  left:10px;
  bottom:10px;
  width:26px;
  height:26px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,0.35);
  border:1px solid rgba(255,255,255,0.24);
  backdrop-filter:blur(8px);
}

.service-chip svg{
  width:14px;
  height:14px;
  fill:#fff;
  opacity:0.92;
}

.service-card-body{
  padding:12px 12px 14px;
}

.service-card-body h3{
  margin:0 0 6px 0;
  font-size:12px;
  font-weight:900;
  letter-spacing:0.8px;
  color:#111;
}

.service-card-body p{
  margin:0;
  font-size:11px;
  color:rgba(17,17,17,0.55);
  line-height:1.45;
}


@media(max-width:1024px){
  .services-list{
    grid-template-columns:repeat(2, 1fr);
  }
  .service-card-image{
    height:140px;
  }
}

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

  .services-section{
    padding:45px 16px 55px; 
  }
}