.lsm-services{
  padding:80px 0;
  background:#f7f9fc;
}

.lsm-services__container{
  width:min(1180px,92%);
  margin:auto;
}

.lsm-services__head{
  text-align:center;
  margin-bottom:50px;
}

.lsm-services__title{
  font-size:34px;
  font-weight:900;
  color:#0b1b3a;
}

.lsm-services__sub{
  max-width:720px;
  margin:10px auto 0;
  color:#5a6575;
  line-height:1.7;
}

.lsm-services__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

/* CARD */

.lsm-service{
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 15px 35px rgba(0,0,0,.07);
  transition:transform .25s ease,box-shadow .25s ease;
}

.lsm-service:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 50px rgba(0,0,0,.12);
}

/* IMAGE */

.lsm-service__image{
  height:200px;
  overflow:hidden;
}

.lsm-service__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}

.lsm-service:hover img{
  transform:scale(1.07);
}

/* CONTENT */

.lsm-service__content{
  padding:22px;
}

.lsm-service__icon{
  width:44px;
  height:44px;
  border-radius:10px;
  background:#d10000;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
}

.lsm-service__icon i{
  color:#fff;
  font-size:22px;
}

.lsm-service h3{
  font-size:18px;
  font-weight:800;
  margin-bottom:10px;
  color:#0b1b3a;
}

.lsm-service p{
  font-size:14px;
  line-height:1.6;
  color:#5c6778;
  margin-bottom:14px;
}

.lsm-service__link{
  font-weight:700;
  color:#d10000;
  text-decoration:none;
  font-size:14px;
}

.lsm-service__link:hover{
  text-decoration:underline;
}

/* RESPONSIVE */

@media(max-width:1000px){

.lsm-services__grid{
  grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:640px){

.lsm-services__grid{
  grid-template-columns:1fr;
}

.lsm-service__image{
  height:180px;
}

}

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