/* =========================
   SERVICES SECTION
========================= */

.services-section{
  padding:80px 5%;
  background:#f5f7fa;
}

.section-title{
  text-align:center;
  margin-bottom:50px;
}

.section-title h2{
  font-size:42px;
  color:#111827;
  margin-bottom:15px;
}

.section-title p{
  font-size:17px;
  color:#6b7280;
}

/* BOX CONTAINER */

.services-container{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:30px;
}

/* BOX */

.service-box{
  background:#ffffff;
  border-radius:14px;
  overflow:hidden;
  text-align:center;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transition:0.3s;
  padding-bottom:25px;
}

.service-box:hover{
  transform:translateY(-8px);
  box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

/* IMAGE */

.service-box img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
}

/* TITLE */

.service-box h3{
  font-size:22px;
  color:#111827;
  margin-top:22px;
}

/* MOBILE */

@media(max-width:992px){

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

}

@media(max-width:768px){

  .services-section{
    padding:60px 20px;
  }

  .section-title h2{
    font-size:32px;
  }

  .services-container{
    grid-template-columns:1fr;
  }

}