.lf-mobile-banner{
  width:100%;
  height:118px;
  background:
    linear-gradient(rgba(86,148,194,.88), rgba(86,148,194,.88)),
    url("assets/images/breadcrumb-bg.jpg") center/cover no-repeat;
  display:flex;
  align-items:center;
  padding:0 105px;
  font-family:Arial, sans-serif;
}

.lf-mobile-banner-content h2{
  font-size:20px;
  font-weight:700;
  color:#000;
  margin:0 0 12px;
}

.lf-mobile-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
}

.lf-mobile-breadcrumb a,
.lf-mobile-breadcrumb span,
.lf-mobile-breadcrumb p{
  color:#fff;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  margin:0;
}

.lf-mobile-section{
  width:100%;
  background:#f5f5f5;
  padding:52px 0 25px;
  border-bottom:4px solid #5b9ccc;
  font-family:Arial, sans-serif;
}

.lf-mobile-heading{
  text-align:center;
  margin-bottom:28px;
}

.lf-mobile-heading h2{
  font-size:31px;
  font-weight:700;
  color:#000;
  margin:0 0 12px;
}

.lf-mobile-heading span{
  width:172px;
  height:2px;
  background:#2d8ec8;
  display:block;
  margin:auto;
}

.lf-mobile-grid{
  max-width:1135px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}

.lf-mobile-card{
  background:#fff;
  border:1px solid #d2d2d2;
  box-shadow:0 2px 8px rgba(0,0,0,.18);
  min-height:304px;
  text-align:center;
  padding-bottom:20px;
}

.lf-mobile-img{
  width:100%;
  height:244px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
}

.lf-mobile-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.lf-mobile-card h3{
  font-size:16px;
  font-weight:700;
  color:#000;
  margin:0;
}

.lf-mobile-card:nth-child(4){
  grid-column:1 / 2;
}

@media(max-width:991px){
  .lf-mobile-banner{
    padding:0 30px;
  }

  .lf-mobile-grid{
    padding:0 20px;
    grid-template-columns:repeat(2, 1fr);
  }

  .lf-mobile-card:nth-child(4){
    grid-column:auto;
  }
}

@media(max-width:576px){
  .lf-mobile-banner{
    height:105px;
    padding:0 20px;
  }

  .lf-mobile-section{
    padding:45px 20px 35px;
  }

  .lf-mobile-grid{
    padding:0;
    grid-template-columns:1fr;
  }

  .lf-mobile-heading h2{
    font-size:27px;
  }
}