/* ========================================
11 Service
======================================== */



.bg-light-custom{
  background:#f8fafc;
}

.service-list{

  display:grid;

  grid-template-columns:
    repeat(
      auto-fit,
      minmax(320px,1fr)
    );

  gap:32px;

  align-items:stretch;

}

.service-card{

  width:100%;

  height:100%;

  background:#fff;

  border-radius:28px;

  overflow:hidden;

  box-shadow:
    0 10px 30px rgba(0,0,0,0.05);

  transition:0.3s;

}

.service-card:hover{

  transform:translateY(-6px);

  border-color:
    var(--main-color);

}

.service-image{

  width:100%;

  height:240px;

  object-fit:cover;

  display:block;

}

.service-body{
  padding:32px;
}

.service-title{

  font-size:1.5rem;

  margin-bottom:18px;

}

.service-text{

  color:#6b7280;

  line-height:2;

}